@charset "UTF-8";
/*! autoprefixer grid: no-autoplace */

_:-ms-lang(x)::-ms-backdrop,
html {
  overflow-x: hidden;
}

.main-contents * {
  font-weight: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-contents ::before,
.main-contents ::after {
  pointer-events: none;
}

.main-contents a,
.main-contents picture {
  display: block;
  width: 100%;
  height: 100%;
}

.main-contents video,
.main-contents img {
  width: 100%;
  height: auto;
}

.main-contents a:link,
.main-contents h2,
.main-contents h3,
.main-contents h4,
.main-contents h5,
.main-contents h6 {
  color: inherit;
}

.main-contents .text-new-line {
  display: block;
}

.main-contents .pseudo-parent {
  position: relative;
}

.main-contents .pseudo-parent::before, .main-contents .pseudo-parent::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}

.main-contents .video-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/**************************\
  Basic Modal Styles
\**************************/
.micromodal-slide__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.micromodal-slide__container {
  width: 100%;
  height: 100%;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.micromodal-slide {
  display: none;
  position: relative;
  z-index: 100;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .micromodal-slide__overlay {
  -webkit-animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .micromodal-slide__container {
  -webkit-animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .micromodal-slide__overlay {
  -webkit-animation: mmfadeOut 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .micromodal-slide__container {
  -webkit-animation: mmfadeOut 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .micromodal-slide__container,
.micromodal-slide .micromodal-slide__overlay {
  will-change: transform;
}

.main-area {
  max-width: none;
  min-width: auto;
}

.bredlist.lp {
  min-width: auto;
  max-width: none;
  margin: 0 auto;
  font-size: 10px;
}

.main-contents {
  color: #000;
  margin: 3.5rem auto 16rem;
}

.firstview__season,
.credit-wrapper__link,
.credit-title__lead {
  font-family: elza, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.inser__lead {
  font-family: verdigris-mvb-pro-big, serif;
  font-weight: 700;
  font-style: normal;
}

.main-contents .list {
  margin-top: 14.5rem;
}

.main-contents .list__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 85rem;
  margin: 0 auto;
}

.main-contents .list__each {
  width: 42rem;
}

.main-contents [data-model-index] {
  cursor: pointer;
}

.main-contents .list__each video,
.main-contents .detail__each video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.credit-wrapper {
  margin-top: 1.4rem;
  white-space: nowrap;
}

.credit-wrapper__link {
  font-size: 1.6rem;
  line-height: 1.94;
  letter-spacing: 0.06em;
  text-align: left;
  display: inline-block;
  pointer-events: all;
}

.credit-wrapper__link:not(:nth-of-type(1)) {
  margin-left: 0.5rem;
}

.credit-wrapper__link.pointer-none {
  pointer-events: none;
}

.credit-wrapper__link.pointer-none span {
  font-family: Pragmatica, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1rem;
  margin-left: 0.3rem;
}

.list__container {
  -ms-grid-columns: 1fr 1rem 1fr;
  -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
}

[data-index="01"] {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="02"] {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="03"] {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="04"] {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="05"] {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="06"] {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="07"] {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="08"] {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="09"] {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="10"] {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="11"] {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="12"] {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="13"] {
  -ms-grid-row: 13;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="14"] {
  -ms-grid-row: 13;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="15"] {
  -ms-grid-row: 15;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="16"] {
  -ms-grid-row: 15;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="17"] {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="18"] {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="19"] {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="20"] {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="21"] {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="22"] {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="23"] {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="24"] {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="25"] {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="26"] {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="27"] {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="28"] {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

[data-index="29"] {
  -ms-grid-row: 13;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

[data-index="30"] {
  -ms-grid-row: 13;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.main-contents .firstview__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.main-contents .firstview__video, .main-contents .firstview__title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}

.main-contents .firstview__title {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  width: 41.1rem;
  position: relative;
  bottom: 11.4rem;
  pointer-events: none;
}

.main-contents .firstview__season {
  font-size: 1.6rem;
  line-height: 1.94;
  letter-spacing: 0.06em;
  text-align: center;
  margin-top: 4rem;
  color: #FFF;
}

.main-contents .inser {
  margin-top: 14.5rem;
}

.main-contents .inser__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.main-contents .inser__img, .main-contents .inser__lead {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}

.main-contents .inser__lead {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  font-size: 2.4rem;
  line-height: 1.54;
  text-align: center;
  color: #FFF;
  position: relative;
  z-index: 1;
}

.main-contents .credit-title {
  margin-top: 14.5rem;
}

.main-contents .credit-title__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.main-contents .credit-title__img, .main-contents .credit-title__copy, .main-contents .credit-title__lead {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}

.main-contents .credit-title__copy {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  width: 85rem;
  position: relative;
  top: 2rem;
  z-index: 1;
}

.main-contents .credit-title__copy-wrapper {
  width: 2.9rem;
  margin-left: auto;
}

.main-contents .credit-title__lead {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  font-size: 1.6rem;
  line-height: 2.69;
  letter-spacing: 0.04em;
  text-align: left;
  width: 85rem;
  color: #FFF;
  position: relative;
  z-index: 1;
}

.micromodal-slide * {
  font-weight: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.micromodal-slide ::before,
.micromodal-slide ::after {
  pointer-events: none;
}

.micromodal-slide a,
.micromodal-slide picture {
  display: block;
  width: 100%;
  height: 100%;
}

.micromodal-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.micromodal-slide .detail {
  width: 100%;
  padding-bottom: 19.6rem;
  overflow-y: auto;
}

.micromodal-slide .detail__container {
  width: 120rem;
  margin: 0 auto;
}

.micromodal-slide .detail__fixrd-wrapper {
  height: 100%;
  margin-left: 108.2rem;
  display: -ms-grid;
  display: grid;
  position: fixed;
  z-index: 10;
}

.micromodal-slide .detail__close, .micromodal-slide .detail__title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}

.micromodal-slide .detail__close {
  width: 6rem;
  height: 6rem;
  margin-top: 7.7rem;
  cursor: pointer;
  pointer-events: all;
}

.micromodal-slide .detail__title {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  width: 1.2rem;
}

.micromodal-slide .detail__title _:-ms-lang(x)::-ms-backdrop, .micromodal-slide .detail__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.micromodal-slide .detail__title img {
  height: auto;
  -o-object-fit: initial;
     object-fit: initial;
}

.micromodal-slide .detail__model-wrapper {
  width: 65rem;
  padding-top: 22.8rem;
  margin: 0 auto;
}

.micromodal-slide .detail__each {
  width: 65rem;
}

.micromodal-slide .detail__each:not(:nth-of-type(1)) {
  margin-top: 19.6rem;
}

.micromodal-slide [data-detail-index="01"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="03"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="03"] .credit-wrapper__link:nth-of-type(7) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="04"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="06"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="06"] .credit-wrapper__link:nth-of-type(7) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="07"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="11"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="14"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="15"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="17"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="17"] .credit-wrapper__link:nth-of-type(7) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="18"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="18"] .credit-wrapper__link:nth-of-type(7) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="20"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="20"] .credit-wrapper__link:nth-of-type(7) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="21"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="22"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="24"] .credit-wrapper__link:nth-of-type(4) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="27"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="27"] .credit-wrapper__link:nth-of-type(6) {
  margin-left: 0;
}

.micromodal-slide [data-detail-index="30"] .credit-wrapper__link:nth-of-type(4), .micromodal-slide [data-detail-index="30"] .credit-wrapper__link:nth-of-type(7) {
  margin-left: 0;
}

.micromodal-slide .swiper-button-next,
.micromodal-slide .swiper-button-prev {
  width: 3.2rem;
  height: 6.2rem;
}

.micromodal-slide .swiper-button-prev {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.micromodal-slide .swiper-button-next,
.micromodal-slide .swiper-container-rtl .swiper-button-prev {
  right: 0.8rem;
}

.micromodal-slide .swiper-button-prev,
.micromodal-slide .swiper-container-rtl .swiper-button-next {
  left: 0.8rem;
}

.micromodal-slide .swiper-button-prev:after,
.micromodal-slide .swiper-container-rtl .swiper-button-next:after,
.micromodal-slide .swiper-button-next:after,
.micromodal-slide .swiper-container-rtl .swiper-button-prev:after {
  content: "";
  background-image: url(/Page/collection/2022/ss_2nd/dist/img/modal/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px){
  .bredlist.lp {
    width: 120rem;
  }
  .main-contents .sp-contents {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1400px){
  html,
  body {
    font-size: calc(10 * (100vw / 1400));
  }
}

@media only screen and (min-width: 1400px){
  html,
  body {
    font-size: 62.5%;
  }
}

@media only screen and (max-width: 767px){
  html,
  body {
    font-size: calc(10 * (100vw / 750));
  }
  .main-contents video _:lang(x) + _:-webkit-full-screen-document, .main-contents video {
    object-fit: fill;
  }
  .bredlist.lp {
    max-width: 70rem;
  }
  .main-contents {
    margin: 4rem 0 20rem;
  }
  .main-contents .list {
    margin-top: 1rem;
  }
  .main-contents .list:nth-of-type(2) {
    margin-top: 7.5rem;
  }
  .main-contents .list__container {
    width: 75rem;
  }
  .main-contents .list__each {
    width: 37rem;
    height: 55rem;
  }
  .main-contents .list__each img,
  .main-contents .detail__each img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-contents .swiper-container {
    height: 55rem;
  }
  .credit-wrapper__link {
    font-size: 1.9rem;
    line-height: 1.84;
  }
  .credit-wrapper__link:not(:nth-of-type(1)) {
    margin-left: 1rem;
  }
  .credit-wrapper__link.pointer-none span {
    font-size: calc(20 * .13333vw);
    margin-left: calc(5 * .13333vw);
  }
  .main-contents .firstview__title {
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
    place-self: center;
    top: 2.9rem;
    bottom: auto;
  }
  .main-contents .firstview__season {
    font-size: 1.9rem;
    line-height: 1.84;
    margin-top: 3rem;
  }
  .main-contents .inser {
    margin-top: 1rem;
  }
  .main-contents .credit-title {
    margin-top: 1rem;
  }
  .main-contents .credit-title__copy {
    display: none;
  }
  .main-contents .credit-title__lead {
    font-size: 1.9rem;
    line-height: 2.79;
    text-align: center;
    width: auto;
  }
  .micromodal-slide .detail {
    padding-bottom: 4rem;
    margin-top: 23rem;
    position: relative;
  }
  .micromodal-slide .detail__container {
    width: 65rem;
  }
  .micromodal-slide .detail__fixrd-wrapper {
    height: auto;
    margin-left: 58rem;
    position: inherit;
  }
  .micromodal-slide .detail__close {
    width: 6.9rem;
    height: 6.9rem;
    margin-top: 0;
  }
  .micromodal-slide .detail__title {
    display: none;
  }
  .micromodal-slide .detail__model-wrapper {
    padding-top: 0;
  }
  .micromodal-slide .detail__each:not(:nth-of-type(1)) {
    margin-top: 2.6rem;
  }
  .micromodal-slide .detail__img {
    height: 93.5rem;
  }
  .micromodal-slide .detail:not(:nth-of-type(1)) {
    margin-top: 0;
  }
  .micromodal-slide .detail__img .swiper-container {
    height: 93.5rem;
  }
  .main-contents .pc-contents {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */