@charset "UTF-8";

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

#Foot .footer {

  padding-top: 0;

}

#MO260430tshirt {

  --pc-width: 1200;

  --sp-width: 750;

  --pc-artboard-width: 380;

  --sp-artboard-width: 750;

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

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

}

/* 

@media (min-width: 1201px) {

  #MO260430tshirt {

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

    --variable: 1px;

  }

} */



@media (min-width: 768px) {

  #MO260430tshirt {

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

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

  }

}



@media (max-width: 767px) {

  #MO260430tshirt {

    --ratio: 1;

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

  }

}



#MO260430tshirt img {

  display: block;

  width: 100%;

  height: auto;

}



#MO260430tshirt h2,

#MO260430tshirt h3,

#MO260430tshirt p,

#MO260430tshirt li {

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

}



#MO260430tshirt .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

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

  border: 0;

}



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



#MO260430tshirt {

  position: relative;

  min-width: 100%;

  font-feature-settings: "palt";

  display: flex;

  --font-credit: "proxima-nova", sans-serif;

  --font-light: 300;

  --black: #000000;

}

#MO260430tshirt [class*="__credit"] {

  display: flex;

  flex-direction: column;

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

  margin: 0 0 0 0;

}

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

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

  color: var(--black);

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

  line-height: 1;

  letter-spacing: 0.01em;

  text-align: left;

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

}



#MO260430tshirt [class*="tshirt__line"] {

  position: relative;

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

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

  border-left-width: 1px;

  border-style: solid;

  border-color: var(--black);

  display: block;

}



#MO260430tshirt [class*="tshirt__line"]::after {

  content: "";

  position: absolute;

  background-size: contain;

  background-repeat: no-repeat;

}

#MO260430tshirt [class*="__inner--vertical"] {

  display: flex;

  flex-direction: column;

  margin: 0 0 calc(32 * var(--formula)) calc(39 * var(--formula));

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

}

#MO260430tshirt [class*="-img-"] img {

  height: 100%;

}



#MO260430tshirt .lp-mv-area {

  width: 50%;

  top: 0;

  position: sticky;

  height: 100vh;

}



#MO260430tshirt .lp-mv-img,

#MO260430tshirt .lp-mv-img a {

  width: 100%;

  height: 100%;

  z-index: 1;

  position: relative;

}

#MO260430tshirt .lp-mv-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top center;

}

#MO260430tshirt .lp-mv-txt {

  position: absolute;

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

  z-index: 5;

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

  left: calc(32 * var(--formula_pc));

}



#MO260430tshirt .lp-main-area {

  flex: none;

  position: relative;

  margin-right: calc(78 * var(--formula_pc));

  margin-left: auto;

}



#MO260430tshirt .tshirt-cont {

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

}



#MO260430tshirt .sec-set {

  display: flex;

  flex-direction: column;

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

  overflow: hidden;

}



#MO260430tshirt .splide__slide a {

  display: flex;

  flex-direction: column;

  align-items: center;

}



#MO260430tshirt .tshirt__slide1 {

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

}



#MO260430tshirt .tshirt__line1 {

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

}

#MO260430tshirt .tshirt__line1::after {

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

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

  background-image: url(../img/slide-txt-01.svg);

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

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

}

#MO260430tshirt .slide-img-01 {

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

}



#MO260430tshirt .tshirt__slide2 {

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

}



#MO260430tshirt .tshirt__line2 {

  margin: 0 0 calc(22 * var(--formula)) calc(27 * var(--formula));

}

#MO260430tshirt .tshirt__line2::after {

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

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

  background-image: url(../img/slide-txt-02.svg);

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

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

}

#MO260430tshirt .slide-img-02 {

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

}



#MO260430tshirt .tshirt__slide3 {

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

}

#MO260430tshirt .tshirt__line3::after {

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

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

  background-image: url(../img/slide-txt-03.svg);

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

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

}

#MO260430tshirt .tshirt__line3 {

  margin: 0 0 calc(32 * var(--formula)) calc(-133 * var(--formula));

}



#MO260430tshirt .slide-img-03 {

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

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

}



#MO260430tshirt .tshirt__slide4 {

}

#MO260430tshirt .tshirt__line4::after {

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

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

  background-image: url(../img/slide-txt-04.svg);

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

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

}

#MO260430tshirt .tshirt__line4 {

  margin: 0 0 calc(31 * var(--formula)) calc(-67 * var(--formula));

}



#MO260430tshirt .slide-img-04 {

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

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

}



#MO260430tshirt .sec1 {

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

}



#MO260430tshirt .sec1-obj-01 {

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

}



#MO260430tshirt .sec1-img-01 {

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

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

}



#MO260430tshirt .sec2 {

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

}



#MO260430tshirt .sec2__inner--vertical {

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

  margin: 0 0 calc(36 * var(--formula)) calc(39 * var(--formula));

}



#MO260430tshirt .sec2-obj-01 {

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

}



#MO260430tshirt .sec2-img-01 {

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

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

}



#MO260430tshirt .sec2-img-02 {

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

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

}



#MO260430tshirt .sec3 {

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

}



#MO260430tshirt .sec3__inner--vertical {

  margin: 0 0 calc(42 * var(--formula)) calc(39 * var(--formula));

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

}



#MO260430tshirt .sec3-obj-01 {

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

}



#MO260430tshirt .sec3-img-01 {

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

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

}



#MO260430tshirt .sec4 {

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

}



#MO260430tshirt .sec4__inner--vertical {

  margin: 0 0 calc(55 * var(--formula)) calc(39 * var(--formula));

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

}



#MO260430tshirt .sec4-obj-01 {

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

}



#MO260430tshirt .sec4__credit {

}



#MO260430tshirt .sec4-img-01 {

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

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

}



#MO260430tshirt .footer__inner--link {

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

  border-left-width: 1px;

  border-style: solid;

  border-color: var(--black);

  display: grid;

  place-content: end;

  width: max-content;

  margin: calc(97 * var(--formula)) 0 calc(85 * var(--formula))

    calc(127 * var(--formula));

}

#MO260430tshirt .footer-txt-01 {

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

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

}

#MO260430tshirt .footer-img-01 {

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

  align-self: center;

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

}

/* SP用設定 */

@media (max-width: 767px) {

  #MO260430tshirt {

    display: flex;

    flex-direction: column;

  }

  #MO260430tshirt .sec-set {

    width: 100%;

    overflow: hidden;

  }

  #MO260430tshirt .lp-mv-area {

    position: relative;

    height: auto;

  }

  #MO260430tshirt .lp-mv-img {

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

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

  }

  #MO260430tshirt .lp-mv-txt {

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

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

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

  }

}

/* 

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

animation

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

*/

#MO260430tshirt .fade-in {

  transition:

    opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),

    visibility 1.2s;

  opacity: 0;

}

#MO260430tshirt .is-visible.fade-in {

  opacity: 1;

}