#MO250327swimsuit {
  --rate: (100vw / 750);
  margin-bottom: calc(190* (100vw /750));
}

:root {
  --header-height: 92px;
}

.archive-area {
  display: none;
}

#MO250327swimsuit {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  font-feature-settings: "palt";
}
#MO250327swimsuit img {
  width: 100%;
  height: auto;
}
#MO250327swimsuit .img {
  display: block;
}
#MO250327swimsuit .credit .link {
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  line-height: 2;
  margin-right: 0.9rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .credit .link {
    font-size: calc(23 * var(--rate));
    margin-right: calc(18 * var(--rate));
  }
}
#MO250327swimsuit .js_fade {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s, visibility 2s;
}
#MO250327swimsuit .js_fade.-tleft {
  transform: translateX(8rem);
  transition: opacity 1s, visibility 1s, transform 1s;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .js_fade.-tleft {
    transform: translateX(0);
  }
}
#MO250327swimsuit .js_fade.-tleft.-d2 {
  transition-delay: 0.5s;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .js_fade.-tleft.-d2 {
    transition-delay: 0s;
  }
}
#MO250327swimsuit .js_fade.on {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
#MO250327swimsuit .mv {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}
#MO250327swimsuit .sec01 {
  margin-top: 15rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec01 {
    margin-top: calc(178 * var(--rate));
  }
}
#MO250327swimsuit .sec01 .inner {
  display: grid;
  grid-template-columns: 40rem 46rem;
  justify-content: center;
  gap: 0 3rem;
  padding-left: 3rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec01 .inner {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
}
#MO250327swimsuit .sec01 .inner .imgblk {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec01 .inner .imgblk:nth-of-type(1) {
    max-width: calc(660 * var(--rate));
  }
}
#MO250327swimsuit .sec01 .inner .imgblk:nth-of-type(2) {
  margin-top: 21rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec01 .inner .imgblk:nth-of-type(2) {
    margin: calc(68 * var(--rate)) auto 0;
    max-width: calc(720 * var(--rate));
  }
}
#MO250327swimsuit .sec01 .inner .imgblk .credit {
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec01 .inner .imgblk .credit {
    margin-top: calc(40 * var(--rate));
    padding-left: calc(50 * var(--rate));
  }
}
#MO250327swimsuit .sec02 {
  margin-top: 16rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec02 {
    margin-top: calc(160 * var(--rate));
  }
}
#MO250327swimsuit .sec02 .inner {
  display: grid;
  grid-template-columns: 50rem 50rem;
  justify-content: center;
  gap: 2.8rem 3rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec02 .inner {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
#MO250327swimsuit .sec02 .inner .imgblk {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec02 .inner .imgblk:nth-of-type(1) {
    max-width: calc(660 * var(--rate));
    margin: 0 auto;
    position: sticky;
    z-index: 0;
    top: var(--header-height, 0px);
    padding-bottom: calc(44 * var(--rate));
  }
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec02 .inner .imgblk:nth-of-type(2) {
    position: relative;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 0);
  }
  #MO250327swimsuit .sec02 .inner .imgblk:nth-of-type(2)::after {
    content: "";
    display: block;
    width: 100%;
    height: 120%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
#MO250327swimsuit .sec02 .inner .credit {
  text-align: center;
  grid-column: span 2;
  padding-left: 0.9rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec02 .inner .credit {
    grid-column: span 1;
    margin-top: calc(40 * var(--rate));
    padding-left: calc(18 * var(--rate));
    position: relative;
    z-index: 10;
  }
}
#MO250327swimsuit .sec03 {
  margin-top: 14.4rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec03 {
    margin-top: calc(148 * var(--rate));
  }
}
#MO250327swimsuit .sec03 .inner {
  width: 100%;
  max-width: 42rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec03 .inner {
    max-width: calc(600 * var(--rate));
  }
}
#MO250327swimsuit .sec03 .inner .credit {
  text-align: center;
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec03 .inner .credit {
    margin-top: calc(38 * var(--rate));
  }
}
#MO250327swimsuit .sec03 .inner .credit .link {
  margin-right: 0;
}
#MO250327swimsuit .sec04 {
  margin-top: 14.4rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec04 {
    margin-top: calc(148 * var(--rate));
  }
}
#MO250327swimsuit .sec04 .inner .imgblk {
  width: 100%;
  margin: 0 auto;
}
#MO250327swimsuit .sec04 .inner .imgblk:nth-of-type(1) {
  max-width: 46rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec04 .inner .imgblk:nth-of-type(1) {
    max-width: calc(700 * var(--rate));
  }
}
#MO250327swimsuit .sec04 .inner .imgblk:nth-of-type(2) {
  max-width: 52rem;
  margin-top: 6.5rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec04 .inner .imgblk:nth-of-type(2) {
    max-width: 100%;
    margin-top: calc(78 * var(--rate));
  }
}
#MO250327swimsuit .sec04 .inner .imgblk .credit {
  text-align: center;
  margin-top: 2.8rem;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .sec04 .inner .imgblk .credit {
    margin-top: calc(40 * var(--rate));
    padding-left: calc(10 * var(--rate));
  }
}
#MO250327swimsuit .allbtn {
  width: 100%;
  max-width: 38rem;
  margin: 14.4rem auto 0;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .allbtn {
    max-width: calc(675 * var(--rate));
    margin-top: calc(168 * var(--rate));
  }
}
#MO250327swimsuit .allbtn .link {
  display: block;
}
#MO250327swimsuit .staffroll {
  text-align: center;
  margin-top: 10.2rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .staffroll {
    margin-top: calc(140 * var(--rate));
  }
}
#MO250327swimsuit .staffroll .txt {
  font-size: 1.4rem;
  letter-spacing: 0.26em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .staffroll .txt {
    font-size: calc(24 * var(--rate));
  }
}
#MO250327swimsuit .staffroll .staff {
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  line-height: 2;
  margin-top: 0.9rem;
}
@media screen and (max-width: 767px) {
  #MO250327swimsuit .staffroll .staff {
    font-size: calc(24 * var(--rate));
    margin-top: calc(20 * var(--rate));
  }
}/*# sourceMappingURL=style.css.map */

#MO250327swimsuit {
  margin-bottom: 13rem;
}

@media screen and (max-width: 767px) {
  #MO250327swimsuit {
    margin-bottom: calc(190* (100vw /750));
  }
}