@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
.footer {
  padding-top: 0;
}
.footer .page-top {
  z-index: 10;
  position: relative;
}

#MO260312dressset {
  --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) {
  #MO260312dressset {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #MO260312dressset {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #MO260312dressset {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#MO260312dressset img,
#MO260312dressset svg {
  display: block;
  width: 100%;
  height: auto;
}

#MO260312dressset h2,
#MO260312dressset h3,
#MO260312dressset p,
#MO260312dressset li {
  margin-block: calc((1em - 1lh) / 2);
}

#MO260312dressset .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#MO260312dressset {
  background-image: url(../img/pc-bg-01.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-feature-settings: "palt";
  min-width: 100%;
  overflow-x: clip;
  --white: #ffffff;
  --dark-grey: #222222;
  ---black: #000000;
  --font-flaver: "dnp-shuei-gothic-gin-std", sans-serif;
  --font-credit: "poppins", sans-serif;
  --yu-gochic:
    "游ゴシック体", "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, YuGothic,
    "yu-gothic-pr6n", Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --font-light: 300;
  --font-medium: 400;
  --font-bold: 600;
}

#MO260312dressset [class*="__ttl-cont"] {
  background: var(--white);
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  padding: calc(38 * var(--formula)) 0 calc(30 * var(--formula)) 0;
}
#MO260312dressset [class*="__common-txt-01"] {
  top: calc(19 * var(--formula));
  left: calc(131 * var(--formula));
}
#MO260312dressset [class*="-txt-01"] {
  position: absolute;
}
#MO260312dressset [class*="__inner--horizontal"] {
  display: flex;
  align-items: center;
  gap: calc(9 * var(--formula));
  margin: 0 0 0 calc(-9 * var(--formula));
}
#MO260312dressset [class*="-txt-03"],
#MO260312dressset [class*="-txt-04"],
#MO260312dressset [class*="-txt-05"] {
  position: absolute;
}
#MO260312dressset [class*="__flavor-txt"] {
  font-family: var(--font-flaver);
  color: var(--dark-grey);
  font-size: calc(36 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.145em;
  text-align: center;
  font-weight: var(--font-bold);
  position: relative;
  width: fit-content;
  width: fit-content;
  margin: 0 auto; /* 中央寄せ */
  display: block;
  padding: 0 calc(60 * var(--formula));
}
#MO260312dressset [class*="__flavor-txt"]::before,
#MO260312dressset [class*="__flavor-txt"]::after {
  content: "";
  width: calc(19 * var(--formula));
  height: calc(15 * var(--formula));
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#MO260312dressset [class*="__flavor-txt"]::before {
  background-image: url(../img/common-txt-03.svg);
  top: calc(-2 * var(--formula));
  left: calc(12 * var(--formula)); /* 60 - 48 = 12 */
}
#MO260312dressset [class*="__flavor-txt"]::after {
  background-image: url(../img/common-txt-04.svg);
  top: calc(-2 * var(--formula));
  right: calc(30 * var(--formula)); /* 60 - 30 = 30 */
}

#MO260312dressset [class*="__credit"] {
  font-family: var(--font-credit);
  color: var(--dark-grey);
  font-size: calc(20 * var(--formula));
  line-height: 1.9;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: var(--font-light);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(17 * var(--formula));
}
#MO260312dressset [class*="__credit"] li {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: calc(21 * var(--formula));
  font-weight: var(--font-light);
}
#MO260312dressset [class*="__credit--left"]::before,
#MO260312dressset [class*="__credit--right"]::before {
}
#MO260312dressset [class*="__credit--left"]::before {
  content: "left _";
  margin: 0 calc(-15 * var(--formula)) 0 0;
}
#MO260312dressset [class*="__credit--right"]::before {
  content: "right _";
  margin: 0 calc(-15 * var(--formula)) 0 0;
}
#MO260312dressset [class*="__inner--look"] {
  position: relative;
  width: 100%;
  display: grid;
  margin: calc(88 * var(--formula)) 0 0 0;
}
#MO260312dressset [class*="__look1"] {
  grid-area: 1/1;
  align-self: start;
  justify-self: start;
}
#MO260312dressset [class*="__look2"] {
  grid-area: 1/1;
  align-self: end;
  justify-self: end;
}
#MO260312dressset [class*="__look1"],
#MO260312dressset [class*="__look2"] {
  width: min-content;
  position: relative;
}
#MO260312dressset [class*="-img-02"],
#MO260312dressset [class*="-img-03"] {
  position: relative;
  mask-size: contain;
  background: var(--white);
}
#MO260312dressset [class*="__inner--txt"] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#MO260312dressset [class*="sec4__inner--flex-c"] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#MO260312dressset [class*="-txt-02"] {
  z-index: 5;
}
#MO260312dressset [class*="-img-01"] {
  z-index: 1;
}

#MO260312dressset .lp-mv-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  padding: calc(64 * var(--formula)) 0 calc(157 * var(--formula)) 0;
}

#MO260312dressset .mv-area__video {
  width: calc(1080 * var(--formula_pc));
  height: calc(640 * var(--formula_pc));
  position: relative;
  overflow: hidden;
}

/* 動画を横に並べるラッパー */
#MO260312dressset .mv-area__video-inner {
  display: flex;
  width: 100%;
  height: 100%;
}

/* PCでは動画を3分割にする */
#MO260312dressset .mv-area__video-inner video {
  width: 33.3333%;
  height: 100%;
  object-fit: cover; /* 枠に合わせてトリミング。必要に応じて contain に変更してください */
}
#MO260312dressset .video-sound-btn {
  position: absolute;
  bottom: calc(17 * var(--formula));
  right: calc(14 * var(--formula));
  z-index: 10;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  width: calc(40 * var(--formula));
  height: calc(40 * var(--formula));
}

#MO260312dressset .video-sound-btn[data-state="off"] .icon-on {
  display: none;
}
#MO260312dressset .video-sound-btn[data-state="on"] .icon-off {
  display: none;
}

#MO260312dressset .mv-txt-01 {
  width: calc(369 * var(--formula));
  position: relative;
  margin: calc(64 * var(--formula_pc)) 0 calc(47 * var(--formula)) 0;
}

#MO260312dressset .mv-area__txt {
  font-family: var(--yu-gochic);
  color: var(---black);
  font-size: calc(24 * var(--formula));
  line-height: 2.1666;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-medium);
}

#MO260312dressset .lp-main-area {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#MO260312dressset .sec-set {
  width: calc(490 * var(--formula_pc));
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  background-size: 100vw auto;
  background-image: url(../img/pc-bg-01.png);
  background-position: top;
}

#MO260312dressset .sec1 {
  top: calc(100vh - calc(2005 * var(--formula)));
  z-index: 1;
}

#MO260312dressset .sec1__common-txt-01 {
  width: calc(39 * var(--formula));
}

#MO260312dressset .sec1-txt-01 {
  width: calc(23 * var(--formula));
  top: calc(20 * var(--formula));
  right: calc(132 * var(--formula));
}

#MO260312dressset .sec1-img-01 {
  width: calc(195 * var(--formula));
  position: relative;
  left: calc(-1 * var(--formula));
}

#MO260312dressset .sec1-txt-02 {
  width: calc(261 * var(--formula));
  margin: calc(13 * var(--formula)) 0 0 calc(-2 * var(--formula));
}

#MO260312dressset .sec1__inner--look {
  height: calc(1090 * var(--formula));
  margin: calc(88 * var(--formula)) 0 0 0;
}

#MO260312dressset .common-txt-02 {
  width: calc(16.8 * var(--formula));
  position: absolute;
  top: calc(-39 * var(--formula));
  right: calc(17 * var(--formula));
}

#MO260312dressset .sec1-txt-05 {
  width: calc(298 * var(--formula));
  bottom: calc(174 * var(--formula));
  left: calc(51 * var(--formula));
}

#MO260312dressset .sec1-img-02 {
  width: calc(500 * var(--formula));
  left: calc(25 * var(--formula));
  mask-image: url(../img/sec1-img-02.png);
}

#MO260312dressset .sec1-txt-03 {
  width: calc(56 * var(--formula));
  top: 47.8%;
  left: 21.2%;
}

#MO260312dressset .sec1-img-03 {
  width: calc(530 * var(--formula));
  left: calc(70 * var(--formula));
  mask-image: url(../img/sec1-img-03.png);
}

#MO260312dressset .sec1-txt-04 {
  width: calc(39 * var(--formula));
  bottom: 9.6%;
  right: 6.8%;
}

#MO260312dressset .sec1__inner--txt {
  margin: calc(61 * var(--formula)) calc(-5 * var(--formula))
    calc(180 * var(--formula)) 0;
  gap: calc(65 * var(--formula));
}

#MO260312dressset .sec2 {
  top: calc(100vh - calc(1958 * var(--formula)));
  z-index: 2;
}

#MO260312dressset .sec2__common-txt-01 {
  width: calc(39 * var(--formula));
  top: calc(14 * var(--formula));
}

#MO260312dressset .sec2-txt-01 {
  width: calc(28 * var(--formula));
  top: calc(14 * var(--formula));
  right: calc(130 * var(--formula));
}

#MO260312dressset .sec2-img-01 {
  width: calc(195 * var(--formula));
  position: relative;
  right: calc(-17 * var(--formula));
  top: calc(1 * var(--formula));
}

#MO260312dressset .sec2-txt-02 {
  width: calc(298 * var(--formula));
  margin: calc(13 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec2__inner--look {
  height: calc(1082 * var(--formula));
}

#MO260312dressset .sec2-txt-05 {
  width: calc(274 * var(--formula));
  bottom: calc(61 * var(--formula));
  right: calc(60 * var(--formula));
}

#MO260312dressset .sec2__look1 {
  justify-self: end;
}

#MO260312dressset .sec2-img-02 {
  width: calc(510 * var(--formula));
  position: relative;
  left: calc(30 * var(--formula));
  mask-image: url(../img/sec2-img-02.png);
}

#MO260312dressset .sec2-txt-04 {
  width: calc(82 * var(--formula));
  top: 62%;
  right: 7%;
}

#MO260312dressset .sec2__look2 {
  justify-self: start;
}

#MO260312dressset .sec2-img-03 {
  width: calc(550 * var(--formula));
  position: relative;
  left: calc(-15 * var(--formula));
  mask-image: url(../img/sec2-img-03.png);
}

#MO260312dressset .sec2-txt-03 {
  width: calc(44 * var(--formula));
  bottom: 31.5%;
  left: 14.9%;
}

#MO260312dressset .sec2__inner--txt {
  margin: calc(60 * var(--formula)) calc(-6 * var(--formula))
    calc(181 * var(--formula)) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(65 * var(--formula));
}

#MO260312dressset .sec2__flavor-txt::before {
  top: calc(-2 * var(--formula));
  left: calc(16 * var(--formula));
}
#MO260312dressset .sec2__flavor-txt::after {
  top: calc(-2 * var(--formula));
  right: calc(41 * var(--formula));
}

#MO260312dressset .sec3 {
  top: calc(100vh - calc(1989 * var(--formula)));
  z-index: 3;
}

#MO260312dressset .sec3__common-txt-01 {
  width: calc(39 * var(--formula));
  top: calc(12 * var(--formula));
}

#MO260312dressset .sec3-txt-01 {
  width: calc(28 * var(--formula));
  top: calc(13 * var(--formula));
  right: calc(130 * var(--formula));
}

#MO260312dressset .sec3-img-01 {
  width: calc(195 * var(--formula));
  position: relative;
  left: calc(17 * var(--formula));
  top: calc(-1 * var(--formula));
}

#MO260312dressset .sec3-txt-02 {
  width: calc(297 * var(--formula));
  margin: calc(9 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec3__inner--look {
  height: calc(1094 * var(--formula));
  margin: calc(86 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec3-txt-05 {
  width: calc(273 * var(--formula));
  bottom: calc(127 * var(--formula));
  left: calc(50 * var(--formula));
}

#MO260312dressset .sec3-img-02 {
  width: calc(510 * var(--formula));
  top: calc(-20 * var(--formula));
  left: calc(-40 * var(--formula));
  mask-image: url(../img/sec3-img-02.png);
}

#MO260312dressset .sec3-txt-03 {
  width: calc(42 * var(--formula));
  top: 16.5%;
  left: 13%;
}

#MO260312dressset .sec3-img-03 {
  width: calc(530 * var(--formula));
  top: calc(-20 * var(--formula));
  left: calc(45 * var(--formula));
  mask-image: url(../img/sec3-img-03.png);
}

#MO260312dressset .sec3-txt-04 {
  width: calc(110 * var(--formula));
  top: 6.9%;
  right: 7.2%;
}

#MO260312dressset .sec3__inner--txt {
  margin: calc(41 * var(--formula)) 0 calc(183 * var(--formula))
    calc(4 * var(--formula));
  gap: calc(64 * var(--formula));
}

#MO260312dressset .sec3__flavor-txt::before {
  top: calc(-2 * var(--formula));
  left: calc(11 * var(--formula));
}
#MO260312dressset .sec3__flavor-txt::after {
  top: calc(-2 * var(--formula));
  right: calc(33 * var(--formula));
}

#MO260312dressset .sec4 {
  top: calc(100vh - calc(2130 * var(--formula)));
  z-index: 4;
}

#MO260312dressset .sec4__common-txt-01 {
  width: calc(39 * var(--formula));
  top: calc(12 * var(--formula));
}

#MO260312dressset .sec4-txt-01 {
  width: calc(29 * var(--formula));
  top: calc(13 * var(--formula));
  right: calc(130 * var(--formula));
}

#MO260312dressset .sec4__inner--horizontal {
  align-items: start;
  gap: calc(35 * var(--formula));
  margin: 0 0 0 calc(-2 * var(--formula));
}

#MO260312dressset .sec4__inner--flex-c1 {
  gap: calc(14 * var(--formula));
}

#MO260312dressset .sec4-img-01a {
  width: calc(168 * var(--formula));
}

#MO260312dressset .sec4-txt-02a {
  width: calc(227 * var(--formula));
}

#MO260312dressset .sec4__inner--flex-c2 {
  margin: calc(5 * var(--formula)) 0 0 0;
  gap: calc(20 * var(--formula));
}

#MO260312dressset .sec4-img-01b {
  width: calc(159 * var(--formula));
}

#MO260312dressset .sec4-txt-02b {
  width: calc(222 * var(--formula));
}

#MO260312dressset .sec4__inner--look {
  height: calc(1065 * var(--formula));
  margin: calc(90 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec4-txt-05 {
  width: calc(224 * var(--formula));
  bottom: calc(117 * var(--formula));
  right: calc(70 * var(--formula));
}

#MO260312dressset .sec4__look1 {
  justify-self: end;
}

#MO260312dressset .sec4-img-02 {
  width: calc(500 * var(--formula));
  left: calc(50 * var(--formula));
  mask-image: url(../img/sec4-img-02.png);
}

#MO260312dressset .sec4-txt-03 {
  width: calc(53 * var(--formula));
  top: 12.5%;
  right: 56.6%;
}

#MO260312dressset .sec4__look2 {
  justify-self: start;
}

#MO260312dressset .sec4-img-03 {
  width: calc(550 * var(--formula));
  left: calc(-25 * var(--formula));
  mask-image: url(../img/sec4-img-03.png);
}

#MO260312dressset .sec4-txt-04 {
  width: calc(67 * var(--formula));
  top: 18.2%;
  left: 5.5%;
}

#MO260312dressset .sec4__inner--txt {
  margin: calc(61 * var(--formula)) 0 calc(178 * var(--formula))
    calc(5 * var(--formula));
  gap: calc(64 * var(--formula));
}

#MO260312dressset .sec4__flavor-txt::before {
  top: calc(-2 * var(--formula));
  left: calc(20 * var(--formula));
}
#MO260312dressset .sec4__flavor-txt::after {
  top: calc(-2 * var(--formula));
  right: calc(44 * var(--formula));
}

#MO260312dressset .sec5 {
  top: calc(100vh - calc(1980 * var(--formula)));
  z-index: 5;
}

#MO260312dressset .sec5__common-txt-01 {
  width: calc(39 * var(--formula));
  top: calc(15 * var(--formula));
}

#MO260312dressset .sec5-txt-01 {
  width: calc(28 * var(--formula));
  top: calc(15 * var(--formula));
  right: calc(130 * var(--formula));
}

#MO260312dressset .sec5-img-01 {
  width: calc(195 * var(--formula));
  position: relative;
  left: calc(18 * var(--formula));
  top: calc(2 * var(--formula));
}

#MO260312dressset .sec5-txt-02 {
  width: calc(297 * var(--formula));
  margin: calc(-8 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec5__inner--look {
  height: calc(1065 * var(--formula));
  margin: calc(89 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec5-txt-05 {
  width: calc(254 * var(--formula));
  bottom: calc(142 * var(--formula));
  left: calc(65 * var(--formula));
}

#MO260312dressset .sec5-img-02 {
  width: calc(500 * var(--formula));
  mask-image: url(../img/sec5-img-02.png);
  left: 0;
  top: calc(-20 * var(--formula));
}

#MO260312dressset .sec5-txt-03 {
  width: calc(49 * var(--formula));
  top: 21%;
  left: 27.4%;
}

#MO260312dressset .sec5-img-03 {
  width: calc(540 * var(--formula));
  mask-image: url(../img/sec5-img-03.png);
  left: calc(110 * var(--formula));
}

#MO260312dressset .sec5-txt-04 {
  width: calc(63 * var(--formula));
  bottom: 33%;
  right: 6.1%;
}

#MO260312dressset .sec5__inner--txt {
  margin: calc(61 * var(--formula)) 0 calc(181 * var(--formula))
    calc(5 * var(--formula));
  gap: calc(65 * var(--formula));
}

#MO260312dressset .sec5__flavor-txt::before {
  top: calc(-2 * var(--formula));
  left: calc(20 * var(--formula));
}
#MO260312dressset .sec5__flavor-txt::after {
  top: calc(-2 * var(--formula));
  right: calc(35 * var(--formula));
}

#MO260312dressset .sec6 {
  z-index: 6;
}

#MO260312dressset .sec6__common-txt-01 {
  width: calc(39 * var(--formula));
  top: calc(13 * var(--formula));
}

#MO260312dressset .sec6-txt-01 {
  width: calc(28 * var(--formula));
  top: calc(13 * var(--formula));
  right: calc(130 * var(--formula));
}

#MO260312dressset .sec6-img-01 {
  width: calc(195 * var(--formula));
  position: relative;
  left: calc(-7 * var(--formula));
  top: calc(-1 * var(--formula));
}

#MO260312dressset .sec6-txt-02 {
  width: calc(247 * var(--formula));
  margin: calc(11 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec6__inner--look {
  height: calc(1065 * var(--formula));
  margin: calc(87 * var(--formula)) 0 0 0;
}

#MO260312dressset .sec6-txt-05 {
  width: calc(251 * var(--formula));
  bottom: calc(87 * var(--formula));
  right: calc(51 * var(--formula));
}

#MO260312dressset .sec6__look1 {
  align-self: start;
  justify-self: end;
  top: calc(-20 * var(--formula));
  left: calc(80 * var(--formula));
}

#MO260312dressset .sec6-img-02 {
  width: calc(500 * var(--formula));
  mask-image: url(../img/sec6-img-02.png);
}

#MO260312dressset .sec6-txt-03 {
  width: calc(53 * var(--formula));
  top: 23%;
  right: 68.5%;
}

#MO260312dressset .sec6__look2 {
  justify-self: start;
}

#MO260312dressset .sec6-img-03 {
  width: calc(530 * var(--formula));
  mask-image: url(../img/sec6-img-03.png);
}

#MO260312dressset .sec6-txt-04 {
  width: calc(34 * var(--formula));
  bottom: 20.2%;
  left: 21.1%;
}

#MO260312dressset .sec6__inner--txt {
  margin: calc(61 * var(--formula)) 0 0 calc(5 * var(--formula));
  gap: calc(64 * var(--formula));
}

#MO260312dressset .sec6__flavor-txt {
}
#MO260312dressset .sec6__flavor-txt::before {
  top: calc(-2 * var(--formula));
  left: calc(13 * var(--formula));
}
#MO260312dressset .sec6__flavor-txt::after {
  top: calc(-2 * var(--formula));
  right: calc(33 * var(--formula));
}

#MO260312dressset .lp-footer {
  padding: calc(207 * var(--formula)) 0 calc(208 * var(--formula)) 0;
  z-index: 6;
}

#MO260312dressset .footer-txt-01 {
  width: calc(284 * var(--formula));
  position: relative;
}

#MO260312dressset #footer-slide {
  margin: calc(42 * var(--formula)) 0 calc(124 * var(--formula)) 0;
  width: calc(470 * var(--formula));
}

#MO260312dressset .splide__slide {
  width: calc(170 * var(--formula));
}

#MO260312dressset .footer-txt-02 {
  width: calc(59 * var(--formula));
}

#MO260312dressset .footer-txt-03 {
  width: calc(568 * var(--formula));
  position: relative;
  margin: calc(39 * var(--formula)) 0 0 0;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation
//////////////////////////////////////////////////////////////////////////////////////////
*/
#MO260312dressset .char-path {
  transform: translateX(100%);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--delay);
}
#MO260312dressset .animate-item.is-visible .char-path {
  transform: translateX(0);
}
/* --- 共通：マスク用rectの設定 --- */
#MO260312dressset .reveal-mask-rect {
  transform-box: fill-box;
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

#MO260312dressset .reveal-v.reveal-tb .reveal-mask-rect {
  transform-origin: top;
  transform: scaleY(0);
}

#MO260312dressset .reveal-v.reveal-bt .reveal-mask-rect {
  transform-origin: bottom;
  transform: scaleY(0);
}

#MO260312dressset .reveal-h .reveal-mask-rect {
  transform: scaleX(0);
  transform-origin: left;
}
#MO260312dressset .animate-item.is-visible .reveal-mask-rect {
  transform: scaleY(1) scaleX(1);
}

#MO260312dressset .wipe-right {
  transition: all 0.6s ease;
  clip-path: inset(0 100% 0 0);
}
#MO260312dressset .is-visible.wipe-right {
  clip-path: inset(0 0 0 0);
}

#MO260312dressset .wipe-down {
  transition: all 0.6s ease;
  clip-path: inset(0 0 100% 0);
}
#MO260312dressset .is-visible.wipe-down {
  clip-path: inset(0 0 0% 0);
}
#MO260312dressset .fade-in {
  transition: all 1.2s ease;
  opacity: 0;
}
#MO260312dressset .is-visible.fade-in {
  opacity: 1;
}

/* --- 下から上へワイプして現れる設定 --- */
#MO260312dressset .wipe-up {
  transition: all 0.6s ease;
  clip-path: inset(100% 0 0 0);
}

#MO260312dressset .is-visible.wipe-up {
  clip-path: inset(0% 0 0 0);
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
media query
//////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 767px) {
  #MO260312dressset {
    background-image: url(../img/sp-bg-01.png);
    background-repeat: repeat;
  }
  #MO260312dressset .mv-area__video {
    width: calc(648 * var(--formula_pc));
    height: calc(1152 * var(--formula_pc));
    position: relative;
    overflow: hidden;
  }
  /* SPでは2つ目・3つ目の動画を非表示にする */
  #MO260312dressset .pc-only {
    display: none;
  }

  /* SPでは1つの動画を全幅にする */
  #MO260312dressset .mv-area__video-inner video {
    width: 100%;
  }
  #MO260312dressset .sec-set {
    width: 100%;
    background-size: 100% auto;
    background-image: url(../img/sp-bg-01.png);
    background-position: top;
  }
  .footer {
    padding-top: 0;
    margin-top: calc(-110 * (100vw / 750));
  }
  #MO260312dressset .video-sound-btn {
    bottom: calc(20 * var(--formula));
    right: calc(20 * var(--formula));
    width: calc(45 * var(--formula));
    height: calc(45 * var(--formula));
  }
}
@media (min-width: 1401px) {
  #MO260312dressset {
    background-repeat: repeat;
    background-size: 1400px auto;
  }
  #MO260312dressset .sec-set {
    background-repeat: repeat;
    background-size: 1400px auto;
  }
}