@charset "UTF-8";

/* --- デフォルトCSS設定 --- */

.footer {

  padding-top: 0;

}

#MO260319PANTS {

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 490;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #MO260319PANTS {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}



@media (min-width: 768px) and (max-width: 1400px) {

  #MO260319PANTS {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}



@media (max-width: 767px) {

  #MO260319PANTS {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#MO260319PANTS img,

#MO260319PANTS video {

  display: block;

  width: 100%;

  height: auto;

}



#MO260319PANTS .teaser__video::after,

#MO260319PANTS .sec4__video::after {

  content: "";

  position: absolute;

  top: 0;

  right: -1.5px; /* 右端から1.5px外側へずらす */

  width: 3px; /* 十分に隠せる3px幅 */

  height: 100%;

  background-color: #ffffff;

  z-index: 2;

  pointer-events: none;

}



#MO260319PANTS h2,

#MO260319PANTS h3,

#MO260319PANTS p,

#MO260319PANTS li {

  margin-block: calc((1em - 1lh) / 2);

}



#MO260319PANTS .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



/* --- 抽出されたCSS（上から順） --- */



#MO260319PANTS {

  --yu-gochic:

    "游ゴシック体", "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, YuGothic,

    "yu-gothic-pr6n", Hiragino Kaku Gothic ProN, Meiryo, sans-serif;

  --font-credit: neue-haas-grotesk-display, sans-serif;

  --font-medium: 500;

  --black: #000000;

  --dark-gray: #222222;

  --ivory: #fffbf6;

  --green: #25671e;

  --navy: #263b6a;

  --terracotta: #a03a13;

  --rose: #b35656;

  --blue: #4988c4;

  font-feature-settings: "palt";

}



#MO260319PANTS {

  display: flex;

  position: relative;

  max-width: 100%;

}



#MO260319PANTS .lp-mv-area {

  flex: 1;

  position: sticky;

  top: 0;

  height: 100vh;

}

#MO260319PANTS .lp-main-area {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

}



#MO260319PANTS .sec-set {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  width: calc(490 * var(--formula_pc));

}

#MO260319PANTS .lp-mv-img-01 a,

#MO260319PANTS .lp-mv-img-01 {

  width: 100%;

  height: 100%;

  z-index: 1;

}

#MO260319PANTS .lp-mv-img-01 img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top center;

}



#MO260319PANTS .lp-mv-txt-01 {

  width: calc(337 * (100vw / 1400));

  position: absolute;

  z-index: 5;

  left: calc(-4 * var(--formula));

  right: 0;

  margin-inline: auto;

  bottom: calc(94 * var(--formula_pc));

  pointer-events: none;

}



#MO260319PANTS [class*="__txt"] {

  font-family: var(--yu-gochic);

  color: var(--dark-gray);

  font-size: calc(25 * var(--formula));

  line-height: 1.96;

  letter-spacing: 0.145em;

  text-align: center;

  font-weight: var(--font-medium);

}

#MO260319PANTS [class*="__txt-cont"] {

  display: flex;

  width: calc(660 * var(--formula));

  height: calc(249 * var(--formula));

  background: var(--ivory);

  outline-width: max(1px, calc(2 * var(--formula)));

  outline-style: solid;

  outline-offset: calc(-11 * var(--formula));

  align-items: center;

  justify-content: start;

  box-sizing: border-box;

  margin: 0 0 calc(79 * var(--formula)) 0;

  gap: calc(36 * var(--formula));

}

#MO260319PANTS [class*="__credit"] {

  display: flex;

  flex-direction: column;

  gap: calc(25 * var(--formula));

  align-items: center;

}

#MO260319PANTS [class*="__credit"] li {

  font-family: var(--font-credit);

  color: var(--black);

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.02em;

  text-align: center;

  font-weight: var(--font-medium);

  display: flex;

  gap: calc(17 * var(--formula));

}



#MO260319PANTS .teaser-sec {

  margin: calc(101 * var(--formula)) 0 0 0;

}



#MO260319PANTS .terser__txt {

  color: var(--black);

  font-size: calc(24 * var(--formula));

  line-height: 2.1666;

  letter-spacing: 0.05em;

  padding: 0 0 calc(117 * var(--formula)) 0;

}



#MO260319PANTS .teaser__video {

  width: calc(675 * var(--formula));

  position: relative;

  z-index: 1;

  overflow: hidden;

}



#MO260319PANTS .js-video-sound {

  position: absolute;

  z-index: 10;

  bottom: calc(19 * var(--formula));

  right: calc(14 * var(--formula));

  width: calc(57 * var(--formula));

}



#MO260319PANTS .sec1 {

  margin: calc(160 * var(--formula)) 0 0 0;

}



#MO260319PANTS .sec1__txt-cont {

  outline-color: var(--green);

  padding: 0 0 0 calc(59 * var(--formula));

}



#MO260319PANTS .sec1-number-01 {

  width: calc(99 * var(--formula));

}



#MO260319PANTS #sec2__model-slider,

#MO260319PANTS #sec1__item-slider,

#MO260319PANTS #sec2__item-slider,

#MO260319PANTS #sec3__item-slider,

#MO260319PANTS #sec4__item-slider,

#MO260319PANTS #sec5__item-slider {

  width: calc(750 * var(--formula));

}



#MO260319PANTS #sec1__item-slider .splide__slide,

#MO260319PANTS #sec2__item-slider .splide__slide,

#MO260319PANTS #sec3__item-slider .splide__slide,

#MO260319PANTS #sec4__item-slider .splide__slide,

#MO260319PANTS #sec5__item-slider .splide__slide {

  width: calc(240 * var(--formula));

}



#MO260319PANTS .sec1-img-01 {

  width: calc(720 * var(--formula));

  margin: calc(140 * var(--formula)) 0 calc(80 * var(--formula)) 0;

}



#MO260319PANTS #sec1__model-slider {

  width: calc(580 * var(--formula));

  margin: 0 0 calc(50 * var(--formula)) 0;

}



#MO260319PANTS #sec2__model-slider .splide__slide {

  width: calc(750 * var(--formula));

}

#MO260319PANTS #sec1__model-slider .splide__slide {

  width: calc(580 * var(--formula));

}

#MO260319PANTS #sec3__model-slider .splide__slide {

  width: calc(560 * var(--formula));

}



#MO260319PANTS .sec2 {

  margin: calc(161 * var(--formula)) 0 calc(159 * var(--formula)) 0;

}



#MO260319PANTS .sec2__txt-cont {

  justify-content: end;

  padding: 0 calc(50 * var(--formula)) 0 0;

  gap: calc(42 * var(--formula));

  outline-color: var(--navy);

}



#MO260319PANTS .sec2-number-01 {

  width: calc(112 * var(--formula));

}



#MO260319PANTS #sec2__model-slider {

  margin: calc(140 * var(--formula)) 0 calc(80 * var(--formula)) 0;

}



#MO260319PANTS .sec2-img-03 {

  width: calc(640 * var(--formula));

  margin: 0 0 calc(51 * var(--formula)) 0;

}



#MO260319PANTS .sec3__txt-cont {

  height: calc(300 * var(--formula));

  padding: 0 0 0 calc(59 * var(--formula));

  gap: calc(27 * var(--formula));

  margin: 0 0 calc(82 * var(--formula)) 0;

  outline-color: var(--terracotta);

}



#MO260319PANTS .sec3-number-01 {

  width: calc(99 * var(--formula));

}



#MO260319PANTS .sec3-img-01 {

  width: calc(700 * var(--formula));

  margin: calc(138 * var(--formula)) 0 calc(80 * var(--formula)) 0;

}



#MO260319PANTS #sec3__model-slider {

  margin: 0 0 calc(50 * var(--formula)) 0;

  width: calc(560 * var(--formula));

}



#MO260319PANTS .sec4 {

  margin: calc(160 * var(--formula)) 0 0 0;

}



#MO260319PANTS .sec4__txt-cont {

  height: calc(241 * var(--formula));

  justify-content: end;

  padding: calc(4 * var(--formula)) calc(49 * var(--formula)) 0 0;

  gap: calc(46 * var(--formula));

  outline-color: var(--rose);

}



#MO260319PANTS .sec4-number-01 {

  width: calc(112 * var(--formula));

}



#MO260319PANTS .sec4-img-01 {

  width: calc(750 * var(--formula));

  margin: calc(140 * var(--formula)) 0 calc(80 * var(--formula)) 0;

}



#MO260319PANTS .sec4-img-02 {

  width: calc(540 * var(--formula));

  margin: 0 0 calc(51 * var(--formula)) 0;

}



#MO260319PANTS .sec4__video {

  width: calc(675 * var(--formula));

  margin: calc(138 * var(--formula)) 0 calc(163 * var(--formula)) 0;

  z-index: 1;

  position: relative;

  overflow: hidden;

}



#MO260319PANTS .sec5__txt-cont {

  gap: calc(44 * var(--formula));

  height: calc(301 * var(--formula));

  padding: 0 0 0 calc(60 * var(--formula));

  margin: 0 0 calc(80 * var(--formula)) 0;

  outline-color: var(--blue);

}



#MO260319PANTS .sec5-number-01 {

  width: calc(99 * var(--formula));

}



#MO260319PANTS .sec5__txt-wrapper {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(32 * var(--formula));

  margin: calc(9 * var(--formula)) 0 0 0;

}



#MO260319PANTS .sec5__icon-cont {

  display: flex;

  gap: calc(5 * var(--formula));

  margin: 0 0 0 calc(4 * var(--formula));

}



#MO260319PANTS .sec5-txt-01 {

  width: calc(95 * var(--formula));

}



#MO260319PANTS .sec5-txt-02 {

  width: calc(119 * var(--formula));

}



#MO260319PANTS .sec5-txt-03 {

  width: calc(173 * var(--formula));

}



#MO260319PANTS .sec5-img-01 {

  width: calc(700 * var(--formula));

  margin: calc(140 * var(--formula)) 0 0 0;

}



#MO260319PANTS .sec5-img-02 {

  width: calc(600 * var(--formula));

  margin: calc(80 * var(--formula)) 0 calc(50 * var(--formula)) 0;

}



#MO260319PANTS .lp-footer {

  margin: calc(199 * var(--formula)) 0 calc(207 * var(--formula)) 0;

}



#MO260319PANTS .lp-footer__btn-cont {

  display: flex;

  flex-direction: column;

  gap: calc(10 * var(--formula));

}



#MO260319PANTS .footer-link-01 {

  width: calc(675 * var(--formula));

}



#MO260319PANTS .footer-link-02 {

  width: calc(675 * var(--formula));

}



#MO260319PANTS .footer-txt-01 {

  width: calc(104 * var(--formula));

  margin: calc(120 * var(--formula)) 0 calc(41 * var(--formula)) 0;

}

#MO260319PANTS .lp-footer__staff-credit {

  display: flex;

  flex-direction: column;

  gap: calc(21 * var(--formula));

}

#MO260319PANTS .lp-footer__staff-credit li {

  font-family: var(--font-credit);

  color: var(--black);

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.03em;

  text-align: center;

  font-weight: var(--font-medium);

}

#MO260319PANTS .video-sound-btn {

  cursor: pointer;

}

#MO260319PANTS .video-sound-btn .icon-on {

  display: none;

}

#MO260319PANTS .video-sound-btn[data-state="on"] .icon-off {

  display: none;

}

#MO260319PANTS .video-sound-btn[data-state="on"] .icon-on {

  display: block;

}

/* 

//////////////////////////////////////////////////////////////////////////////////////////

animation

//////////////////////////////////////////////////////////////////////////////////////////

*/

#MO260319PANTS .fade-in {

  transition: all 1s ease-out;

  opacity: 0;

}

#MO260319PANTS .is-visible.fade-in {

  opacity: 1;

}

@media (max-width: 767px) {

  #MO260319PANTS {

    flex-direction: column;

  }



  #MO260319PANTS .lp-mv-area {

    width: 100%;

    position: relative;

  }



  #MO260319PANTS .sec-set {

    width: 100%;

  }

  #MO260319PANTS .lp-mv-img-01 {

    width: calc(750 * var(--formula));

    height: auto;

  }

  #MO260319PANTS .lp-mv-txt-01 {

    width: calc(361 * var(--formula));

    left: calc(-4 * var(--formula));

    right: 0;

    bottom: calc(97 * var(--formula));

  }

}