@charset "UTF-8";
/* ===========================================
 * MAIN
 * ======================================== */
.tabBtnContainer {
    border: 1px solid var(--color-base-1);
}
.tabBtn {
  height: calc(85 / var(--design-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabBtn.IsActive {
  background-color: var(--color-black-1);
}
.tabBtn.IsActive img {
  filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(283deg) brightness(106%) contrast(100%);
}
.tabBtnText {
  margin-inline: auto;
  width: calc(124 / var(--design-width) * 100vw);
  line-height: 0;
  display: block;
}
.tabBtnText > img {
  fill: var(--color-black-1);
} 
.tabBtnText.isActive > img {
  fill: var(--color-white-1);
} 
@media print, screen and (min-width: 751px) {
  .tabBtn {
    height: calc(85 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
  .tabBtnText {
    width: calc(124 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .tabBtn:hover {
    background-color: var(--color-black-1);
    img {
      filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(283deg) brightness(106%) contrast(100%);
    }
  } 
}
/* ===========================================
 * MAIN
 * ======================================== */
.naviCtnText {
  width: calc(108 / var(--design-width) * 100vw);
  margin-inline: auto;
  margin-bottom: calc(20 / var(--design-width) * 100vw);
  line-height: 0;
  display: block;
}
@media print, screen and (min-width: 751px) {
  .naviCtnText {
    width: calc(108 * 0.7 * var(--contents-width-pc) / 560 * 1px);
    margin-bottom: calc(20 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}
/* ===========================================
 * MAIN
 * ======================================== */

/* MEN */
/* ======================================== */
.sectionTitleMen {
  margin-bottom: calc(30 / var(--design-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sectionTitleMen > span {
  width: calc(210 / var(--design-width) * 100vw);
  margin-bottom: calc(15 / var(--design-width) * 100vw);
  line-height: 0;
  display: block;
}
@media print, screen and (min-width: 751px) {
  .sectionTitleMen {
    margin-bottom: calc(30 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
  .sectionTitleMen > span {
    width: calc(210 * 0.7 * var(--contents-width-pc) / 560 * 1px);
    margin-bottom: calc(15 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}
.TitleBordor {
    position: relative;
    z-index: auto;
}
.TitleBordor::before,
.TitleBordor::after {
    content: "";
    width: calc(250 / var(--design-width) * 100vw);
    height: 1px;
    margin-inline: auto;
    background-color: #000;
    display: block;
    position: absolute;
    z-index: auto;
    right: 0;
    left: 0;
}
.TitleBordor::before {
    bottom: 0;
}
.TitleBordor::after {
    bottom: calc(5 / var(--design-width) * 100vw);
}
@media print, screen and (min-width: 751px) {
  .TitleBordor::before,
  .TitleBordor::after {
    width: calc(250 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
  .TitleBordor::after {
      bottom: calc(5 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}
/* WOMEN */
/* ======================================== */
.sectionTitleWomen {
  margin-bottom: calc(30 / var(--design-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-section-wm .sectionTitleWomen {
  padding-top: calc(60 / var(--design-width) * 100vw);
}
.sectionTitleWomen > span {
  width: calc(450 / var(--design-width) * 100vw);
  line-height: 0;
  display: block;
}
@media print, screen and (min-width: 751px) {
  .sectionTitleWomen {
    margin-bottom: calc(30 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
  .c-section-wm .sectionTitleWomen {
    padding-top: calc(60 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
  .sectionTitleWomen > span {
    width: calc(450 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}

/* ===========================================
 * MOVIE
 * ======================================== */
.bannerText {
  margin-block: calc(30 / var(--design-width) * 100vw);
  display: block;
}
@media print, screen and (min-width: 751px) {
  .bannerText {
    margin-block: calc(30 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}

/* ===========================================
 * MOVIE
 * ======================================== */

.movieTitle {
  margin-bottom: calc(60 / var(--design-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.movieTitle > span {
  width: calc(132 / var(--design-width) * 100vw);
  display: block;
}
.movieContainer {
  aspect-ratio: 16 / 9;
  display: block;
}
@media print, screen and (min-width: 751px) {
  .movieTitle {
    margin-bottom: calc(60 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
  .movieTitle > span {
    width: calc(132 * 0.7 * var(--contents-width-pc) / 560 * 1px);
  }
}