/* トップページ新着商品リスト */
.ec-newItemRole .ec-newItemRole__list{
    flex-wrap:wrap;
}
.ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem{
    width:20%;
    margin:0 auto 20px auto;
}
.ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem a{
    max-width:96%;
    display:block;
}
.ec-newItemRole .ec-newItemRole__listItemPrice{
    color:#cc0000;
    font-weight:bold;
    text-align: right;
    font-size:18px;
}
@media screen and (max-width:768px){
    .ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem{
        width:33.3%;
    }
}
/* トップページスライダー */
.slick-slide img{
    max-width: 900px;
}

/* トップページトピックス部分 */
/* PICK UP */
.bottom__specialbnr_title {
    display: none;
}
/* 下部は出す*/
.bottom__specialbnr_wrap .bottom__specialbnr_title {
    display: block;
}
/* 下部のTOPICSは消す*/
.bottom__specialbnr_wrap .common__heading_topics {
    display: none;
}
/* 下部のルビは消す*/
.bottom__specialbnr_wrap .top__ranking_rubi {
    display: none;
}

/* トップページトピックス */
.top__topics_link {
  width: 915px;
  margin: 10px auto 0;
  text-align: right; }

.top__topics_link span {
  text-align: right;
  padding: 0px 0 5px;
  margin: 0 auto;
  letter-spacing: 0.05em;
  color: #333333;
  padding-right: 13px;
  line-height: 1;
  position: relative;}

.top__topics_link span::after {
    margin-top: -6px;
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #333333;
    border-top: 1px solid #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 10px;
}

@media screen and (max-width: 979px) {
    .top__topics_link span::after {
    margin-top: -7px;
    right: -6px;
    }
  .top__topics_link {
    width: 100%; } }


/*トピックス*/
.topics-Grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    list-style: none;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.topics-Grid li {
    width: 24%;
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:1.4s;
animation-fill-mode:forwards;
opacity: 0;
}
/*START--TOPICSLIST */
.topics-itemlist-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.topics-itemlist-item {
  width: calc(calc(100% - 20px) / 4); }

.topics-itemlist-item a {
  display: block;
  line-height: 1; }

.topics-itemlist-item img {
  width: 100%; }

.topics-itemlist-item .ec-shelfGrid__inner {
  padding: 5px 0px 0px; }

.topics-itemlist-item:nth-of-type(n+5) {
  margin: 15px auto 0; }

@media screen and (max-width: 979px) {
  .topics-itemlist-item {
    width: calc(calc(100% - 10px) / 3); }

  .topics-itemlist-item .ec-shelfGrid__inner {
    padding: 2px 0px 0; }

  .topics-itemlist-item:nth-of-type(n+4) {
    margin: 10px auto 0; } }
/*END--TOPICSLIST */
/*START--NEWS一覧 */
.news-list-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 88%;
  margin: 60px auto 80px; }

.news-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 49%;
  margin: 5px auto;
  position: relative;
  height: 110px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  box-sizing: content-box; }

.news-box a:hover {
  opacity: 0.8; }

.news-img-box {
  width: 30%; }

.news-img-box img {
  max-width: 100%;
  max-height: 110px; }

.news-img-box a {
  display: block;
  line-height: 0;
  text-align: center; }

.news-detail {
  width: 70%;
  padding: 0 0 0 15px;
  box-sizing: border-box; }

.news-detail .news-title {
  font-size: 19px;
  color: #000; }

.news-detail .news-date {
  font-size: 12px;
  color: #adadad;
  padding: 5px 0 0; }

.news-detail a {
  display: block; }

@media screen and (max-width: 979px) {
  .news-list-wrap {
    width: 100%; 
    margin: 10px auto 30px; }

  .news-box {
    width: 100%;
    margin: 3px auto;
    padding-bottom: 5px;
    height: auto; }

  .news-box::after {
    margin-top: -7px;
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 10px; }

  .news-detail {
    padding: 0 15px 0 5px; }

  .news-detail .news-title {
    font-size: 14px;
    color: #000; }

  .news-detail .news-date {
    font-size: 10px; } }

/*END--NEWS一覧 */

/*END--TOPICS内 埋め込みタグ用 */
.insta-movie-wrap iframe {
    margin: 0 auto 10px !important;
    width: 40% !important;
}
.insta-movie-wrap .SocialProof {
    display: none !important;
}
/*END-TOPICS内 埋め込みタグ用 */

/* メールマガジン用*/
.mail-mag-wrap {
  text-align: center; }

.mail-main-img {
  background: #cae9e4;
  max-width: 100%;
  text-align: center; }

.mail-mag-wrap img {
  max-width: 100%; }

.mail-merit-box {
  text-align: center;
  margin: 30px auto 0; }

.mail-merit-img {
  width: 55%;
  margin: 10px auto 0; }

.mail-merit-img img {
  width: 100%; }

.mail-merit-tile {
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #de744c;
  text-align: center;
  font-size: 22px; }

.mail-howto-box {
  margin: 60px auto 0; }

.mail-line {
  border-bottom: solid 2px #cae9e4;
  margin: 30px auto 0; }

.mail-line-d {
  border-bottom: dashed 2px #cae9e4;
  margin: 30px auto 0; }

.mail-howto-tile {
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #de744c;
  text-align: center;
  font-size: 20px; }

.mail-howto-text {
  text-align: center;
  margin: 30px auto 0;
  line-height: 1.8em; }

.mail-entry-button {
  margin: 25px auto 0;
  text-align: center;
  color: #fff; }

.mail-entry-button a {
  display: block;
  background: #de744c;
  height: 35px;
  border: #de744c solid 1px;
  border-radius: 7px;
  line-height: 35px;
  letter-spacing: 0.1em;
  padding: 0px 90px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.12em; }

.mail-howto-img {
  width: 30%;
  margin: 20px auto 0; }

@media screen and (max-width: 979px) {
  .mail-merit-tile {
    font-size: 20px;
    }
  .mail-entry-button a {
    height: 35px;
    line-height: 35px;
    padding: 0px 60px; }

  .mail-merit-img {
    width: 100%; }

  .mail-howto-img {
    width: 80%; } }
/*END--メールマガジン */

/* 特集用*/
.color-wrap {
  padding: 30px 5px 60px; }
.color-wrap a {
display: block;
}
.item-check {
  color: #fff;
  font-size: 16px;
  margin: 0 0 10px;
  letter-spacing: .2rem; }

.topics-item-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }

/* カラー特集用*/
.color-wrap.pink {
  background: #f2cccc; }

.color-wrap.blue {
  background: #98c3da; }

.color-wrap.green {
  background: #a9d1b4; }

.color-title {
  color: #fff;
  font-size: 20px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: .4rem; }

.color-subtitle {
  color: #fff;
  font-size: 14px;
  margin: 0 0 10px; }

.topics-item-box.color {
  width: 80%;
  margin: 0 auto; }
  
.topics-item-box.color li {
    border-radius: 5px; }
  
.topics-item-box li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.topics-item-box li a {
  display: block; }

.topics-item-box .item-name {
  font-size: 14px;
  background: #fff;
  line-height: 1.2;
  padding: 7px 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.topics-item-box.three-box li {
  width: calc( calc( 100% - 20px) / 3);
  display: block;
  overflow: hidden; }

.topics-item-box.two-box.color {
  width: 50%; }

.topics-item-box.two-box li {
  width: calc( calc( 100% - 15px) / 2);
  display: block;
  overflow: hidden; }

.topics-item-box li img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

.img-wrap img {
  vertical-align: top; }

.img-wrap.color-topics {
  margin: 0 0 10px; }

@media screen and (max-width: 979px) {
  .color-wrap {
    padding: 30px 3px 40px; }

  .color-title {
    font-size: 26px; }

  .color-subtitle {
    font-size: 12px;
    margin: 0 0 5px; }

  .item-check {
    font-size: 14px;
    margin: 0 0 5px; }

  .topics-item-box.three-box li {
    width: calc( calc( 100% - 14px) / 3); }

  .topics-item-box.color {
    width: 95%; }

  .topics-item-box.two-box.color {
    width: 65%; }

  .topics-item-box .item-name {
    font-size: 10px;
    padding: 4px 0 3px; } }
/* END --- カラー特集用*/

/* START --- SNS特集用*/
.sns-area-wrap {
  padding: 30px 40px 60px;
  background: #f5efe9; }

.sns-area-wrap.dark {
  background: #dfcbbc; }

.topics-item-box.three-box.sns li {
  width: calc( calc( 100% - 40px) / 3); }

.topics-item-box.two-box.sns li {
  width: calc( calc( 100% - 90px) / 2); }

.sns-title {
  color: #333;
  font-size: 24px;
  font-weight: bold; }

.sns-subtitle {
  color: #333;
  font-size: 16px; }

.sns-main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto; }

.sns-item {
  width: 55%;
  line-height: 0; }

.sns-item-detail {
  width: 45%; }

.sns-item-detail-img {
  width: 78%;
  margin: 0 auto;
  line-height: 0; }

.sns-item-detail-text {
  width: 78%;
  margin: 20px auto;
  font-size: 14px; }

.sns-item-detail-img img {
  width: 100%; }

.sns-item-detail-button {
  width: 78%;
  margin: 0 auto;
  background: #fff;
  border: #ccc solid 1px;
  border-radius: 7px;
  text-align: center;}

.sns-item-detail-button a {
  padding: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block; }

.sns-item-check {
  color: #333;
  font-size: 18px;
  letter-spacing: .2rem;
  margin: 30px auto 0; }

.topics-item-box.sns {
  margin: 20px auto 0; }

.sns-account-name {
  color: #333;
  font-size: 13px; }

@media screen and (max-width: 979px) {
  .topics-item-box.three-box.sns li {
    width: calc( calc( 100% - 20px) / 3); }

  .topics-item-box.two-box.sns li {
    width: calc( calc( 100% - 25px) / 2); }

  .sns-area-wrap {
    padding: 20px 5px 30px; }

  .sns-main-box {
    margin: 10px auto; }

  .sns-title {
    font-size: 18px; }

  .sns-subtitle {
    color: #333;
    font-size: 12px; }

  .sns-item-detail-text {
    font-size: 10px;
    margin: 5px auto; }

  .sns-item-check {
    font-size: 14px;
    margin: 20px auto 0; }

  .topics-item-box.sns {
    margin: 10px auto 0; }

  .sns-item-detail-button a {
    padding: 3px; }

  .sns-account-name {
    font-size: 11px; } }

/* END --- SNS特集用*/
/* START --- RANKING特集用*/
.ranking-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.ranking-item {
  width: 49%;
  margin: 60px auto 0; }

.ranking-item img {
  width: 100%;
  margin: 20px auto 0; }

@media screen and (max-width: 979px) {
  .ranking-item {
    margin: 30px auto 0; }

  .ranking-item img {
    margin: 10px auto 0; } }
/* END --- RANKING特集用*/
/* START --- レイヤード特集用*/
.layerd-area {
    width: 95%;
    margin: 0 auto;
}
.img-wrap.layered {
    position: relative;
}
.layerd-item-name-box {
    font-size: 17px;
    letter-spacing: 0.1em;
}
.layered-img-link {
    display: block;
}
.layered-item-name {
    position: absolute;
    font-weight: bold;
}
.layered-item-name.vest {
    text-align: left;
    bottom: 16%;
    left: 3%;
}
.layered-item-name.vest-n {
    text-align: left;
    bottom: 3%;
    left: 0;
}
.layered-item-name.vest-n2 {
    text-align: left;
    bottom: -2%;
    right: 0;
}
.layered-item-name.vest2 {
    text-align: right;
    bottom: -2.5%;
    right: 3%;
}
.layered-item-name.shirt {
    text-align: left;
    bottom: 35%;
    left: 5%;
    color: #fff;
}
.layered-item-name.shirt a {
    color: #fff;
}
.layered-item-name.shirt2 {
    text-align: left;
    bottom: 0%;
    left: 15%;
}
.layered-item-name.cd {
    text-align: right;
    bottom: -2%;
    right: 0%;
}
.layered-item-name.cd2 {
    text-align: left;
    bottom: 2%;
    left: 0%;
}
.layered-item-name.long-g {
    text-align: left;
    bottom: 55%;
    left: 0%;
}
.layered-item-name.long-g2 {
    text-align: left;
    bottom: 21%;
    right: 0%;
}
.layered-item-name.long-g3 {
    text-align: left;
    bottom: -2%;
    left: 2%;
}
.layered-item-name.v-vest {
    text-align: right;
    bottom: -4%;
    right: 0%;
}
.layerd-item-name-box a {
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.layerd-item-name-box a {
    max-width: 300px;
    border-bottom: solid 2px #000;
}
.layerd-item-name-box.shirt a {
    border-bottom: solid 2px #fff;
}
@media screen and (max-width: 979px){
    .layerd-area {
        width: 100%;
    }
    .layerd-item-name-box {
        font-size: 12px;
    }
    .layerd-item-name-box a {
        max-width: 130px;
        border-bottom: solid 1.3px #000;
    }
    .layerd-item-name-box.shirt a {
        border-bottom: solid 1.3px #fff;
    }
    .layerd-item-name-box.vest a {
        max-width: 110px;
    }
    .layerd-item-name-box.vest2 a {
        max-width: 100px;
    }
    .layerd-item-name-box.vest-n a {
        max-width: 100px;
    }
    .layerd-item-name-box.vest-n2 a {
        max-width: 120px;
    }
    
}
/* END --- レイヤード特集用*/
/* START -- SNS-LINEN特集用*/
.index-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0 auto; }

.index-detail-img {
  width: 24.5%; }

.index-detail-img img:hover {
  opacity: 0.8; }

.sns-area-wrap.sns5 {
  background: #fff; }

.code-item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.code-item {
  width: 40%; }

.code-item img {
  width: 70%; }

.code-item-detail {
  width: 60%; }

.code-item-detail-text {
  font-size: 14px;
  text-align: left; }

.code-item-detail-button {
  width: 50%;
  background: #000;
  border-radius: 7px;
  padding: 5px 0;
  margin: 10px 0;
  text-align: center; }

.code-item-detail-button a {
  color: #fff; }

.code-item-detail-price {
  font-size: 13px;
  color: #505050; }

.code-item-detail-title {
  border-left: 3px solid #505050;
  padding-left: 4px; }

.linen-feature {
  position: relative; }

.linen-feature-text {
  font-size: 14px;
  letter-spacing: 0.2rem;
  line-height: 1.8; }

.v-line {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -webkit-animation: arrowmove 1.5s ease-in-out infinite;
          animation: arrowmove 1.5s ease-in-out infinite; }


/* 矢印の描写 */
.v-line:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -6px;
  width: 3px;
  height: 20px;
  background: #000;
  -webkit-transform: skewX(-31deg);
          transform: skewX(-31deg); }

.v-line:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3px;
  height: 180px;
  background: #000; }

@media screen and (max-width: 979px) {
  .code-item img {
    width: 90%; }

  .code-item-detail-text {
    font-size: 11px; }

  .code-item-detail-price {
    font-size: 10px; }

  .code-item-detail-button {
    margin: 5px 0;
    padding: 2px 4px; }

  .linen-feature-text {
    font-size: 12px; }

  .v-line-box {
    top: 35%; }

  .v-line:after {
    width: 2px;
    height: 80px; }

  .v-line::before {
    width: 2px;
    height: 15px;
    right: -5px; } }
/* END -- SNS-LINEN特集用*/
/* START -- SNS-SHEER特集用*/
.index-detail-sheer {
    width: calc(100%/5);
    padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* END -- SNS-SHEER特集用*/

/* START -- 福袋用*/
.common__linkbtn {
    width: 560px;
    margin: 40px auto 0;
    text-align: center;
}
.common__linkbtn:hover {
    opacity: 0.8;
}
.common__linkbtn a {
    display: block;
    background: #fff;
    height: 40px;
    border: #1a1a1a solid 1px;
    line-height: 40px;
}
.common__linkbtn.black a {
    background: black;
    color: white;
}
.common__attention_text {
    font-size: 14px;
    color: #333333;
    line-height: 1.3;
}
.link-btn {
    margin: 0 auto;
    width: 40%;
}
.link-btn a {
    line-height: 0;
}

@media screen and (max-width: 979px){
    .common__linkbtn {
        width: 85%;
        margin: 30px auto 0;
    }
    .common__linkbtn a {
        height: 35px;
        line-height: 35px;
    }
    .common__attention_text {
    font-size: 11px;
    color: #333333;
    }
    .link-btn {
        width: 70%;
    }
}

/* END -- 福袋用*/

/* START -- 2023SSEVENT特集用*/
#player {
  width: 400px;
  max-width: 900px;
  margin: 50px auto 0; }

.event-title {
  width: 90%; }

.wave {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 120%;
  height: 1004px; }

.event-text-area {
  height: 200px; }

.wave-main-text {
  padding: 30px 0px 0px;
  text-align: center;
  background: #ffffff;
  position: relative; }

.sns-sub-text {
  padding: 30px 0px; }

.wave-text {
  letter-spacing: 0.15em;
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.wave::before {
  position: absolute;
  top: 20%;
  left: -50%;
  border-radius: 50% 50% / 50% 70%;
  width: 200%;
  height: 207%;
  content: "";
  background-image: linear-gradient(80deg, #9cdff9 0%, #6cccef 30%, #7cd1d3 60%, #fdfcf4 100%);
  -webkit-animation: wave-anime linear 6.3s infinite;
          animation: wave-anime linear 6.3s infinite;
  z-index: 2; }

.wave::after {
  position: absolute;
  top: 20%;
  left: -50%;
  border-radius: 70% 55% / 50% 65%;
  width: 200%;
  height: 207%;
  content: "";
  background-color: #d5f8ff;
  -webkit-animation: wave-anime linear 4.5s infinite;
          animation: wave-anime linear 4.5s infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  z-index: 1; }

.index-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 40px;
  margin: 40px auto 0px; }

.index-box {
  width: calc((100% - 30px) / 5);
  position: relative;
  letter-spacing: 0.1em; }

.index-box img {
  width: 100%; }

.index-num {
  position: absolute;
  top: -6%;
  left: -5%;
  font-size: 18px;
  font-style: italic;
  -webkit-text-decoration: underline dashed #00a89f;
          text-decoration: underline dashed #00a89f;
  text-underline-offset: 6px;
  color: #00a89f;
  text-shadow: 2px 2px 4px #ffff5c; }

.index-text {
  position: absolute;
  bottom: -9%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 22px;
  color: #00a89f;
  text-shadow: 1px 1px 2px #fbfb7b; }

.common__linkbtn.summer a {
  background: black;
  color: white;
  background-image: linear-gradient(70deg, #74caeb 0%, #4cc1eb 30%, #38cbc3 70%, #ffffa3 100%);
  border: 1px solid #6cccef;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  letter-spacing: 0.15em;
  border-radius: 3px; }

.common__linkbtn.tiktok a {
  background: black;
  color: white;
  background-image: linear-gradient(70deg, #3eb5c1 0%, #69c5e9 40%, #e577d7 70%, #fd7575 100%);
  border: 1px solid #c8dadd;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  letter-spacing: 0.15em;
  border-radius: 3px; }

@-webkit-keyframes wave-anime {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes wave-anime {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@media screen and (max-width: 979px) {
  #player {
    width: 300px;
    margin: 0 auto;
    max-width: 100%; }

  .event-title {
    width: 100%; }

  .wave {
    width: 128%;
    height: 445px; }

  .sns-sub-text {
    padding: 10px 0px; }

  .index-wrap {
    padding: 0px;
    margin: 40px auto 0px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }

  .index-box {
    width: calc((100% - 20px) / 3); }

  .index-box:nth-child(n+4) {
    margin: 25px auto 0; }

  .index-num {
    top: -8%;
    left: -8%;
    font-size: 14px;
    text-underline-offset: 5px; }

  .event-text-area {
    height: 130px; }

  .index-text {
    bottom: -8%;
    left: 50%;
    font-size: 16px; } }

/* END -- 2023SSEVENT特集用*/


/* START -- STAFFCODE特集用*/
.deco-dashed-line {
  height: 1px;
  border-bottom: 1px dashed #797979;
  margin: 0 auto; }

.staff-main-item {
  text-align: center;
  margin: 0 auto;
  width: 70%; }

.sns-sub-text {
  font-size: 18px; }

.staff-detail-wrap {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.staff-detail-wrap {
  width: 80%;
  margin: 0 auto; }

.staff-detail-main-img {
  width: 15%; }

.staff-detail-main-img img {
  border-radius: 50%; }

.staff-detail-text {
  width: 85%; }

.staff-sub-item {
  text-align: center;
  margin: 0 auto;
  width: 70%; }

.style-tile {
  letter-spacing: 0.15em;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold; }

.staff-detail-text .staff-name {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.12em; }

.staff-detail-text .staff-height {
  font-size: 11px;
  letter-spacing: 0.13em; }

.staff-detail-text .staff-insta {
  font-size: 12px;
  letter-spacing: 0.15em;
  width: 80%;
  background: #ebebeb;
  margin: 0 auto; }

.staff-detail-text .staff-insta a::after {
  margin-top: -5px;
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px; }

.staff-detail-text .staff-insta a {
  padding: 7px;
  position: relative; }

.staff-point {
  margin: 0 auto; }

.staff-point .tile {
  font-size: 14px; }

.staff-point .text {
  font-size: 12px; }

.item-detail-tile {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  letter-spacing: 0.13em; }

.item-detail-wrap {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f5f5;
  margin: 0 auto;
  padding: 7px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.item-detail-box {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.item-detail-box:nth-child(n+3) {
  margin: 5px 0 0 0; }

.item-detail-img {
  width: 37%; }

.item-detail-text {
  width: 63%;
  font-size: 14px;
  text-align: left;
  padding: 0 0 0 2px; }

@media screen and (max-width: 979px) {
  .sns-sub-text {
    font-size: 14px; }

  .staff-main-item {
    width: 90%; }

  .staff-sub-item {
    width: 90%; }

  .style-tile {
    font-size: 16px; }

  .item-detail-tile {
    font-size: 16px; }

  .item-detail-wrap {
    width: auto; }

  .staff-point .tile {
    font-size: 14px; }

  .staff-point .text {
    font-size: 12px; }

  .staff-detail-wrap {
    width: 90%;
    margin: 0 auto; }

  .staff-detail-main-img {
    width: 28%; }

  .staff-detail-text {
    width: 72%; }

  .item-detail-text {
    font-size: 10px; }

  .staff-detail-text .staff-name {
    font-size: 11px; }

  .staff-detail-text .staff-height {
    font-size: 10px; }

  .staff-detail-text .staff-insta {
    font-size: 10px; } }

/* END -- STAFFCODE特集用*/
/* END -- セットワンピ特集用*/
.set-onepi-index-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.set-onepi-index-item {
  width: calc(100%/4);
  padding: 0 10px;
  -webkit-filter: drop-shadow(3px 3px 3px #aaaaaa);
          filter: drop-shadow(3px 3px 3px #aaaaaa); }

.set-onepi-index-item img:hover {
  opacity: 0.8; }

@media screen and (max-width: 979px) {
  .set-onepi-index-item {
    padding: 0 5px; } }
/* END -- セットワンピ特集用*/


@keyframes fadeUpAnime{
  from {
  opacity: 0;
  transform: translateY(60px);
  -moz-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -o-transform: translateY(60px);
  -ms-transform: translateY(60px);
  }

  to {
   opacity: 1;
   transform: translateY(0);
   -moz-transform: translateX(0px);
   -webkit-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
  }
}



/*やじるし動き下からの距離が変化して全体が下→上→下に動く*/
/*下からの距離が変化して全体が下→上→下に動く*/
@-webkit-keyframes arrowmove {
  0% {
    top: 30%; }
  50% {
    top: 33%; }
  100% {
    top: 30%; } }
@keyframes arrowmove {
  0% {
    top: 30%; }
  50% {
    top: 33%; }
  100% {
    top: 30%; } }
	
/* 下部トピックス */
.bottom__specialbnr_wrap__frame {
	width: 980px;
	margin: 0 auto;
	overflow-x: scroll;
	overflow-y: hidden;
	position:relative;
}
.bottom__specialbnr_wrap__frame .top__specialbnr__list__text {
    display: none;
}
.bottom__specialbnr_wrap__frame::-webkit-scrollbar {
	height: 8px;
}
.bottom__specialbnr_wrap__frame::-webkit-scrollbar-track {
	background: #eee;
	border-radius: 10px;
}
.bottom__specialbnr_wrap__frame::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}

.bottom__specialbnr_wrap .top__specialbnr__list {
	margin: 0 auto;
}
.bottom__specialbnr_wrap .top__specialbnr__list li {
	width: 270px;
}
.bottom__specialbnr_wrap .top__specialbnr__list li + li {
	margin-left: 30px;
}
.bottom__specialbnr_wrap .top__specialbnr__list li:nth-of-type(n+3) {
	margin-top: 0;
}
.bottom__specialbnr_wrap .top__specialbnr__list li:nth-of-type(n+5) {
	display: block;
}
@media screen and (max-width: 979px) {
	.bottom__specialbnr_wrap__frame {
		width: 100%;
		/* IE, Edge 対応 */
		-ms-overflow-style: none;
		/* Firefox 対応 */
		scrollbar-width: none;
	}
	/* Chrome, Safari 対応 */
	.bottom__specialbnr_wrap__frame::-webkit-scrollbar {
		display:none;
	}
	.bottom__specialbnr_wrap .top__specialbnr__list li {
		width: 210px;
	}
	.bottom__specialbnr_wrap .top__specialbnr__list li + li {
		margin-left: 20px;
	}
	.bottom__specialbnr_wrap .top__specialbnr__list li img {
		border-radius: 5px;
	}
}