@charset "UTF-8";
:root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}

.mv-ctn {
  position: relative;
  background: url("../img/kv/bg_sm.webp") no-repeat center/contain;
}
.mv-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.mv-ctn .logo-box > .logo {
  display: block;
}
.mv-ctn .logo-box > .logo.-dress {
  width: 85.6vw;
}
@media (min-width: 768px) {
  .mv-ctn .logo-box > .logo.-dress {
    width: clamp(300.1736111111px, 475px, 32.9861111111vw);
  }
}
.mv-ctn .logo-box > .logo.-strings {
  margin: 0.5333333333vw auto 0;
  width: 54.9333333333vw;
}
@media (min-width: 768px) {
  .mv-ctn .logo-box > .logo.-strings {
    margin: clamp(7.5833333333px, 12px, 0.8333333333vw) auto 0;
    width: clamp(168.0972222222px, 266px, 18.4722222222vw);

    translate: clamp(-28px, -1.9444444444vw, -17.6944444444px);
  }
}
@media (min-width: 768px) {
  .mv-ctn {
    background: url("../img/kv/bg_lg.webp") no-repeat center/auto 100%;
  }
}
.mv-ctn > .logo-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% - 0.5333333333vw), calc(-50% + 33.6vw));
}
@media (min-width: 768px) {
  .mv-ctn > .logo-box {
    top: 50%;
    left: clamp(106.1666666667px, 168px, 11.6666666667vw);
    transform: translateY(calc(-50% + clamp(9.4791666667px, 15px, 1.0416666667vw)));
  }
}
@media (min-width: 1600px) {
  .mv-ctn > .logo-box {
    translate: translateY(calc(-50% + 0.9375vw));
  }
}

.lead-ctn {
  background: url("../img/lead/bg_sm.webp") no-repeat 0 8vw/contain;
}
@media (min-width: 768px) {
  .lead-ctn {
    background: url("../img/lead/bg_lg.webp") no-repeat center/auto 100%;
  }
}
.lead-ctn > .txt {
  transition: opacity 1.2s var(--base-easing), filter 1.2s var(--base-easing), scale 1.2s var(--base-easing);
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 2.2;
}
@media (min-width: 768px) {
  .lead-ctn > .txt {
    text-align: center;
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
.lead-ctn > .txt:not(.-anim) {
  opacity: 0;

  filter: blur(6px);
  scale: 1.14;
}

.style-ctn {
  position: relative;
  background: url("../img/style/bg_sm.webp") no-repeat center/cover;
}
.style-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.style-ctn .anchor-body > .txt {
  text-align: center;
  font-size: 2.1333333333vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .style-ctn .anchor-body > .txt {
    font-size: clamp(6.3194444444px, 10px, 0.6944444444vw);
  }
}
.style-ctn .anchor-body > .icon {
  display: block;
  position: relative;
  margin: 0 auto;
  border-radius: 50vw;
  width: 2.6666666667vw;
  background-color: color-mix(in srgb, var(--color-gold-01), transparent 20%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .style-ctn .anchor-body > .icon {
    margin: clamp(1.2638888889px, 2px, 0.1388888889vw) auto 0;
    width: clamp(8.8472222222px, 14px, 0.9722222222vw);
  }
}
.style-ctn .anchor-body > .icon::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: url(../img/common/icon_slider_arrow.svg) no-repeat center/contain;

  inset: 0;
  rotate: 90deg;
}
.style-ctn .anchor-box {
  display: block;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-hover-easing);
  background-color: var(--color-white-01);
  color: var(--color-black);
  box-shadow: 0 1.0666666667vw 1.6vw 0 rgba(0, 0, 0, 0.06);
  line-height: 1;
}
@media (min-width: 768px) {
  .style-ctn .anchor-box {
    box-shadow: 0 clamp(2.5277777778px, 4px, 0.2777777778vw) clamp(3.7916666667px, 6px, 0.4166666667vw) 0 rgba(0, 0, 0, 0.06);
  }
}
.style-ctn .anchor-box > .anchor-body {
  padding: 0.8vw 0;
}
@media (min-width: 768px) {
  .style-ctn .anchor-box > .anchor-body {
    padding: clamp(1.8958333333px, 3px, 0.2083333333vw) 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .style-ctn .anchor-box:hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-hover-easing);
  }
  .style-ctn .anchor-box:hover .img {
    transition: scale var(--base-duration) var(--base-hover-easing);

    scale: 1.07;
  }
}
.style-ctn .img-box {
  overflow: hidden;
}
.style-ctn .img-box > .img {
  transition: scale calc(var(--base-duration) - 0.1s) var(--base-hover-easing);
  transform-origin: bottom center;

  will-change: scale;
  backface-visibility: hidden;
}
.style-ctn .ttl-box > .svg {
  display: block;
  margin: 0 auto;
  width: 60.5333333333vw;

  translate: 5.0666666667vw;
}
@media (min-width: 768px) {
  .style-ctn .ttl-box > .svg {
    width: clamp(241.4027777778px, 382px, 26.5277777778vw);

    translate: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.style-ctn .ttl-box > .txt {
  display: block;
  margin-top: -1.3333333333vw;
  text-align: center;
  font-size: 4.2666666667vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .style-ctn .ttl-box > .txt {
    margin-top: clamp(-20px, -1.3888888889vw, -12.6388888889px);
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
@media (min-width: 768px) {
  .style-ctn {
    background: url("../img/style/bg_lg.webp") no-repeat center/1920px auto;
  }
}
@media (min-width: 1920px) {
  .style-ctn {
    background-size: cover;
  }
}
.style-ctn > .style {
  text-transform: uppercase;
  font-family: "linotype-didot", serif;
  font-size: 5.3333333333vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .style-ctn > .style {
    font-size: clamp(20.2222222222px, 32px, 2.2222222222vw);
  }
}
.style-ctn > .style.-sweet {
  position: absolute;
  top: 50.6666666667vw;
  left: 50%;
  transform: translateX(calc(-50% - 32.5333333333vw));
}
@media (min-width: 768px) {
  .style-ctn > .style.-sweet {
    top: clamp(154.1944444444px, 244px, 16.9444444444vw);
    transform: translateX(calc(-50% - clamp(187.6875px, 297px, 20.625vw)));
  }
}
.style-ctn > .style.-stylish {
  position: absolute;
  top: 50.6666666667vw;
  left: 50%;
  transform: translateX(calc(-50% + 30.4vw));
}
@media (min-width: 768px) {
  .style-ctn > .style.-stylish {
    top: clamp(154.1944444444px, 244px, 16.9444444444vw);
    transform: translateX(calc(-50% + clamp(185.7916666667px, 294px, 20.4166666667vw)));
  }
}
.style-ctn > .price {
  position: absolute;
  top: 50.9333333333vw;
  left: 50%;
  width: 25.0666666667vw;
  transform: translateX(calc(-50% + 0.8vw));
}
@media (min-width: 768px) {
  .style-ctn > .price {
    top: clamp(159.25px, 252px, 17.5vw);
    width: clamp(78.3611111111px, 124px, 8.6111111111vw);
    transform: translateX(calc(-50% + clamp(1.8958333333px, 3px, 0.2083333333vw)));
  }
}
.style-ctn > .andmore {
  position: absolute;
  right: 5.8666666667vw;
  bottom: 11.2vw;
  width: 20.5333333333vw;
}
@media (min-width: 768px) {
  .style-ctn > .andmore {
    right: auto;
    bottom: clamp(47.3958333333px, 75px, 5.2083333333vw);
    left: 50%;
    width: clamp(59.4027777778px, 94px, 6.5277777778vw);
    transform: translateX(calc(-50% + clamp(221.1805555556px, 350px, 24.3055555556vw)));
  }
}
.style-ctn > .anchor-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20vw;
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box {
    width: clamp(66.9861111111px, 106px, 7.3611111111vw);
  }
}
.style-ctn > .anchor-box.-thehany {
  transform: translate(calc(-50% - 31.2vw), calc(-50% - 24vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-thehany {
    transform: translate(calc(-50% - clamp(183.2638888889px, 290px, 20.1388888889vw)), calc(-50% - clamp(61.9305555556px, 98px, 6.8055555556vw)));
  }
}
.style-ctn > .anchor-box.-yumikatsura {
  transform: translate(calc(-50% - 8vw), calc(-50% - 44.2666666667vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-yumikatsura {
    transform: translate(calc(-50% - clamp(80.8888888889px, 128px, 8.8888888889vw)), calc(-50% - clamp(112.4861111111px, 178px, 12.3611111111vw)));
  }
}
.style-ctn > .anchor-box.-antonioriva {
  transform: translate(calc(-50% + 22.9333333333vw), calc(-50% - 38.9333333333vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-antonioriva {
    transform: translate(calc(-50% + clamp(84.0486111111px, 133px, 9.2361111111vw)), calc(-50% - clamp(101.1111111111px, 160px, 11.1111111111vw)));
  }
}
.style-ctn > .anchor-box.-disney {
  transform: translate(calc(-50% - 35.7333333333vw), calc(-50% + 45.8666666667vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-disney {
    transform: translate(calc(-50% - clamp(284.375px, 450px, 31.25vw)), calc(-50% + clamp(130.1805555556px, 206px, 14.3055555556vw)));
  }
}
.style-ctn > .anchor-box.-pronovias {
  transform: translate(calc(-50% + 1.0666666667vw), calc(-50% - 9.0666666667vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-pronovias {
    transform: translate(calc(-50% - clamp(7.5833333333px, 12px, 0.8333333333vw)), calc(-50% - clamp(24.6458333333px, 39px, 2.7083333333vw)));
  }
}
.style-ctn > .anchor-box.-naeemkhan {
  transform: translate(calc(-50% + 30.4vw), calc(-50% - 2.4vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-naeemkhan {
    transform: translate(calc(-50% + clamp(151.0347222222px, 239px, 16.5972222222vw)), calc(-50% + clamp(12.6388888889px, 20px, 1.3888888889vw)));
  }
}
.style-ctn > .anchor-box.-lihihod {
  transform: translate(calc(-50% - 31.4666666667vw), calc(-50% + 13.6vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-lihihod {
    transform: translate(calc(-50% - clamp(183.2638888889px, 290px, 20.1388888889vw)), calc(-50% + clamp(80.8888888889px, 128px, 8.8888888889vw)));
  }
}
.style-ctn > .anchor-box.-destinyline {
  transform: translate(calc(-50% + 1.0666666667vw), calc(-50% + 94.1333333333vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-destinyline {
    transform: translate(calc(-50% - clamp(7.5833333333px, 12px, 0.8333333333vw)), calc(-50% + clamp(273px, 432px, 30vw)));
  }
}
.style-ctn > .anchor-box.-kellyfaetanini {
  transform: translate(calc(-50% + 6.4vw), calc(-50% + 43.4666666667vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-kellyfaetanini {
    transform: translate(calc(-50% + clamp(64.4583333333px, 102px, 7.0833333333vw)), calc(-50% + clamp(139.0277777778px, 220px, 15.2777777778vw)));
  }
}
.style-ctn > .anchor-box.-elisabettapolignano {
  transform: translate(calc(-50% + 35.2vw), calc(-50% + 36.8vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-elisabettapolignano {
    transform: translate(calc(-50% + clamp(192.1111111111px, 304px, 21.1111111111vw)), calc(-50% + clamp(127.6527777778px, 202px, 14.0277777778vw)));
  }
}
.style-ctn > .anchor-box.-luisa {
  transform: translate(calc(-50% - 22.6666666667vw), calc(-50% + 78.9333333333vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-luisa {
    transform: translate(calc(-50% - clamp(135.8680555556px, 215px, 14.9305555556vw)), calc(-50% + clamp(247.7222222222px, 392px, 27.2222222222vw)));
  }
}
.style-ctn > .anchor-box.-nicolemilano {
  transform: translate(calc(-50% + 25.0666666667vw), calc(-50% + 81.3333333333vw));
}
@media (min-width: 768px) {
  .style-ctn > .anchor-box.-nicolemilano {
    transform: translate(calc(-50% + clamp(112.4861111111px, 178px, 12.3611111111vw)), calc(-50% + clamp(247.7222222222px, 392px, 27.2222222222vw)));
  }
}

.brand-ctn {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: linear-gradient(#fffdf8 80%, var(--color-gold-03) 100%);
}
.brand-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.brand-ctn .accordion-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-easing);

  gap: 1.8666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn .accordion-btn {
    gap: clamp(5.0555555556px, 8px, 0.5555555556vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .brand-ctn .accordion-btn:hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-easing);
  }
}
.brand-ctn .accordion-btn > .txt {
  font-family: "linotype-didot", serif;
  font-size: 4.2666666667vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .brand-ctn .accordion-btn > .txt {
    font-size: clamp(10.1111111111px, 16px, 1.1111111111vw);
  }
}
.brand-ctn .accordion-btn > .icon {
  display: block;
  position: relative;
  border-radius: 50vw;
  width: 4.8vw;
  background-color: color-mix(in srgb, var(--color-gold-01), transparent 30%);

  aspect-ratio: 1;
}
.brand-ctn .-pink .accordion-btn > .icon {
  background-color: color-mix(in srgb, var(--color-pink-01), transparent 30%);
}
@media (min-width: 768px) {
  .brand-ctn .accordion-btn > .icon {
    width: clamp(11.375px, 18px, 1.25vw);
  }
}
.brand-ctn .accordion-btn > .icon::before,
.brand-ctn .accordion-btn > .icon::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  width: 40%;
  height: 1px;
  transform-origin: 50%;
  background-color: var(--color-white-01);

  inset: 0;
}
.brand-ctn .accordion-btn > .icon::after {
  transition: rotate 0.3s ease;

  rotate: -90deg;
}
.brand-ctn .brand-accordion.-opened .accordion-btn > .icon::after {
  rotate: 0deg;
}
.brand-ctn .accordion-txt {
  overflow: hidden;
  position: relative;
}
.brand-ctn .accordion-txt::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: color-mix(in srgb, var(--color-gold-01), transparent 60%);
}
.brand-ctn .-pink .accordion-txt::after {
  background-color: color-mix(in srgb, var(--color-pink-02), transparent 60%);
}
.brand-ctn .accordion-txt > .txt {
  padding-bottom: 2.1333333333vw;
  transition: opacity 0.3s;
  font-size: 3.7333333333vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .brand-ctn .accordion-txt > .txt {
    padding-bottom: clamp(5.0555555556px, 8px, 0.5555555556vw);
    font-size: clamp(8.8472222222px, 14px, 0.9722222222vw);
  }
}
.brand-ctn .accordion-txt > .txt.-off {
  position: absolute;
  top: 0;
  background: linear-gradient(0deg, #d9d9d9 36%, #333 100%) no-repeat top center/100% 31.4666666667vw;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .brand-ctn .accordion-txt > .txt.-off {
    background: linear-gradient(0deg, #d9d9d9 86%, #333 100%) no-repeat top center/100% 31.4666666667vw;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.brand-ctn .brand-accordion.-opened .accordion-txt > .txt.-off {
  opacity: 0;
}
.brand-ctn .accordion-txt > .txt.-on {
  opacity: 0;
}
.brand-ctn .brand-accordion.-opened .accordion-txt > .txt.-on {
  opacity: 1;
}
.brand-ctn .box-heading {
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
@media (min-width: 768px) {
  .brand-ctn .box-heading {
    align-self: flex-end;

    grid-area: brandBoxHeading;
  }
}
.brand-ctn .box-heading > .box-ttl {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.brand-ctn .box-ttl {
  position: relative;
}
.brand-ctn .box-ttl > .icon {
  position: absolute;
  top: -18.6666666667vw;
  right: -15.2vw;
  width: 21.0666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn .box-ttl > .icon {
    top: clamp(-103px, -7.1527777778vw, -65.0902777778px);
    right: clamp(-92px, -6.3888888889vw, -58.1388888889px);
    width: clamp(72.0416666667px, 114px, 7.9166666667vw);
    transition: opacity var(--base-duration) var(--base-easing);
    transition-delay: var(--base-duration);
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-block:not(.-anim) .box-ttl > .icon {
    opacity: 0;
  }
}
.brand-ctn .box-ttl > .ttl.-en {
  text-align: center;
  letter-spacing: 1.4px;
  font-family: "linotype-didot", serif;
  font-size: 7.4666666667vw;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .brand-ctn .box-ttl > .ttl.-en {
    font-size: clamp(22.75px, 36px, 2.5vw);
  }
}
.brand-ctn .box-ttl > .ttl.-ja {
  text-align: center;
  font-size: 3.7333333333vw;
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .brand-ctn .box-ttl > .ttl.-ja {
    margin-top: 1.0666666667vw;
  }
}
@media (min-width: 768px) {
  .brand-ctn .box-ttl > .ttl.-ja {
    font-size: clamp(10.1111111111px, 16px, 1.1111111111vw);
  }
}
.brand-ctn .box-ttl > .country {
  margin-top: 1.3333333333vw;
  text-align: center;
  font-size: 3.4666666667vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .brand-ctn .box-ttl > .country {
    margin-top: clamp(5.0555555556px, 8px, 0.5555555556vw);
    font-size: clamp(8.8472222222px, 14px, 0.9722222222vw);
  }
}
.brand-ctn .box-ttl > .deco {
  margin: 1.8666666667vw auto 0;
  width: 25.3333333333vw;
}
@media (min-width: 768px) {
  .brand-ctn .box-ttl > .deco {
    margin: clamp(9.4791666667px, 15px, 1.0416666667vw) auto 0;
    width: clamp(69.5138888889px, 110px, 7.6388888889vw);
  }
}
.brand-ctn .brand-accordion {
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
@media (max-width: 767.98px) {
  .brand-ctn .brand-box:not(:last-child) .brand-accordion {
    background-color: var(--color-beige-01);
  }
}
.brand-ctn .brand-accordion > .accordion-txt {
  height: 23.4666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn .brand-accordion > .accordion-txt {
    height: clamp(54.3472222222px, 86px, 5.9722222222vw);
  }
}
.brand-ctn .brand-accordion > .accordion-btn {
  margin: 1.8666666667vw auto 0;
  min-width: auto;
}
@media (min-width: 768px) {
  .brand-ctn .brand-accordion > .accordion-btn {
    margin: clamp(5.0555555556px, 8px, 0.5555555556vw) auto 0;
  }
}
.brand-ctn .brand-arrows {
  display: flex;
  pointer-events: none;

  gap: 59.7333333333vw;
}
@media (min-width: 768px) {
  .brand-ctn .brand-arrows {
    gap: clamp(180.7361111111px, 286px, 19.8611111111vw);
  }
}
.brand-ctn .brand-arrows > .arrow {
  position: relative;
  border-radius: 50vw;
  width: 8vw;
  min-height: unset;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-hover-easing);
  background-color: color-mix(in srgb, var(--color-gold-01), transparent 20%);
  pointer-events: all;

  aspect-ratio: 1;
}
.brand-ctn .-pink .brand-arrows > .arrow {
  background-color: color-mix(in srgb, var(--color-pink-01), transparent 20%);
}
@media (min-width: 768px) {
  .brand-ctn .brand-arrows > .arrow {
    width: clamp(26.5416666667px, 42px, 2.9166666667vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .brand-ctn .brand-arrows > .arrow:not([disabled]):not(.-disabled):hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-hover-easing);
  }
}
.brand-ctn .brand-arrows > .arrow.-prev::before {
  rotate: 180deg;
}
@media (min-width: 768px) {
  .brand-ctn .brand-box:nth-of-type(even) .brand-arrows > .arrow.-prev::before {
    rotate: 0deg;
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-box:nth-of-type(even) .brand-arrows > .arrow.-next {
    rotate: 180deg;
  }
}
.brand-ctn .brand-arrows > .arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: url(../img/common/icon_slider_arrow.svg) no-repeat center/contain;

  inset: 0;
}
.brand-ctn .brand-arrows > .arrow svg {
  display: none;
}
@media (min-width: 768px) {
  .brand-ctn .brand-block {
    display: grid;

    gap: clamp(17.6944444444px, 28px, 1.9444444444vw) clamp(34.125px, 54px, 3.75vw);
    grid-template-rows: clamp(152.9305555556px, 242px, 16.8055555556vw) auto;
  }
  .brand-ctn .brand-box:nth-of-type(odd) .brand-block {
    grid-template-areas: "brandBoxHeading brandSlider" "brandAccordion brandSlider";
    grid-template-columns: clamp(298.2777777778px, 472px, 32.7777777778vw) clamp(604.1388888889px, 956px, 66.3888888889vw);
  }
  .brand-ctn .brand-box:nth-of-type(even) .brand-block {
    justify-content: flex-end;

    grid-template-areas: "brandSlider brandBoxHeading" "brandSlider brandAccordion";
    grid-template-columns: clamp(604.1388888889px, 956px, 66.3888888889vw) clamp(298.2777777778px, 472px, 32.7777777778vw);
  }
}
.brand-ctn .brand-block > .brand-accordion {
  margin: 10.1333333333vw auto 0;
  padding: 0 7.2vw;
}
@media (min-width: 768px) {
  .brand-ctn .brand-block > .brand-accordion {
    align-self: flex-start;
    margin: 0 auto;
    padding: 0;

    grid-area: brandAccordion;
  }
}
.brand-ctn .brand-block:not(.-anim) > .box-heading {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn .brand-block:not(.-anim) > .box-heading {
    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.brand-ctn .brand-block:not(.-anim) > .brand-accordion {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn .brand-block:not(.-anim) > .brand-accordion {
    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.brand-ctn .brand-box {
  position: relative;
}
@media (min-width: 768px) {
  .brand-ctn .brand-box {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .brand-box:nth-of-type(1) {
    position: static;
  }
}
.brand-ctn .brand-box > .bg {
  position: absolute;
  z-index: -1;
  top: 0;
}
@media (min-width: 768px) {
  .brand-ctn .brand-box > .bg {
    top: clamp(-12px, -0.8333333333vw, -7.5833333333px);
    width: clamp(1213.3333333333px, 1920px, 133.3333333333vw);
  }
  .brand-ctn .brand-box:nth-of-type(odd) > .bg {
    left: 50%;
    transform: translateX(-50%);
  }
  .brand-ctn .brand-box:nth-of-type(even) > .bg {
    left: 50%;
    transform: translateX(-50%);
  }
}
.brand-ctn .brand-box:nth-of-type(1) > .bg {
  top: 0;
}
@media (min-width: 768px) {
  .brand-ctn .brand-box:nth-of-type(1) > .bg {
    top: clamp(-212px, -14.7222222222vw, -133.9722222222px);
  }
}
.brand-ctn .brand-pagination {
  display: flex;
  justify-content: center;

  gap: 1.6vw;
}
@media (min-width: 768px) {
  .brand-ctn .brand-pagination {
    gap: clamp(3.7916666667px, 6px, 0.4166666667vw);
  }
  .brand-ctn .splide:not(.is-overflow) .brand-pagination {
    display: flex;
  }
}
.brand-ctn .brand-pagination > li {
  display: grid;
}
.brand-ctn .brand-pagination .pagination-page {
  border-radius: 50vw;
  width: 1.6vw;
  min-height: unset;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-easing);
  background-color: var(--color-gold-01);

  aspect-ratio: 1;
}
.brand-ctn .-pink .brand-pagination .pagination-page {
  background-color: var(--color-pink-01);
}
@media (min-width: 768px) {
  .brand-ctn .brand-pagination .pagination-page {
    width: 4px;
  }
}
@media (min-width: 1100px) {
  .brand-ctn .brand-pagination .pagination-page {
    width: 5px;
  }
}
@media (min-width: 1440px) {
  .brand-ctn .brand-pagination .pagination-page {
    width: 6px;
  }
}
.brand-ctn .brand-pagination .pagination-page:not(.is-active) {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .brand-ctn .brand-pagination .pagination-page:hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-easing);
  }
}
.brand-ctn .brand-slider {
  position: relative;
}
@media (min-width: 768px) {
  .brand-ctn .brand-slider {
    grid-area: brandSlider;
  }
}
.brand-ctn .brand-slider > .brand-arrows {
  position: absolute;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .brand-ctn .brand-slider > .brand-arrows {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-slider > .brand-arrows {
    top: clamp(142.8194444444px, 226px, 15.6944444444vw);
  }
  .brand-ctn .brand-box:nth-of-type(odd) .brand-slider > .brand-arrows {
    left: clamp(-20px, -1.3888888889vw, -12.6388888889px);
  }
  .brand-ctn .brand-box:nth-of-type(even) .brand-slider > .brand-arrows {
    right: clamp(-20px, -1.3888888889vw, -12.6388888889px);
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .brand-slider > .slider-track {
    padding: 6.4vw 0 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-slider > .brand-pagination {
    margin-top: clamp(12.6388888889px, 20px, 1.3888888889vw);
    width: clamp(207.2777777778px, 328px, 22.7777777778vw);
  }
}
.brand-ctn .slide-box {
  border: 1px solid var(--color-gold-04);
  transition: scale 0.7s cubic-bezier(0.25, 0.1, 0.25, 1), translate var(--base-duration) var(--base-easing);
  transform-origin: bottom center;
}
.brand-ctn .-pink .slide-box {
  border-color: var(--color-pink-02);
}
.brand-ctn .slider-slide:not(.is-active) .slide-box {
  scale: 0.8638132296;
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:not(.is-active) .slide-box {
    scale: 0.8658536585;
  }
}
.brand-ctn .slide-box > .img {
  position: relative;
}
.brand-ctn .slide-box > .img::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 1;
  margin: 0;
  transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
  background: var(--color-white-01);

  inset: 0;
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-slide:not(.is-active) .slide-box > .img::before {
    opacity: 0.7;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:not(.is-active):not(.is-prev) .slide-box > .img::before {
    opacity: 0.7;
  }
}
@media (min-width: 768px) {
  .brand-ctn .-tofirst .slider-slide.-nextactive .slide-box > .img::before {
    opacity: 0.7;
  }
  .brand-ctn .-tolast:not(.-two) .slider-slide.-nextactive .slide-box > .img::before {
    opacity: 0;
  }
  .brand-ctn .-tofirst .slider-slide.-beforenextactive .slide-box > .img::before {
    opacity: 0;
  }
  .brand-ctn .-tolast.-two .slider-slide.-afternextactive .slide-box > .img::before {
    opacity: 0;
  }
}
.brand-ctn .slider-slide {
  position: relative;
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-slide.is-prev {
    transition-delay: 0.1s;
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-slide.is-active {
    transition-delay: 0.2s;
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-slide.is-next {
    transition-delay: 0.3s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-box:nth-of-type(odd) .slider-slide.is-next + .slider-slide > .slide-box {
    translate: clamp(-22px, -1.5277777778vw, -13.9027777778px);
  }
  .brand-ctn .brand-box:nth-of-type(even) .slider-slide.is-next + .slider-slide > .slide-box {
    translate: clamp(13.9027777778px, 22px, 1.5277777778vw);
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-box:nth-of-type(odd) .slider-slide.is-next + .slider-slide + .slider-slide > .slide-box {
    translate: clamp(-44px, -3.0555555556vw, -27.8055555556px);
  }
  .brand-ctn .brand-box:nth-of-type(even) .slider-slide.is-next + .slider-slide + .slider-slide > .slide-box {
    translate: clamp(27.8055555556px, 44px, 3.0555555556vw);
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide.is-next + .is-active > .slide-box {
    scale: 0.8658536585 !important;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(1) {
    transition-delay: 0.1s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(2) {
    transition-delay: 0.2s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(3) {
    transition-delay: 0.3s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(4) {
    transition-delay: 0.4s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(5) {
    transition-delay: 0.5s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(6) {
    transition-delay: 0.6s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(7) {
    transition-delay: 0.7s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(8) {
    transition-delay: 0.8s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(9) {
    transition-delay: 0.9s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(10) {
    transition-delay: 1s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(11) {
    transition-delay: 1.1s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(12) {
    transition-delay: 1.2s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(13) {
    transition-delay: 1.3s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(14) {
    transition-delay: 1.4s;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide:nth-of-type(15) {
    transition-delay: 1.5s;
  }
}
.brand-ctn .slider-slide > .slide-box {
  padding: 0.5333333333vw;
}
@media (min-width: 768px) {
  .brand-ctn .slider-slide > .slide-box {
    padding: clamp(2.5277777778px, 4px, 0.2777777778vw);
  }
}
@media (min-width: 768px) {
  .brand-ctn .-ltr.-tofirst .slider-slide.-beforenextactive > .slide-box {
    translate: clamp(212.3333333333px, 336px, 23.3333333333vw) !important;
    scale: 1 !important;
  }
  .brand-ctn .-rtl.-tofirst .slider-slide.-beforenextactive > .slide-box {
    translate: clamp(-336px, -23.3333333333vw, -212.3333333333px) !important;
    scale: 1 !important;
  }
  .brand-ctn .-ltr.-tofirst .slider-slide.-afternextactive > .slide-box {
    translate: clamp(198.4305555556px, 314px, 21.8055555556vw) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-rtl.-tofirst .slider-slide.-afternextactive > .slide-box {
    translate: clamp(-314px, -21.8055555556vw, -198.4305555556px) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-ltr.-tofirst .slider-slide.-nextactive > .slide-box {
    translate: clamp(212.3333333333px, 336px, 23.3333333333vw) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-rtl.-tofirst .slider-slide.-nextactive > .slide-box {
    translate: clamp(-336px, -23.3333333333vw, -212.3333333333px) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-ltr.-tofirst .slider-slide.-afternextactive02 > .slide-box {
    translate: clamp(193.375px, 306px, 21.25vw) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-rtl.-tofirst .slider-slide.-afternextactive02 > .slide-box {
    translate: clamp(-306px, -21.25vw, -193.375px) !important;
    scale: 0.8658536585 !important;
  }
}
@media (min-width: 768px) {
  .brand-ctn .-ltr.-tolast .slider-slide.-nextactive > .slide-box {
    translate: clamp(-336px, -23.3333333333vw, -212.3333333333px) !important;
    scale: 1 !important;
  }
  .brand-ctn .-rtl.-tolast .slider-slide.-nextactive > .slide-box {
    translate: clamp(212.3333333333px, 336px, 23.3333333333vw) !important;
    scale: 1 !important;
  }
  .brand-ctn .-ltr.-tolast .slider-slide.-beforenextactive > .slide-box,
  .brand-ctn .-ltr.-tolast .slider-slide.-afternextactive02 > .slide-box,
  .brand-ctn .-ltr.-tolast .slider-slide.-afternextactive02 + .slider-slide > .slide-box {
    translate: clamp(-336px, -23.3333333333vw, -212.3333333333px) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-rtl.-tolast .slider-slide.-beforenextactive > .slide-box,
  .brand-ctn .-rtl.-tolast .slider-slide.-afternextactive02 > .slide-box,
  .brand-ctn .-rtl.-tolast .slider-slide.-afternextactive02 + .slider-slide > .slide-box {
    translate: clamp(212.3333333333px, 336px, 23.3333333333vw) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-ltr.-tolast:not(.-two) .slider-slide.-afternextactive > .slide-box {
    translate: clamp(-336px, -23.3333333333vw, -212.3333333333px) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-ltr.-tolast.-two .slider-slide.-afternextactive > .slide-box {
    translate: clamp(-336px, -23.3333333333vw, -212.3333333333px) !important;
    scale: 1 !important;
  }
  .brand-ctn .-rtl.-tolast:not(.-two) .slider-slide.-afternextactive > .slide-box {
    translate: clamp(212.3333333333px, 336px, 23.3333333333vw) !important;
    scale: 0.8658536585 !important;
  }
  .brand-ctn .-rtl.-tolast.-two .slider-slide.-afternextactive > .slide-box {
    translate: clamp(212.3333333333px, 336px, 23.3333333333vw) !important;
    scale: 1 !important;
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .brand-slider:not(.-anim) .slider-slide {
    opacity: 0;

    translate: 0 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .brand-ctn .brand-block:not(.-anim) .slider-slide {
    opacity: 0;

    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.brand-ctn .slider-track > .splide-list.-kill {
  transition: none !important;
}
.brand-ctn .slider-track > .splide-list.-kill .slide-box {
  transition: none !important;
}
.brand-ctn .slider-track > .splide-list.-kill .img::before {
  transition: none !important;
}
.brand-ctn .slider-track .slider-slide {
  width: 68.8vw;
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-track .slider-slide {
    margin-right: 5.8666666667vw;
  }
}
@media (min-width: 768px) {
  .brand-ctn .slider-track .slider-slide {
    width: clamp(207.2777777778px, 328px, 22.7777777778vw);
  }
  .brand-ctn .brand-box:nth-of-type(odd) .slider-track .slider-slide {
    margin-right: clamp(5.0555555556px, 8px, 0.5555555556vw);
  }
  .brand-ctn .brand-box:nth-of-type(even) .slider-track .slider-slide {
    margin-left: clamp(5.0555555556px, 8px, 0.5555555556vw);
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-track .slider-slide.is-prev .slide-box {
    transform-origin: right bottom;
  }
}
@media (max-width: 767.98px) {
  .brand-ctn .slider-track .slider-slide.is-next .slide-box {
    transform-origin: left bottom;
  }
}
.brand-ctn .ttl-box > .svg {
  display: block;
  margin: 0 auto;
  width: 72.5333333333vw;

  translate: 10.1333333333vw;
}
@media (min-width: 768px) {
  .brand-ctn .ttl-box > .svg {
    width: clamp(276.7916666667px, 438px, 30.4166666667vw);

    translate: clamp(41.7083333333px, 66px, 4.5833333333vw);
  }
}
.brand-ctn .ttl-box > .txt {
  display: block;
  margin-top: 2.4vw;
  text-align: center;
  font-size: 4.2666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn .ttl-box > .txt {
    margin-top: clamp(7.5833333333px, 12px, 0.8333333333vw);
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
@media (min-width: 768px) {
  .brand-ctn {
    background: linear-gradient(#fffdf8 97%, #f6f0e3 100%);
  }
}
.brand-ctn > .brand-box {
  padding-top: 20.2666666667vw;
}
@media (min-width: 768px) {
  .brand-ctn > .brand-box {
    margin: 0 auto;
    padding-top: clamp(28.4375px, 45px, 3.125vw);
  }
}
.brand-ctn > .brand-box + .brand-box {
  padding-top: 21.3333333333vw;
}
@media (min-width: 768px) {
  .brand-ctn > .brand-box + .brand-box {
    margin-top: clamp(44.2361111111px, 70px, 4.8611111111vw);
    padding-top: clamp(44.2361111111px, 70px, 4.8611111111vw);
  }
}
@media (min-width: 768px) {
  .brand-ctn > .brand-box:nth-of-type(odd) {
    padding-left: clamp(303.3333333333px, 480px, 33.3333333333vw);
  }
}
@media (min-width: 768px) {
  .brand-ctn > .brand-box:nth-of-type(even) {
    padding-right: clamp(303.3333333333px, 480px, 33.3333333333vw);
  }
}

.shop-ctn {
  background: url(../img/shop/bg_sm.webp) no-repeat top/auto 261.3333333333vw;
}
.shop-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.shop-ctn .shop-box > .shop-item.-first {
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-box > .shop-item.-first {
    margin-top: clamp(25.2777777778px, 40px, 2.7777777778vw);
    width: clamp(423.4027777778px, 670px, 46.5277777778vw);
  }
}
.shop-ctn .shop-box > .shop-item.-second {
  margin-top: 10.1333333333vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-box > .shop-item.-second {
    margin: clamp(80.8888888889px, 128px, 8.8888888889vw) auto 0;
    width: clamp(212.3333333333px, 336px, 23.3333333333vw);

    translate: clamp(123.8611111111px, 196px, 13.6111111111vw);
  }
}
.shop-ctn .shop-box > .shop-item.-third {
  margin-top: 10.6666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-box > .shop-item.-third {
    margin: clamp(-382px, -26.5277777778vw, -241.4027777778px) auto 0;
    width: clamp(214.2291666667px, 339px, 23.5416666667vw);

    translate: clamp(-230px, -15.9722222222vw, -145.3472222222px);
  }
}
.shop-ctn .shop-box > .shop-item.-fourth {
  margin-top: 10.6666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-box > .shop-item.-fourth {
    margin: clamp(29.0694444444px, 46px, 3.1944444444vw) auto 0;
    width: clamp(211.7013888889px, 335px, 23.2638888889vw);

    translate: clamp(87.2083333333px, 138px, 9.5833333333vw);
  }
}
.shop-ctn .shop-item {
  position: relative;
}
.shop-ctn .shop-item.-first > .shop-txt {
  padding: 5.3333333333vw;
  width: 85.3333333333vw;
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-first > .shop-txt {
    margin-top: 4.8vw;
  }
}
@media (min-width: 768px) {
  .shop-ctn .shop-item.-first > .shop-txt {
    position: absolute;
    top: clamp(118.8055555556px, 188px, 13.0555555556vw);
    left: clamp(356.4166666667px, 564px, 39.1666666667vw);
    padding: clamp(25.2777777778px, 40px, 2.7777777778vw);
    width: clamp(274.8958333333px, 435px, 30.2083333333vw);
  }
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-second > .img {
    width: 73.6vw;
  }
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-second > .shop-txt {
    margin-top: -4.2666666667vw;
    margin-left: auto;
    padding: 5.3333333333vw 6.4vw 5.3333333333vw;
    width: 69.8666666667vw;
  }
}
@media (min-width: 768px) {
  .shop-ctn .shop-item.-second > .shop-txt {
    position: absolute;
    top: clamp(31.5972222222px, 50px, 3.4722222222vw);
    left: clamp(146.6111111111px, 232px, 16.1111111111vw);
    padding: clamp(25.2777777778px, 40px, 2.7777777778vw);
    width: clamp(216.7569444444px, 343px, 23.8194444444vw);
  }
}
.shop-ctn .shop-item.-third > .img {
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-third > .img {
    width: 74.1333333333vw;
  }
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-third > .shop-txt {
    margin-top: -6.4vw;
    padding: 5.3333333333vw 6.4vw 5.3333333333vw 7.4666666667vw;
    width: 74.1333333333vw;
  }
}
@media (min-width: 768px) {
  .shop-ctn .shop-item.-third > .shop-txt {
    position: absolute;
    bottom: clamp(-178px, -12.3611111111vw, -112.4861111111px);
    left: clamp(-180px, -12.5vw, -113.75px);
    padding: clamp(25.2777777778px, 40px, 2.7777777778vw);
    width: clamp(260.3611111111px, 412px, 28.6111111111vw);
  }
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-fourth > .img {
    width: 74.6666666667vw;
  }
}
.shop-ctn .shop-item.-fourth > .shop-txt {
  padding: 5.3333333333vw 7.4666666667vw 5.3333333333vw 6.4vw;
  width: 74.1333333333vw;
}
@media (max-width: 767.98px) {
  .shop-ctn .shop-item.-fourth > .shop-txt {
    margin-top: -11.2vw;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .shop-ctn .shop-item.-fourth > .shop-txt {
    position: absolute;
    top: clamp(112.4861111111px, 178px, 12.3611111111vw);
    left: clamp(-352px, -24.4444444444vw, -222.4444444444px);
    padding: clamp(25.2777777778px, 40px, 2.7777777778vw);
    width: clamp(245.1944444444px, 388px, 26.9444444444vw);
  }
}
.shop-ctn .shop-item:not(.-first) > .img {
  position: relative;
  padding: 0.8vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-item:not(.-first) > .img {
    padding: clamp(1.8958333333px, 3px, 0.2083333333vw);
  }
}
.shop-ctn .shop-item:not(.-first) > .img::before {
  content: "";
  position: absolute;
  margin: auto;
  border: 1px solid var(--color-gold-04);

  inset: 0;
}
.shop-ctn .shop-item > .img {
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
.shop-ctn .shop-item > .img:not(.-anim) {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-item > .img:not(.-anim) {
    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.shop-ctn .shop-ttl > .ttl {
  text-align: center;
}
.shop-ctn .shop-ttl > .ttl.-en {
  letter-spacing: 1.6px;
  font-family: "linotype-didot", serif;
  font-size: 8.5333333333vw;
  line-height: 1;
}
@media (min-width: 768px) {
  .shop-ctn .shop-ttl > .ttl.-en {
    font-size: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.shop-ctn .shop-ttl > .ttl.-ja {
  margin-top: 1.6vw;
  font-size: 4.2666666667vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .shop-ctn .shop-ttl > .ttl.-ja {
    margin-top: clamp(3.7916666667px, 6px, 0.4166666667vw);
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
.shop-ctn .shop-txt {
  position: relative;
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
  background-color: var(--color-white-01);
}
.shop-ctn .shop-txt::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.6vw;
  left: 1.3333333333vw;
  width: 18.1333333333vw;
  background: url(../img/shop/txt_deco.svg) no-repeat center/contain;

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .shop-ctn .shop-txt::before {
    top: clamp(5.0555555556px, 8px, 0.5555555556vw);
    left: clamp(3.7916666667px, 6px, 0.4166666667vw);
    width: clamp(56.2430555556px, 89px, 6.1805555556vw);
  }
}
.shop-ctn .shop-item.-first .shop-txt::before {
  top: 0.5333333333vw;
  left: 1.0666666667vw;
  width: 19.4666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-item.-first .shop-txt::before {
    top: clamp(7.5833333333px, 12px, 0.8333333333vw);
    left: clamp(8.8472222222px, 14px, 0.9722222222vw);
    width: clamp(67.6180555556px, 107px, 7.4305555556vw);
  }
}
.shop-ctn .shop-txt::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.8vw;
  bottom: 1.3333333333vw;
  width: 18.1333333333vw;
  background: url(../img/shop/txt_deco.svg) no-repeat center/contain;

  aspect-ratio: 1;
  rotate: 180deg;
}
@media (min-width: 768px) {
  .shop-ctn .shop-txt::after {
    right: clamp(3.7916666667px, 6px, 0.4166666667vw);
    bottom: clamp(2.5277777778px, 4px, 0.2777777778vw);
    width: clamp(56.2430555556px, 89px, 6.1805555556vw);
  }
}
.shop-ctn .shop-item.-first .shop-txt::after {
  right: 0.8vw;
  bottom: 1.0666666667vw;
  width: 19.4666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-item.-first .shop-txt::after {
    right: clamp(8.8472222222px, 14px, 0.9722222222vw);
    bottom: clamp(7.5833333333px, 12px, 0.8333333333vw);
    width: clamp(67.6180555556px, 107px, 7.4305555556vw);
  }
}
.shop-ctn .shop-txt > .txt {
  font-size: 3.7333333333vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .shop-ctn .shop-txt > .txt {
    font-size: clamp(10.1111111111px, 16px, 1.1111111111vw);
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .shop-ctn .shop-txt > .txt > br:not(.visible) {
    display: none;
  }
}
.shop-ctn .shop-txt:not(.-anim) {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .shop-txt:not(.-anim) {
    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.shop-ctn .ttl-box > .svg {
  display: block;
  margin: 0 auto;
  width: 62.6666666667vw;

  translate: 5.3333333333vw;
}
@media (min-width: 768px) {
  .shop-ctn .ttl-box > .svg {
    width: clamp(238.875px, 378px, 26.25vw);

    translate: clamp(26.5416666667px, 42px, 2.9166666667vw);
  }
}
.shop-ctn .ttl-box .txt {
  display: block;
  margin-top: -0.5333333333vw;
  text-align: center;
  font-size: 4.2666666667vw;
}
@media (min-width: 768px) {
  .shop-ctn .ttl-box .txt {
    text-align: center;
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
@media (min-width: 768px) {
  .shop-ctn {
    background: url(../img/shop/bg_lg.webp) no-repeat top/100% auto;
  }
}
.shop-ctn > .shop-box {
  margin: 10.6666666667vw auto 0;
  width: 85.3333333333vw;
}
@media (min-width: 768px) {
  .shop-ctn > .shop-box {
    margin: clamp(40.4444444444px, 64px, 4.4444444444vw) auto 0;
    width: clamp(631.9444444444px, 1000px, 69.4444444444vw);
  }
}

.qa-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.qa-ctn .qa-box > .qa-list {
  margin-top: 10.1333333333vw;
}
@media (min-width: 768px) {
  .qa-ctn .qa-box > .qa-list {
    margin-top: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.qa-ctn .qa-item {
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
.qa-ctn .qa-item .accordion-ttl {
  padding: 4vw 9.3333333333vw 3.4666666667vw 4vw;
}
@media (min-width: 768px) {
  .qa-ctn .qa-item .accordion-ttl {
    padding: clamp(9.4791666667px, 15px, 1.0416666667vw) clamp(22.75px, 36px, 2.5vw) clamp(7.5833333333px, 12px, 0.8333333333vw);
  }
}
.qa-ctn .qa-item .accordion-inner {
  padding: 3.7333333333vw 4.5333333333vw;
}
@media (min-width: 768px) {
  .qa-ctn .qa-item .accordion-inner {
    padding: clamp(8.8472222222px, 14px, 0.9722222222vw) clamp(21.4861111111px, 34px, 2.3611111111vw);
  }
}
.qa-ctn .qa-item:not(.-anim) {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .qa-ctn .qa-item:not(.-anim) {
    translate: 0 clamp(12.6388888889px, 20px, 1.3888888889vw);
  }
}
.qa-ctn .qa-list > .qa-item + .qa-item {
  margin-top: 5.3333333333vw;
}
@media (min-width: 768px) {
  .qa-ctn .qa-list > .qa-item + .qa-item {
    margin-top: clamp(12.6388888889px, 20px, 1.3888888889vw);
  }
}
.qa-ctn .ttl-box > .ttl {
  display: block;
  text-align: center;
}
.qa-ctn .ttl-box > .ttl.-en {
  letter-spacing: 1.6px;
  font-family: "linotype-didot", serif;
  font-size: 8.5333333333vw;
}
@media (min-width: 768px) {
  .qa-ctn .ttl-box > .ttl.-en {
    font-size: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.qa-ctn .ttl-box > .ttl.-ja {
  margin-top: 2.1333333333vw;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .qa-ctn .ttl-box > .ttl.-ja {
    margin-top: clamp(3.1597222222px, 5px, 0.3472222222vw);
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
.qa-ctn > .qa-box {
  padding: 0 7.4666666667vw;
}
@media (min-width: 768px) {
  .qa-ctn > .qa-box {
    margin: 0 auto;
    padding: 0 clamp(44.2361111111px, 70px, 4.8611111111vw);
    max-width: clamp(695.1388888889px, 1100px, 76.3888888889vw);
  }
}

.venues-ctn {
  background-color: var(--color-white-03);
}
.venues-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.venues-ctn .address-table > .table-item + .table-item {
  margin-top: 3.4666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn .address-table > .table-item + .table-item {
    margin-top: clamp(13.9027777778px, 22px, 1.5277777778vw);
  }
}
.venues-ctn .address-box {
  display: grid;
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);

  gap: 5.3333333333vw;
}
@media (min-width: 768px) {
  .venues-ctn .address-box {
    align-items: center;

    grid-template-columns: clamp(315.9722222222px, 500px, 34.7222222222vw) 1fr;
    gap: clamp(20.2222222222px, 32px, 2.2222222222vw);
  }
}
.venues-ctn .address-box:not(.-anim) {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn .address-box:not(.-anim) {
    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.venues-ctn .map-box > .map iframe {
  width: 100%;

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .venues-ctn .map-box > .map iframe {
    aspect-ratio: 1000/300;
  }
}
.venues-ctn .more-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 2.6666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn .more-box {
    gap: clamp(6.3194444444px, 10px, 0.6944444444vw);
  }
}
.venues-ctn .more-box > .txt {
  text-decoration: underline;
  letter-spacing: 0.007em;
  text-transform: uppercase;
  font-family: "linotype-didot", serif;
  font-size: 3.7333333333vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .venues-ctn .more-box > .txt {
    letter-spacing: 0.008em;
    font-size: clamp(10.1111111111px, 16px, 1.1111111111vw);
  }
}
.venues-ctn .more-box > .icon {
  display: block;
  position: relative;
  border-radius: 50vw;
  width: 5.8666666667vw;
  background-color: var(--color-gold-01);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .venues-ctn .more-box > .icon {
    width: clamp(18.9583333333px, 30px, 2.0833333333vw);
  }
}
.venues-ctn .more-box > .icon::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: url("../img/common/icon_arrow.svg") no-repeat center/contain;

  inset: 0;
}
.venues-ctn .slide-img {
  overflow: hidden;
}
.venues-ctn .slide-img > .img {
  transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform-origin: bottom center;
}
.venues-ctn .slide-inner {
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
.venues-ctn .slider-slide:nth-of-type(1) .slide-inner {
  transition-delay: 0s;
}
.venues-ctn .slider-slide:nth-of-type(2) .slide-inner {
  transition-delay: 0.1s;
}
.venues-ctn .slider-slide:nth-of-type(3) .slide-inner {
  transition-delay: 0.2s;
}
.venues-ctn .slider-slide:nth-of-type(4) .slide-inner {
  transition-delay: 0.3s;
}
.venues-ctn .slider-slide:nth-of-type(5) .slide-inner {
  transition-delay: 0.4s;
}
.venues-ctn .slider-slide:nth-of-type(6) .slide-inner {
  transition-delay: 0.5s;
}
.venues-ctn .slider-slide:nth-of-type(7) .slide-inner {
  transition-delay: 0.6s;
}
.venues-ctn .slider-slide:nth-of-type(8) .slide-inner {
  transition-delay: 0.7s;
}
.venues-ctn .slider-slide:nth-of-type(9) .slide-inner {
  transition-delay: 0.8s;
}
.venues-ctn .slide-link {
  display: block;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-easing);
  color: var(--color-black);
}
@media (hover: hover) and (pointer: fine) {
  .venues-ctn .slide-link:hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-easing);
  }
  .venues-ctn .slide-link:hover .img {
    transform: scale(1.07);
  }
}
.venues-ctn .slide-link > .txt {
  margin-top: 3.2vw;
  font-family: "Noto Sans JP", serif;
  font-size: 4vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .venues-ctn .slide-link > .txt {
    margin-top: clamp(15.7986111111px, 25px, 1.7361111111vw);
    font-size: clamp(9.4791666667px, 15px, 1.0416666667vw);
  }
}
.venues-ctn .slide-link > .more-box {
  margin-top: 3.4666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn .slide-link > .more-box {
    margin-top: clamp(9.4791666667px, 15px, 1.0416666667vw);
  }
}
@media (max-width: 767.98px) {
  .venues-ctn .slider-arrows {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 60.2666666667vw;
  }
  .venues-ctn .slider-arrows > .arrow {
    position: relative;
    border-radius: 50vw;
    width: 8vw;
    min-height: unset;
    background-color: color-mix(in srgb, var(--color-gold-01), transparent 40%);

    aspect-ratio: 1;
  }
  .venues-ctn .slider-arrows > .arrow.-prev::before {
    rotate: 180deg;
  }
  .venues-ctn .slider-arrows > .arrow::before {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    background: url(../img/common/icon_slider_arrow.svg) no-repeat center/contain;

    inset: 0;
  }
  .venues-ctn .slider-arrows > .arrow svg {
    display: none;
  }
}
.venues-ctn .slider-box > .ttl {
  text-align: center;
  font-size: 5.3333333333vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .venues-ctn .slider-box > .ttl {
    font-size: clamp(20.2222222222px, 32px, 2.2222222222vw);
  }
}
.venues-ctn .slider-box > .venues-slider {
  margin: 8vw -7.4666666667vw 0;
}
@media (min-width: 768px) {
  .venues-ctn .slider-box > .venues-slider {
    margin: clamp(25.2777777778px, 40px, 2.7777777778vw) auto 0;
  }
}
@media (min-width: 768px) {
  .venues-ctn .slider-list {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(auto, clamp(176.9444444444px, 280px, 19.4444444444vw)));
    gap: clamp(50.5555555556px, 80px, 5.5555555556vw);
  }
}
@media (max-width: 767.98px) {
  .venues-ctn .slider-list > .slider-slide {
    width: 69.3333333333vw;
  }
}
.venues-ctn .table-item {
  display: grid;

  grid-template-columns: 14.9333333333vw 1fr;
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .venues-ctn .table-item {
    grid-template-columns: clamp(35.3888888889px, 56px, 3.8888888889vw) 1fr;
    gap: clamp(13.9027777778px, 22px, 1.5277777778vw);
  }
}
.venues-ctn .table-item > .dt {
  font-family: "Noto Sans JP", serif;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .venues-ctn .table-item > .dt {
    font-size: clamp(8.8472222222px, 14px, 0.9722222222vw);
  }
}
.venues-ctn .table-item > .dd {
  font-family: "Noto Sans JP", serif;
  font-size: 3.7333333333vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .venues-ctn .table-item > .dd {
    font-size: clamp(8.8472222222px, 14px, 0.9722222222vw);
  }
}
.venues-ctn .ttl-box > .ttl {
  display: block;
  text-align: center;
}
.venues-ctn .ttl-box > .ttl.-en {
  letter-spacing: 1.6px;
  font-family: "linotype-didot", serif;
  font-size: 8.5333333333vw;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .venues-ctn .ttl-box > .ttl.-en {
    font-size: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.venues-ctn .ttl-box > .ttl.-ja {
  margin-top: 0.8vw;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .venues-ctn .ttl-box > .ttl.-ja {
    margin-top: clamp(6.3194444444px, 10px, 0.6944444444vw);
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
@media (max-width: 767.98px) {
  .venues-ctn .venues-pagination {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 1.6vw;
  }
  .venues-ctn .venues-pagination > li {
    display: flex;
  }
  .venues-ctn .venues-pagination .pagination-page {
    border-radius: 50vw;
    width: 1.6vw;
    min-height: unset;
    background-color: color-mix(in srgb, var(--color-gold-01), transparent 40%);

    aspect-ratio: 1;
  }
  .venues-ctn .venues-pagination .pagination-page.is-active {
    background-color: var(--color-gold-01);
  }
}
.venues-ctn .venues-slider {
  position: relative;
}
.venues-ctn .venues-slider > .slider-arrows {
  position: absolute;
  z-index: 1;
  top: 30.9333333333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767.98px) {
  .venues-ctn .venues-slider > .venues-pagination {
    margin-top: 5.3333333333vw;
  }
}
.venues-ctn .venues-slider:not(.-anim) .slide-inner {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn .venues-slider:not(.-anim) .slide-inner {
    translate: 0 clamp(12.6388888889px, 20px, 1.3888888889vw);
  }
}
.venues-ctn > .address-box {
  margin-top: 8vw;
  padding: 0 7.4666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn > .address-box {
    margin: clamp(25.2777777778px, 40px, 2.7777777778vw) auto 0;
    padding: 0 clamp(31.5972222222px, 50px, 3.4722222222vw);
    max-width: clamp(695.1388888889px, 1100px, 76.3888888889vw);
  }
}
.venues-ctn > .map-box {
  margin: 8vw auto 0;
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
@media (min-width: 768px) {
  .venues-ctn > .map-box {
    margin: clamp(25.2777777778px, 40px, 2.7777777778vw) auto 0;
    padding: 0 clamp(31.5972222222px, 50px, 3.4722222222vw);
    max-width: clamp(695.1388888889px, 1100px, 76.3888888889vw);
  }
}
.venues-ctn > .map-box:not(.-anim) {
  opacity: 0;

  translate: 0 10.6666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn > .map-box:not(.-anim) {
    translate: 0 clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.venues-ctn > .slider-box {
  margin-top: 21.3333333333vw;
}
@media (min-width: 768px) {
  .venues-ctn > .slider-box {
    margin: clamp(63.1944444444px, 100px, 6.9444444444vw) auto 0;
    padding: 0 clamp(31.5972222222px, 50px, 3.4722222222vw);
    max-width: clamp(695.1388888889px, 1100px, 76.3888888889vw);
  }
}
.venues-ctn > .slider-box + .slider-box {
  margin-top: 10.6666666667vw;
}
@media (min-width: 768px) {
  .venues-ctn > .slider-box + .slider-box {
    margin-top: clamp(37.9166666667px, 60px, 4.1666666667vw);
  }
}

.index-ctn {
  background-color: var(--color-pink-gold-01);
}
.index-ctn :root {
  --color-white-01: #fff;
  --color-white-02: #f2ecda;
  --color-white-03: #f6f4ed;
  --color-black: #333;
  --color-gold-01: #a39347;
  --color-gold-02: #d8d2b4;
  --color-gold-03: #f7f0e4;
  --color-gold-04: #c8bd81;
  --color-pink-gold-01: #eee4dc;
  --color-beige-01: #fffdf8cc;
  --color-pink-01: #f07e81;
  --color-pink-02: #ca8183;
  --base-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --base-duration: 0.54s;
  --base-hover-easing: ease;
  --hover-alpha: 0.8;
}
.index-ctn .img-box {
  overflow: hidden;
}
.index-ctn .img-box > .img {
  height: 100%;
  transition: scale calc(var(--base-duration) - 0.1s) cubic-bezier(0.25, 0.1, 0.25, 1);
  transform-origin: 50% 50%;

  backface-visibility: hidden;
}
.index-ctn .img-box > .img img {
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.index-ctn .index-box > .index-list {
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .index-ctn .index-box > .index-list {
    margin-top: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.index-ctn .index-list {
  display: grid;

  gap: 3.2vw;
}
@media (min-width: 768px) {
  .index-ctn .index-list {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(12.6388888889px, 20px, 1.3888888889vw) clamp(29.7013888889px, 47px, 3.2638888889vw);
  }
}
.index-ctn .index-list > .list-item {
  height: 100%;
}
.index-ctn .list-item {
  transition: opacity var(--base-duration) var(--base-easing), translate var(--base-duration) var(--base-easing);
}
@media (min-width: 768px) {
  .index-ctn .list-item:nth-of-type(4),
  .index-ctn .list-item:nth-of-type(5),
  .index-ctn .list-item:nth-of-type(6) {
    transition-delay: calc(var(--base-duration) - 0.1s);
  }
}
.index-ctn .list-item > .list-link {
  padding-right: 9.3333333333vw;
  height: 100%;
}
@media (min-width: 768px) {
  .index-ctn .list-item > .list-link {
    padding-right: clamp(22.1180555556px, 35px, 2.4305555556vw);
  }
}
@media (max-width: 767.98px) {
  .index-ctn .list-item:not(.-anim) {
    opacity: 0;

    translate: 0 10.6666666667vw;
  }
}
.index-ctn .list-link {
  display: grid;
  overflow: hidden;
  align-items: center;
  position: relative;
  border-radius: 1.0666666667vw;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-easing);
  background-color: var(--color-white-01);
  color: var(--color-black);

  grid-template-columns: 32vw 1fr;
  gap: 2.9333333333vw;
}
@media (min-width: 768px) {
  .index-ctn .list-link {
    border-radius: clamp(2.5277777778px, 4px, 0.2777777778vw);

    grid-template-columns: clamp(83.4166666667px, 132px, 9.1666666667vw) 1fr;
    gap: clamp(5.0555555556px, 8px, 0.5555555556vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .index-ctn .list-link:hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-easing);
  }
  .index-ctn .list-link:hover .img {
    transition: scale var(--base-duration) var(--base-hover-easing);

    scale: 1.07;
  }
}
.index-ctn .list-link > .img-box {
  height: 100%;
}
.index-ctn .list-link > .txt {
  font-size: 3.7333333333vw;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .index-ctn .list-link > .txt {
    padding: clamp(8.8472222222px, 14px, 0.9722222222vw) 0;
    font-size: clamp(10.1111111111px, 16px, 1.1111111111vw);
  }
}
.index-ctn .list-link > .icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 3.4666666667vw;
  border-radius: 50vw;
  width: 5.8666666667vw;
  transform: translateY(-50%);
  background-color: var(--color-gold-01);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .index-ctn .list-link > .icon {
    right: clamp(7.5833333333px, 12px, 0.8333333333vw);
    width: clamp(13.9027777778px, 22px, 1.5277777778vw);
  }
}
.index-ctn .list-link > .icon::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: url("../img/common/icon_arrow.svg") no-repeat center/contain;

  inset: 0;
}
.index-ctn .ttl-box > .ttl {
  display: block;
  text-align: center;
}
.index-ctn .ttl-box > .ttl.-en {
  letter-spacing: 1.6px;
  font-family: "linotype-didot", serif;
  font-size: 8.5333333333vw;
}
@media (min-width: 768px) {
  .index-ctn .ttl-box > .ttl.-en {
    font-size: clamp(25.2777777778px, 40px, 2.7777777778vw);
  }
}
.index-ctn .ttl-box > .ttl.-ja {
  margin-top: 1.6vw;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .index-ctn .ttl-box > .ttl.-ja {
    margin-top: clamp(3.7916666667px, 6px, 0.4166666667vw);
    font-size: clamp(11.375px, 18px, 1.25vw);
  }
}
.index-ctn > .index-box {
  padding: 0 7.4666666667vw;
}
@media (min-width: 768px) {
  .index-ctn > .index-box {
    margin: 0 auto;
    padding: 0 clamp(31.5972222222px, 50px, 3.4722222222vw);
    max-width: clamp(695.1388888889px, 1100px, 76.3888888889vw);
  }
}
@media (min-width: 768px) {
  .index-ctn:not(.-anim) .list-item {
    opacity: 0;

    translate: 0 clamp(12.6388888889px, 20px, 1.3888888889vw);
  }
}

/*
* index.css
*
*/
.main-ctn {
  font-family: ヒラギノ明朝 Pro, Hiragino Mincho Pro, 游明朝体, Yu Mincho, yumincho, MS P明朝, MS PMincho, serif;

  font-feature-settings: normal;
}
.main-ctn svg,
.main-ctn img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.main-ctn a {
  text-decoration: none;
}
.main-ctn > .mv-ctn {
  height: 144vw;
}
@media (min-width: 768px) {
  .main-ctn > .mv-ctn {
    height: clamp(428.4583333333px, 678px, 47.0833333333vw);
  }
}
@media (min-width: 1440px) {
  .main-ctn > .mv-ctn {
    height: 47.0833333333vw;
  }
}
.main-ctn > .lead-ctn {
  padding: 28.2666666667vw 10.1333333333vw 27.2vw;
}
@media (min-width: 768px) {
  .main-ctn > .lead-ctn {
    padding: clamp(64.4583333333px, 102px, 7.0833333333vw) 0 clamp(63.1944444444px, 100px, 6.9444444444vw);
  }
}
.main-ctn > .style-ctn {
  padding-top: 21.3333333333vw;
  min-height: 242.6666666667vw;
}
@media (min-width: 768px) {
  .main-ctn > .style-ctn {
    padding-top: clamp(63.1944444444px, 100px, 6.9444444444vw);
    min-height: clamp(734.9513888889px, 1163px, 80.7638888889vw);
  }
}
.main-ctn > .brand-ctn {
  padding: 21.3333333333vw 0;
}
@media (min-width: 768px) {
  .main-ctn > .brand-ctn {
    padding: clamp(63.1944444444px, 100px, 6.9444444444vw) 0;
  }
}
.main-ctn > .shop-ctn {
  padding-top: 14.1333333333vw;
}
@media (min-width: 768px) {
  .main-ctn > .shop-ctn {
    padding-top: clamp(63.1944444444px, 100px, 6.9444444444vw);
  }
}
.main-ctn > .qa-ctn {
  padding: 9.3333333333vw 0 21.3333333333vw;
}
@media (min-width: 768px) {
  .main-ctn > .qa-ctn {
    padding: clamp(103.6388888889px, 164px, 11.3888888889vw) 0 clamp(63.1944444444px, 100px, 6.9444444444vw);
  }
}
.main-ctn > .venues-ctn {
  padding: 14.4vw 0 21.3333333333vw;
}
@media (min-width: 768px) {
  .main-ctn > .venues-ctn {
    padding: clamp(45.5px, 72px, 5vw) 0 clamp(63.1944444444px, 100px, 6.9444444444vw);
  }
}
.main-ctn > .index-ctn {
  padding: 15.4666666667vw 0 26.6666666667vw;
}
@media (min-width: 768px) {
  .main-ctn > .index-ctn {
    padding: clamp(49.2916666667px, 78px, 5.4166666667vw) 0 clamp(88.4722222222px, 140px, 9.7222222222vw);
  }
}

.cta-box {
  position: fixed;
  bottom: 8vw;
  left: 50%;
  margin: 0 auto;
  width: 83.7333333333vw;
  transition: opacity var(--base-duration) var(--base-easing), visibility var(--base-duration) var(--base-easing);
  transform: translateX(-50%);
}
.cta-box:not(.-visible) {
  visibility: hidden;
  opacity: 0;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-easing), visibility calc(var(--base-duration) - 0.1s) var(--base-easing);
}
@media (min-width: 768px) {
  .cta-box {
    bottom: clamp(18.9583333333px, 30px, 2.0833333333vw);
    width: clamp(238.875px, 378px, 26.25vw);
  }
}
.cta-box img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.cta-box > .cta-link {
  display: block;
  transition: opacity calc(var(--base-duration) - 0.1s) var(--base-hover-easing);
}
@media (hover: hover) and (pointer: fine) {
  .cta-box > .cta-link:hover {
    opacity: var(--hover-alpha);
    transition: opacity var(--base-duration) var(--base-hover-easing);
  }
}