@charset "UTF-8";

.main_contents {
  box-sizing: border-box;
  margin: 3.5rem auto 16rem;
}

.main_contents * {
  font-weight: inherit;
}

.main_contents ::before,
.main_contents ::after {
  pointer-events: none;
}

.main_contents a,
.main_contents picture {
  display: block;
}

.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 [data-load-anime^="fade"],
.main_contents [data-scroll-anime^="fade"] {
  opacity: 0;
  transition: ease-in, opacity 1500ms, transform 1000ms;
}

.main_contents [data-load-anime^="fade"].js-anime-show,
.main_contents [data-scroll-anime^="fade"].js-anime-show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.main_contents [data-load-anime^="fade-up"],
.main_contents [data-scroll-anime^="fade-up"] {
  transform: translate3d(0, 2.5rem, 0);
}

.main_contents .flex_container {
  display: flex;
  align-items: flex-start;
}

.main_contents .grid_container {
  display: grid;
  justify-items: flex-start;
  align-items: flex-start;
}

.main-area {
  max-width: none;
  min-width: auto;
}

.bredlist.lp {
  min-width: auto;
  max-width: none;
  margin: 0 auto;
  font-size: 10px;
}

.main_contents .product_wrapper__each {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.main_contents .product_wrapper__each--small .product_wrapper__img {
  width: 50rem;
}

.main_contents .product_wrapper__each--big .product_wrapper__img {
  width: 75rem;
}

.main_contents .product_wrapper__each--consecutively {
  grid-template: "model01 model02" "credit credit";
  justify-items: center;
}

.main_contents .product_wrapper__each--consecutively .product_wrapper__img:nth-of-type(1) {
  grid-area: model01;
}

.main_contents .product_wrapper__each--consecutively .product_wrapper__img:nth-of-type(2) {
  grid-area: model02;
}

.main_contents .product_wrapper__each--consecutively .credit_wrapper {
  grid-area: credit;
}

.main_contents .product_wrapper__each--overlap {
  grid-template: "center";
}

.main_contents .product_wrapper__each--overlap .product_wrapper__img,
.main_contents .product_wrapper__each--overlap .credit_wrapper {
  grid-area: center;
}

.main_contents .product_wrapper__each--overlap .credit_wrapper {
  align-self: center;
  position: relative;
  z-index: 1;
}

.main_contents .product_wrapper__each--center .product_wrapper__img {
  width: 51.5rem;
}

.main_contents .product_wrapper__img {
  margin: 0 auto;
}

.main_contents .sticky_cover {
  position: relative;
  z-index: 1;
  background-color: #FFF;
}

.main_contents .sticky_target {
  position: sticky;
  top: 0;
}

.main_contents .credit_wrapper {
  text-align: center;
  margin-top: 2.3rem;
}

.main_contents .credit_wrapper--beside {
  writing-mode: tb-rl;
  margin-top: 0;
}

.main_contents .credit_wrapper--beside .credit_wrapper__link:not(:first-of-type) {
  margin: 0.5rem 0 0 0;
}

.main_contents .credit_wrapper__link {
  font-family: elza, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.06em;
  color: #000;
  display: inline-block;
  pointer-events: all;
}

.main_contents .credit_wrapper__link:where(:not(:first-of-type)) {
  margin-left: 0.5rem;
}

.main_contents .credit_wrapper__link.all_margin_block {
  margin-left: 0;
}

.main_contents .credit_wrapper__link.not_linked {
  pointer-events: none;
}

.main_contents .credit_wrapper__link.not_linked .deadline {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 10px;
  margin-left: 0.3rem;
}

.main_contents .video_container__sound {
  margin: 6.8rem auto 0;
  cursor: pointer;
  transition: none;
  pointer-events: all;
  opacity: 1;
}

.main_contents .video_container__sound--on {
  width: 8.6rem;
}

.main_contents .video_container__sound--off {
  width: 9.3rem;
}

.main_contents .video_wrapper {
  grid-template: "center";
  place-items: center;
}

.main_contents .video_wrapper__movie, .main_contents .video_wrapper__logo {
  grid-area: center;
}

.main_contents .video_wrapper__logo {
  width: 43.2rem;
  position: relative;
  z-index: 1;
}

.main_contents [data-container="first"] {
  top: calc(100vh - (479.2rem + 20%));
  padding-bottom: 24rem;
}

.main_contents [data-container="second"] {
  top: calc(100vh - (525.4rem + 20%));
  padding-bottom: 24rem;
}

.main_contents [data-container="third"] {
  top: calc(100vh - (466.8rem + 20%));
  padding-bottom: 24rem;
}

.main_contents .firstview {
  margin-top: 7rem;
}

.main_contents .firstview__title {
  width: calc(576 * (100vw / 750));
  margin: calc(98 * (100vw / 750)) auto 0;
}

.main_contents [data-each="0607"] {
  justify-content: space-between;
  width: 108.3rem;
  margin: -7rem 0 0 auto;
  position: relative;
  z-index: 1;
}

.main_contents [data-each="1112"] {
  grid-template-columns: repeat(2, 50%);
}

.main_contents [data-each="181920"] {
  grid-template: "img18 ." "img19 img20"/50% 50%;
}

.main_contents [data-img="01"],
.main_contents [data-img="13"] {
  padding-top: 11.6rem;
}

.main_contents [data-img="02"],
.main_contents [data-img="14"] {
  padding-top: 10.5rem;
}

.main_contents [data-img="03"],
.main_contents [data-img="09"],
.main_contents [data-img="23"] {
  padding-top: 24rem;
}

.main_contents [data-img="04"],
.main_contents [data-img="10"],
.main_contents [data-img="16"],
.main_contents [data-img="22"] {
  padding-top: 11.7rem;
}

.main_contents [data-img="08"] {
  padding-top: 18.4rem;
}

.main_contents [data-img="15"],
.main_contents [data-img="21"] {
  padding-top: 24.5rem;
}

.main_contents [data-img="24"],
.main_contents [data-img="25"] {
  padding-top: 6.1rem;
}

.main_contents [data-img="05"] {
  margin-left: 0;
}

.main_contents [data-img="06"] {
  margin: 23.5rem 0 0 0;
}

.main_contents [data-img="06"] .product_wrapper__img {
  width: 57rem;
  margin: 0;
}

.main_contents [data-img="07"] {
  width: 39rem;
  margin: 0;
}

.main_contents [data-img="11"] {
  margin-top: 10rem;
}

.main_contents [data-img="11"] .product_wrapper__img {
  width: 41.2rem;
}

.main_contents [data-img="14"] .credit_wrapper {
  margin-left: 2.5rem;
}

.main_contents [data-img="18"] {
  grid-area: img18;
}

.main_contents [data-img="18"] .credit_wrapper {
  margin-left: 2.6rem;
}

.main_contents [data-img="19"] {
  grid-area: img19;
}

.main_contents [data-img="19"] .credit_wrapper {
  margin-left: 2.2rem;
}

.main_contents [data-img="20"] {
  grid-area: img20;
}

.main_contents [data-img="20"] .credit_wrapper {
  justify-self: end;
  margin-right: 2.8rem;
}

.main_contents [data-img="23"] {
  margin-right: 0;
}

.main_contents [data-img="24"] {
  width: 104.6rem;
  margin-left: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_contents [data-img="24"] .product_wrapper__img {
  margin: 0;
}

.main_contents [data-img="24"] .product_wrapper__note {
  width: 44rem;
}

.main_contents .credit_title {
  padding-top: 24.1rem;
}

.main_contents .credit_title__text {
  width: 56.6rem;
  margin: 0 auto;
}

.main_contents .season_title {
  padding-top: 13.8rem;
}

.main_contents .season_title__text {
  width: 75.7rem;
  margin: 0 auto;
}
@media only screen and (min-width: 768px){
  .bredlist.lp {
    width: 120rem;
  }
  .main_contents {
    max-width: 120rem;
  }
  .main_contents .credit_wrapper__link.pc_margin_block {
    margin-left: 0;
  }
  .main_contents .sp_contents {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
  html,
  body {
    font-size: calc(10 * (100vw / 1200));
  }
}
@media only screen and (min-width: 1200px){
  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;
  }
  .main-area {
    overflow: unset;
  }
  .bredlist.lp {
    max-width: 70rem;
  }
  .main_contents {
    width: calc(750 * (100vw / 750));
    margin: calc(40 * (100vw / 750)) 0 calc(200 * (100vw / 750));
  }
  .main_contents .product_wrapper__each--small .product_wrapper__img {
    width: calc(500 * (100vw / 750));
  }
  .main_contents .product_wrapper__each--big .product_wrapper__img {
    width: calc(750 * (100vw / 750));
  }
  .main_contents .product_wrapper__each--consecutively {
    grid-template: none;
  }
  .main_contents .product_wrapper__each--consecutively .product_wrapper__img:nth-of-type(1) {
    grid-area: unset;
  }
  .main_contents .product_wrapper__each--consecutively .product_wrapper__img:nth-of-type(2) {
    grid-area: unset;
  }
  .main_contents .product_wrapper__each--consecutively .credit_wrapper {
    grid-area: unset;
  }
  .main_contents .product_wrapper__each--overlap {
    grid-template: unset;
  }
  .main_contents .product_wrapper__each--overlap .product_wrapper__img,
  .main_contents .product_wrapper__each--overlap .credit_wrapper {
    grid-area: unset;
  }
  .main_contents .product_wrapper__each--center .product_wrapper__img {
    width: calc(550 * (100vw / 750));
  }
  .main_contents .credit_wrapper {
    margin-top: calc(24 * (100vw / 750));
  }
  .main_contents .credit_wrapper--beside {
    margin-top: 0;
  }
  .main_contents .credit_wrapper--beside .credit_wrapper__link:not(:first-of-type) {
    margin-top: calc(8 * (100vw / 750));
  }
  .main_contents .credit_wrapper__link {
    font-size: calc(16 * (100vw / 750));
    line-height: 1.625;
  }
  .main_contents .credit_wrapper__link:where(:not(:first-of-type)) {
    margin-left: calc(8 * (100vw / 750));
  }
  .main_contents .credit_wrapper__link.sp_margin_block {
    margin-left: 0;
  }
  .main_contents .video_container {
    top: -20vh;
  }
  .main_contents .video_container__sound--on {
    width: calc(142 * (100vw / 750));
  }
  .main_contents .video_container__sound--off {
    width: calc(153 * (100vw / 750));
  }
  .main_contents .video_wrapper__logo {
    width: calc(466 * (100vw / 750));
  }
  .main_contents [data-container="first"] {
    top: calc(100vh - (((3260 * 2) * (100vw / 750)) + 20%));
    padding-bottom: calc(240 * (100vw / 750));
  }
  .main_contents [data-container="second"] {
    top: calc(100vh - (((3427 * 2) * (100vw / 750)) + 20%));
    padding-bottom: calc(290 * (100vw / 750));
  }
  .main_contents [data-container="third"] {
    top: calc(100vh - (((2559 * 2) * (100vw / 750)) + 20%));
    padding-bottom: calc(242 * (100vw / 750));
  }
  .main_contents .firstview {
    margin-top: calc(60 * (100vw / 750));
  }
  .main_contents [data-each="0607"] {
    flex-direction: column-reverse;
    width: calc(750 * (100vw / 750));
    margin-top: calc(60 * (100vw / 750));
  }
  .main_contents [data-each="181920"] {
    grid-template: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(125 * (100vw / 750));
  }
  .main_contents [data-img="01"],
  .main_contents [data-img="13"] {
    padding-top: calc(86 * (100vw / 750));
  }
  .main_contents [data-img="02"],
  .main_contents [data-img="14"] {
    padding-top: calc(146 * (100vw / 750));
  }
  .main_contents [data-img="03"],
  .main_contents [data-img="09"],
  .main_contents [data-img="23"] {
    padding-top: calc(242 * (100vw / 750));
  }
  .main_contents [data-img="04"],
  .main_contents [data-img="10"],
  .main_contents [data-img="16"],
  .main_contents [data-img="22"] {
    padding-top: calc(61 * (100vw / 750));
  }
  .main_contents [data-img="08"] {
    padding-top: calc(139 * (100vw / 750));
  }
  .main_contents [data-img="15"],
  .main_contents [data-img="21"] {
    padding-top: calc(242 * (100vw / 750));
  }
  .main_contents [data-img="24"],
  .main_contents [data-img="25"] {
    padding-top: calc(123 * (100vw / 750));
  }
  .main_contents [data-img="06"] {
    margin: calc(-507 * (100vw / 750)) 0 0 auto;
    position: relative;
    z-index: 1;
  }
  .main_contents [data-img="06"] .product_wrapper__img {
    width: calc(570 * (100vw / 750));
    margin-left: auto;
  }
  .main_contents [data-img="06"] .credit_wrapper {
    width: calc(750 * (100vw / 750));
  }
  .main_contents [data-img="07"] {
    width: calc(570 * (100vw / 750));
  }
  .main_contents [data-img="11"] {
    margin-top: 0;
  }
  .main_contents [data-img="11"] .product_wrapper__img {
    width: calc(750 * (100vw / 750));
  }
  .main_contents [data-img="13"] {
    padding-top: calc(166 * (100vw / 750));
  }
  .main_contents [data-img="14"] {
    padding-top: calc(126 * (100vw / 750));
  }
  .main_contents [data-img="14"] .credit_wrapper {
    justify-self: center;
    writing-mode: unset;
    margin: calc(24 * (100vw / 750)) 0 0 0;
  }
  .main_contents [data-img="14"] .credit_wrapper__link:not(:first-of-type) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .main_contents [data-img="18"] {
    display: flex;
    grid-area: unset;
    width: 100%;
  }
  .main_contents [data-img="18"] .product_wrapper__img {
    width: calc(570 * (100vw / 750));
    margin: 0;
  }
  .main_contents [data-img="18"] .credit_wrapper {
    align-self: start;
    margin-left: calc(16 * (100vw / 750));
  }
  .main_contents [data-img="19"] {
    grid-area: unset;
    order: 1;
    margin-top: calc(122 * (100vw / 750));
  }
  .main_contents [data-img="20"] {
    display: flex;
    flex-direction: row-reverse;
    grid-area: unset;
    width: 100%;
    margin-top: calc(10 * (100vw / 750));
  }
  .main_contents [data-img="20"] .product_wrapper__img {
    width: calc(570 * (100vw / 750));
    margin: 0;
  }
  .main_contents [data-img="20"] .credit_wrapper {
    align-self: end;
    margin-right: calc(16 * (100vw / 750));
  }
  .main_contents [data-img="24"] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: block;
  }
  .main_contents .credit_title {
    padding-top: calc(200 * (100vw / 750));
  }
  .main_contents .credit_title__text {
    width: calc(566 * (100vw / 750));
  }
  .main_contents .season_title {
    padding-top: calc(74 * (100vw / 750));
  }
  .main_contents .season_title__text {
    width: calc(683 * (100vw / 750));
  }
  .main_contents .pc_contents {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */