@charset "UTF-8";
@keyframes leadCrossfade {
  0%,
  40% {
    opacity: 1;
  }
  50%,
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes openingLogoIn {
  0% {
    opacity: 0;
    transform: scale(0.94);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes openingLogoOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes openingFadeOut {
  0%,
  60% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* オープニング（ロゴ表示 → フェードアウト） */
.body_wrap .opening {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  pointer-events: none;
  animation: openingFadeOut 2.6s ease-in-out forwards;
}
.body_wrap .opening__logo {
  width: 236px;
  max-width: 56vw;
  animation: openingLogoIn 1s ease-out both, openingLogoOut 0.7s ease-in-out 1.5s forwards;
}
.body_wrap .opening__logo img {
  display: block;
  width: 100%;
  height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .body_wrap .opening {
    animation-duration: 1.4s;
  }
  .body_wrap .opening__logo {
    animation: none;
    opacity: 1;
  }
}
.box-wrapper {
  /* フォント指定済 */
}
.box-wrapper .fadeInTrigger {
  opacity: 0;
}
.box-wrapper .fadeIn {
  opacity: 0;
  animation-name: fadeInAnime;
  animation-duration: 0.9s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.box-wrapper .fadeInSlow.fadeIn {
  animation-duration: 1.8s;
}
.box-wrapper .pc {
  display: none;
}
@media screen and (min-width: 750px) {
  .box-wrapper .pc {
    display: block;
  }
}
.box-wrapper .sp {
  display: block;
}
@media screen and (min-width: 750px) {
  .box-wrapper .sp {
    display: none;
  }
}
.box-wrapper .lb {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
  aspect-ratio: 390/11537;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb {
    margin: 0 auto;
    aspect-ratio: 1440/22223;
  }
}
.box-wrapper .lb-afterLead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box-wrapper .lb-look {
  position: absolute;
  overflow: hidden;
  background: #d9d9d9;
}
.box-wrapper .lb-look img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-wrapper .lb-look--mv-l {
  top: 0%;
  left: 0%;
  width: 100%;
  aspect-ratio: 1.0104;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--mv-l {
    top: 0%;
    left: 0%;
    width: 50%;
    aspect-ratio: 0.6673;
  }
}
.box-wrapper .lb-look--mv-r {
  top: 3.346%;
  left: 0%;
  width: 100%;
  aspect-ratio: 1.013;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--mv-r {
    top: 0%;
    left: 50%;
    width: 50%;
    aspect-ratio: 0.6673;
  }
}
.box-wrapper .lb-look--lead {
  top: 7.3268%;
  left: 9.615%;
  width: 80.77%;
  aspect-ratio: 0.7511;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--lead {
    top: 5.8577%;
    left: 15.59%;
    width: 30.625%;
    aspect-ratio: 0.7504;
  }
}
.box-wrapper .lb-look--s03 {
  top: 15.8704%;
  left: 0%;
  width: 100%;
  aspect-ratio: 1.0456;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s03 {
    top: 9.5038%;
    left: 4.861%;
    width: 92.014%;
    aspect-ratio: 1.4989;
  }
}
.box-wrapper .lb-look--s04a {
  top: 19.7105%;
  left: 5.128%;
  width: 58.205%;
  aspect-ratio: 0.7517;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s04a {
    top: 14.3367%;
    left: 15.278%;
    width: 38.889%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s04b {
  top: 22.9353%;
  left: 36.923%;
  width: 57.949%;
  aspect-ratio: 0.7508;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s04b {
    top: 18.2825%;
    left: 45.833%;
    width: 38.889%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s05 {
  top: 26.1506%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.7511;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s05 {
    top: 22.2292%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s06 {
  top: 31.0215%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.7495;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s06 {
    top: 26.8412%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s07 {
  top: 35.9018%;
  left: 0%;
  width: 100%;
  aspect-ratio: 1.0456;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s07 {
    top: 31.7235%;
    left: 4.792%;
    width: 90.417%;
    aspect-ratio: 1.5;
  }
}
.box-wrapper .lb-look--s08a {
  top: 39.7418%;
  left: 5.128%;
  width: 58.205%;
  aspect-ratio: 0.7492;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s08a {
    top: 36.2151%;
    left: 9.375%;
    width: 38.889%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s08b {
  top: 42.9751%;
  left: 36.667%;
  width: 58.205%;
  aspect-ratio: 0.7492;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s08b {
    top: 38.7168%;
    left: 51.736%;
    width: 38.889%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s09 {
  top: 46.2076%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.7495;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s09 {
    top: 42.6627%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s10 {
  top: 50.8626%;
  left: 10.256%;
  width: 89.744%;
  aspect-ratio: 0.7495;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s10 {
    top: 47.1491%;
    left: 50%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s11a {
  top: 55.5167%;
  left: 0%;
  width: 44.872%;
  aspect-ratio: 0.7511;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s11a {
    top: 51.6354%;
    left: 4.861%;
    width: 27.778%;
    aspect-ratio: 0.7505;
  }
}
.box-wrapper .lb-look--s11b {
  top: 55.5167%;
  left: 44.872%;
  width: 44.872%;
  aspect-ratio: 0.7511;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s11b {
    top: 51.6354%;
    left: 32.639%;
    width: 27.778%;
    aspect-ratio: 0.7505;
  }
}
.box-wrapper .lb-look--s12 {
  top: 58.1433%;
  left: 0%;
  width: 100%;
  aspect-ratio: 1.0456;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s12 {
    top: 54.8891%;
    left: 4.861%;
    width: 90.278%;
    aspect-ratio: 1.4994;
  }
}
.box-wrapper .lb-look--s13 {
  top: 61.9833%;
  left: 0%;
  width: 89.744%;
  aspect-ratio: 0.7495;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s13 {
    top: 59.6458%;
    left: 6.667%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s14 {
  top: 66.6374%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.7495;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s14 {
    top: 64.1322%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s15 {
  top: 71.5177%;
  left: 10.256%;
  width: 89.744%;
  aspect-ratio: 0.7497;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s15 {
    top: 68.7442%;
    left: 48.194%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--s16 {
  top: 76.1727%;
  left: 0%;
  width: 89.744%;
  aspect-ratio: 0.7495;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--s16 {
    top: 73.2306%;
    left: 15.278%;
    width: 45.139%;
    aspect-ratio: 0.7497;
  }
}
.box-wrapper .lb-look--lead img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: leadCrossfade 8s infinite;
}
.box-wrapper .lb-look--lead img:first-child {
  animation-delay: 0s;
}
.box-wrapper .lb-look--lead img:last-child {
  animation-delay: 4s;
}
.box-wrapper .lb-look--footer {
  top: 95.493%;
  left: 0%;
  width: 100%;
  aspect-ratio: 0.75;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-look--footer {
    top: 91.36%;
    left: 0%;
    width: 100%;
    aspect-ratio: 0.75;
  }
}
.box-wrapper .lb-look--footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.53);
}
.box-wrapper .lb-productSlider .slick-list,
.box-wrapper .lb-productSlider .slick-track,
.box-wrapper .lb-productSlider .slick-slide,
.box-wrapper .lb-productSlider .slick-slide > div {
  height: 100%;
}
.box-wrapper .lb-productSlider--1 {
  top: 81.011%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.75;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-productSlider--1 {
    top: 77.769%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.75;
  }
}
.box-wrapper .lb-productSlider--2 {
  top: 85.84%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.75;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-productSlider--2 {
    top: 82.312%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.75;
  }
}
.box-wrapper .lb-productSlider--3 {
  top: 90.664%;
  left: 5.128%;
  width: 89.744%;
  aspect-ratio: 0.75;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-productSlider--3 {
    top: 86.833%;
    left: 27.431%;
    width: 45.139%;
    aspect-ratio: 0.75;
  }
}
.box-wrapper .lb-text-box--cr05, .box-wrapper .itemCredit#item1 {
  top: 30.2501%;
  left: 5.128%;
  width: 51.538%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-text-box--cr05, .box-wrapper .itemCredit#item1 {
    top: 26.1846%;
    left: 27.431%;
    width: 13.958%;
  }
}
.box-wrapper .lb-text-box--cr06, .box-wrapper .itemCredit#item2 {
  top: 35.1218%;
  left: 5.128%;
  width: 51.538%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-text-box--cr06, .box-wrapper .itemCredit#item2 {
    top: 30.7966%;
    left: 27.431%;
    width: 13.958%;
  }
}
.box-wrapper .lb-text-box--cr14, .box-wrapper .itemCredit#item3 {
  top: 70.7463%;
  left: 5.128%;
  width: 51.538%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-text-box--cr14, .box-wrapper .itemCredit#item3 {
    top: 68.078%;
    left: 27.431%;
    width: 13.958%;
  }
}
.box-wrapper .lb-mv__center {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-mv__center {
    gap: 32px;
  }
}
.box-wrapper .lb-mv__title {
  margin: 0;
  font-family: "optima-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.15;
  white-space: nowrap;
  font-size: 47px;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-mv__title {
    font-size: 84px;
  }
}
.box-wrapper .lb-mv__logo {
  width: 30%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-mv__logo {
    width: 11.9%;
  }
}
.box-wrapper .lb-mv__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.box-wrapper .lb-lead__text {
  position: absolute;
  top: 11.172%;
  left: 9.615%;
  width: 80.77%;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.9;
  color: #000;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-lead__text {
    top: 7.1796%;
    left: 52.083%;
    width: 35.764%;
    transform: translateY(-50%);
  }
}
.box-wrapper .lb-lead__text p {
  margin: 0 0 1.6em;
}
.box-wrapper .lb-lead__text p:last-child {
  margin-bottom: 0;
}
.box-wrapper .itemCredit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  color: #707070;
}
.box-wrapper .itemCredit ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.box-wrapper .itemCredit li {
  white-space: nowrap;
}
.box-wrapper .itemCredit a {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: inherit;
  text-decoration: none;
}
.box-wrapper .itemCredit__name {
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: italic;
}
.box-wrapper .itemCredit__buy {
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}
.box-wrapper .itemCredit .slick-dots {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.box-wrapper .itemCredit .slick-dots li {
  margin: 0;
}
.box-wrapper .itemCredit .slick-dots li button {
  display: block;
  width: 16px;
  height: 2px;
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: transparent;
  cursor: pointer;
}
.box-wrapper .itemCredit .slick-dots li.slick-active button {
  background: #000;
}
.box-wrapper .itemCredit#productItem1 {
  top: 85.161%;
  left: 5.128%;
  width: 89.744%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .itemCredit#productItem1 {
    top: 81.745%;
    left: 27.431%;
    width: 45.139%;
  }
}
.box-wrapper .itemCredit#productItem2 {
  top: 89.987%;
  left: 5.128%;
  width: 89.744%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .itemCredit#productItem2 {
    top: 86.274%;
    left: 27.431%;
    width: 45.139%;
  }
}
.box-wrapper .itemCredit#productItem3 {
  top: 94.812%;
  left: 5.128%;
  width: 89.744%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .itemCredit#productItem3 {
    top: 90.803%;
    left: 27.431%;
    width: 45.139%;
  }
}
.box-wrapper .lb-footer__levis {
  position: absolute;
  top: 96.536%;
  left: 37.2%;
  width: 25.6%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-footer__levis {
    top: 94.414%;
    left: 43.05%;
    width: 13.9%;
  }
}
.box-wrapper .lb-footer__levis img {
  display: block;
  width: 100%;
  height: auto;
}
.box-wrapper .lb-footer__js {
  position: absolute;
  top: 97.065%;
  left: 37.2%;
  width: 25.6%;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-footer__js {
    top: 94.874%;
    left: 43.05%;
    width: 13.9%;
  }
}
.box-wrapper .lb-footer__js img {
  display: block;
  width: 100%;
  height: auto;
}
.box-wrapper .lb-footer__links {
  position: absolute;
  top: 98.8%;
  left: 74.103%;
  width: 21.026%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
}
@media screen and (min-width: 750px) {
  .box-wrapper .lb-footer__links {
    top: 98.597%;
    left: 82.917%;
    width: 12.361%;
    gap: 40px;
    font-size: 26px;
  }
}
.box-wrapper .lb-footer__links a {
  color: #fff;
  text-decoration: underline;
  white-space: nowrap;
}