@charset "UTF-8";

@font-face {
  font-family: "Burgues Script";
  src: url("../fonts/burgues-script.otf") format("opentype");
  font-display: swap;
}
.main-area .main-inner {
     width: 100%;
}
#CE260814AW1st {
  --pc-width: 1200;
  --sp-width: 750;
  --pc-artboard-width: 540;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #652400;
  --color-bg: #f5eeea;
  --color-bg-alt: #bba08d;
  --color-credit-bg: #e1d9d6;
  --font-base: forma-djr-micro, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-display: argent-cf, "Times New Roman", "Hiragino Mincho ProN", serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 1.5s;
  --header-offset: 0px;
}

@media (min-width: 1201px) {
  #CE260814AW1st {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

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

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

#CE260814AW1st * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#CE260814AW1st img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#CE260814AW1st picture {
  display: block;
}

#CE260814AW1st button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

@media (min-width: 768px) {
  #CE260814AW1st .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #CE260814AW1st .is-hidden--mobile {
    display: none !important;
  }
}

#CE260814AW1st {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: background-color 1s var(--ease-base);
}

#CE260814AW1st.is-alt {
  background-color: var(--color-bg-alt);
}

#CE260814AW1st .ani-inview {
  opacity: 0;
  filter: blur(calc(10 * var(--formula, 10px)));
  transform: scale(1.02);
  transition: opacity var(--duration-base) var(--ease-base),
    filter var(--duration-base) var(--ease-base),
    transform var(--duration-base) var(--ease-base);
}

#CE260814AW1st .ani-inview.is-active {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

#CE260814AW1st .ani-text {
    opacity: 0;
    transform: translateY(calc(60 * var(--formula))) scale(0.96);
    filter: blur(calc(8 * var(--formula)));
    transition: opacity 1.6s cubic-bezier(.16, 1, .3, 1), transform 1.6s cubic-bezier(.16, 1, .3, 1), filter 1.2s ease;
}

#CE260814AW1st .ani-text.is-active {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
  #CE260814AW1st .ani-inview,
  #CE260814AW1st .ani-text {
    opacity: 1;
    filter: none;
    translate: 0 0;
    transition: none;
  }
}

#CE260814AW1st .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #CE260814AW1st .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  #CE260814AW1st .lp-layout { display: grid; align-items: start; }
  #CE260814AW1st .lp-layout--col-2 { grid-template-columns: 1fr 1fr; }
  #CE260814AW1st .lp-layout--col-3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}

#CE260814AW1st .lp-layout__primary { overflow-x: clip; }

#CE260814AW1st .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  #CE260814AW1st .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--header-offset, 0px);
    height: calc(100dvh - var(--header-offset, 0px));
    overflow: hidden;
  }
}

#CE260814AW1st .lp-rail {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  opacity: 0;
  transition: opacity 1s var(--ease-base);
}

#CE260814AW1st .lp-rail.is-active {
  opacity: 1;
}

#CE260814AW1st .lp-rail img {
  transition: opacity 1s var(--ease-base);
}

#CE260814AW1st .lp-rail img + img {
  position: absolute;
  inset: 0;
  opacity: 0;
}

#CE260814AW1st.is-alt .lp-rail img:first-child { opacity: 0; }
#CE260814AW1st.is-alt .lp-rail img + img { opacity: 1; }

@media (min-width: 768px) {
  #CE260814AW1st .lp-rail--logo {width: calc(180 * var(--formula_pc));margin: calc(-1 * var(--formula_pc)) 0 0 calc(-16 * var(--formula_pc));}
  #CE260814AW1st .lp-rail--all {width: calc(107 * var(--formula_pc));margin: 0 0 0 calc(7 * var(--formula_pc));}
}

#CE260814AW1st .lp-sec {
  position: sticky;
  top: var(--sticky-top, 0px);
  display: flow-root;
  background-color: var(--color-bg);
}

#CE260814AW1st .lp-sec--01 { z-index: 1; }
#CE260814AW1st .lp-sec--02 {z-index: 2;background-color: var(--color-bg-alt);padding: 0 0 calc(94 * var(--formula)) 0;}
#CE260814AW1st .lp-sec--03 { z-index: 3; background: white;}
#CE260814AW1st .lp-sec--04 { z-index: 4; background: white;}
#CE260814AW1st .lp-sec--05 {z-index: 5;padding: 0 0 calc(80 * var(--formula)) 0; background: white;}

#CE260814AW1st .lp-block--alt { background-color: var(--color-bg-alt); }

#CE260814AW1st .lp-mv {
  position: relative;
}

#CE260814AW1st .lp-mv__deco {
  position: absolute;
  left: calc(129 * var(--formula));
  top: calc(427 * var(--formula));
  width: calc(465 * var(--formula));
}

#CE260814AW1st .lp-mv__title {
  position: absolute;
  left: calc(240 * var(--formula));
  top: calc(534 * var(--formula));
  width: calc(240 * var(--formula));
  color: #fff;
  font-size: calc(41 * var(--formula));
  line-height: 1.36;
  letter-spacing: 0.25em;
  text-align: center;
}

#CE260814AW1st .lp-mv__in {
  position: absolute;
  left: calc(286 * var(--formula));
  top: calc(548 * var(--formula));
  width: calc(152 * var(--formula));
  color: #fff;
  font-family: "Burgues Script", cursive;
  font-size: calc(56 * var(--formula));
  line-height: 1;
  text-align: center;
}

#CE260814AW1st .lp-band {
  display: flex;
  justify-content: space-between;
  width: calc(639 * var(--formula));
  margin-left: calc(55 * var(--formula));
  font-size: calc(25 * var(--formula));
  line-height: 1.06;
  letter-spacing: 0;
}

#CE260814AW1st .lp-band--mv {
  position: absolute;
  left: calc(55 * var(--formula));
  top: calc(1073 * var(--formula));
  margin-left: 0;
  color: #fff;
}

#CE260814AW1st .lp-band--01 {
  margin-top: calc(90 * var(--formula));
  color: var(--color-credit-bg);
}

#CE260814AW1st .lp-band--02 {
  margin-top: calc(75 * var(--formula));
  color: var(--color-bg-alt);
}

#CE260814AW1st .lp-look--04 { margin-top: calc(84 * var(--formula)); }

#CE260814AW1st .lp-look--06 {
  width: calc(550 * var(--formula));
  margin-top: calc(89 * var(--formula));
  margin-left: calc(100 * var(--formula));
}

#CE260814AW1st .lp-look--07 {}

#CE260814AW1st .lp-look--11 {
  width: calc(650 * var(--formula));
  margin-top: calc(62 * var(--formula));
  margin-left: calc(50 * var(--formula));
}

#CE260814AW1st .lp-look--12 { margin-top: calc(63 * var(--formula)); }
#CE260814AW1st .lp-look--13 { margin-top: calc(35 * var(--formula)); }

#CE260814AW1st .lp-block--alt {
  margin-top: calc(62 * var(--formula));
  padding-bottom: calc(128 * var(--formula));
}

#CE260814AW1st .lp-hscroll--01 { width: calc(750 * var(--formula)); }

#CE260814AW1st .lp-hscroll--02 {
  width: calc(750 * var(--formula));
  margin-top: calc(35 * var(--formula));
}

#CE260814AW1st .lp-deco--01 {margin-top: calc(120 * var(--formula));}

#CE260814AW1st .lp-pair { margin-top: calc(112 * var(--formula)); }

#CE260814AW1st .lp-deco--02,
#CE260814AW1st .lp-deco--03,
#CE260814AW1st .lp-deco--04 {
  position: absolute;
  top: calc(1092 * var(--formula));
  left: calc(689 * var(--formula));
  margin-left: 0;
}

#CE260814AW1st .lp-deco--05 { margin-top: calc(59 * var(--formula)); }

#CE260814AW1st .lp-look {
  position: relative;
}

#CE260814AW1st .lp-look__btn {
  display: block;
  width: 100%;
  text-align: inherit;
}

#CE260814AW1st .lp-look__credit {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-content: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s var(--ease-base), visibility 0.5s var(--ease-base);
  padding: calc(9 * var(--formula)) 0 0 0;
}

#CE260814AW1st .lp-look--02 .lp-look__credit{
    padding: calc(9 * var(--formula)) 0 0 0;
}

#CE260814AW1st .lp-look--03 .lp-look__credit{
    padding: calc(9 * var(--formula)) 0 0 0;
}

#CE260814AW1st .lp-look--04 .lp-look__credit{
    padding: calc(16 * var(--formula)) 0 0 calc(21 * var(--formula));
}
#CE260814AW1st .lp-look--06 .lp-look__credit{
    padding: 0 0 calc(15 * var(--formula)) calc(21 * var(--formula));
}
#CE260814AW1st .lp-hscroll--02 .lp-look__credit{
    padding: calc(7 * var(--formula)) 0 0 0;
}
#CE260814AW1st .lp-hscroll--03 .lp-look__credit{
    padding: 0 0 calc(21 * var(--formula)) 0;
}

#CE260814AW1st .lp-look--pair .lp-look__credit{
    padding: calc(110 * var(--formula)) 0 0 0;
}
#CE260814AW1st .is-open > .lp-look__credit {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#CE260814AW1st .lp-look__close {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}

#CE260814AW1st .lp-look__items a {
  display: block;
  color: inherit;
  text-decoration: none;
}

#CE260814AW1st .link-disable:hover {
  opacity: 1;
}

#CE260814AW1st .lp-look__credit::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-credit-bg);
  opacity: 0.5;
}

#CE260814AW1st .lp-look__name,
#CE260814AW1st .lp-look__items,
#CE260814AW1st .lp-look__soon {
  position: relative;
  z-index: 2;
}

#CE260814AW1st .lp-look__name {
  font-family: var(--font-display);
  font-size: calc(54 * var(--formula));
  line-height: 1.2;
  font-weight: 100;
  text-transform: capitalize;
  transform: scale(0.81678, 1.15);
}

#CE260814AW1st .lp-look--08 .lp-look__name{
    /* margin: 0 0 0 -7px; */
}

#CE260814AW1st .lp-look__items {
  margin-top: calc(15 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: calc(39.9/22);
  font-weight: 300;
  letter-spacing: 0;
}

#CE260814AW1st .lp-look--03 .lp-look__items:nth-child(3) {
  margin-top: calc(16 * var(--formula));
}

/* 2つ目の .lp-look__items */
#CE260814AW1st .lp-look--03 .lp-look__items:nth-child(5) {
  margin-top: calc(-6 * var(--formula));
}

#CE260814AW1st .lp-look--04 .lp-look__items {
  margin-top: calc(16 * var(--formula));
}

#CE260814AW1st .lp-look--06 .lp-look__items {
  margin-top: calc(4 * var(--formula));
}

#CE260814AW1st .lp-hscroll--03 .lp-look__items:nth-child(5) {
  margin-top: calc(-5 * var(--formula));
}

#CE260814AW1st .lp-look--11 .lp-look__items {
  margin-top: calc(-10 * var(--formula));
}

#CE260814AW1st .lp-look__soon {
  margin-top: calc(19 * var(--formula));
  font-family: var(--font-display);
  font-size: calc(26 * var(--formula));
  transform: scale(0.81678, 1.15);
}

#CE260814AW1st .lp-hscroll {
  overflow: hidden;
}

#CE260814AW1st .lp-hscroll__track {
  display: flex;
  will-change: transform;
}

#CE260814AW1st .lp-hscroll--wide .lp-hscroll__track > * {
  flex: 0 0 auto;
  width: calc(650 * var(--formula));
}

#CE260814AW1st .lp-look > a,
#CE260814AW1st .lp-pair__b > a,
#CE260814AW1st .lp-hscroll__track > a {
  display: block;
}

#CE260814AW1st .lp-hscroll--wide .lp-hscroll__track {
  width: calc(1300 * var(--formula));
}

#CE260814AW1st .lp-hscroll--xwide .lp-hscroll__track {
  width: calc(1500 * var(--formula));
}

#CE260814AW1st .lp-switch .swiper-slide {
  overflow: hidden;
}

#CE260814AW1st .swiper-pagination {
  bottom: calc(20 * var(--formula)); 
    right: calc(10 * var(--formula));
    left: auto;
    width: auto;
    z-index: 10;
}

#CE260814AW1st .swiper-pagination-bullet {
  width: calc(13 * var(--formula));
  height: calc(13 * var(--formula));
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 1; /* Swiperデフォルトの半透明を打ち消す */
  margin: 0 calc(8 * var(--formula)) !important; /* ドット間の余白 */
  transition: background-color 0.3s ease; /* ふわっと切り替わるアニメーション用 */
}

/* アクティブなドット（白塗り） */
#CE260814AW1st .swiper-pagination-bullet-active {
  background-color: #fff;
}

#CE260814AW1st .lp-pair {
  position: relative;
  height: calc(705 * var(--formula));
}

#CE260814AW1st .lp-pair__a,
#CE260814AW1st .lp-pair__b {
  position: absolute;
  width: calc(338 * var(--formula));
}

#CE260814AW1st .lp-pair__a {
  left: calc(37 * var(--formula));
  top: 0;
}

#CE260814AW1st .lp-pair__b {
  left: calc(375 * var(--formula));
  top: calc(198 * var(--formula));
}

#CE260814AW1st .lp-deco--sm {
  width: calc(42 * var(--formula));
  margin-left: calc(689 * var(--formula));
}

#CE260814AW1st .lp-deco--md {
  width: calc(198 * var(--formula));
  margin-left: calc(276 * var(--formula));
}

#CE260814AW1st .lp-allitems {
  position: relative;
  width: calc(581 * var(--formula));
  margin-top: calc(94 * var(--formula));
  margin-left: calc(85 * var(--formula));
  text-align: center;
}

#CE260814AW1st .lp-allitems__deco {
  position: absolute;
  top: calc(131 * var(--formula));
  left: calc(170 * var(--formula));
  width: calc(240 * var(--formula));
}

#CE260814AW1st .lp-allitems__link {
  position: absolute;
  top: calc(254 * var(--formula));
  left: 0;
  width: 100%;
  font-family: var(--font-display);
  font-size: calc(20 * var(--formula));
  color: #fff;
  text-decoration: none;
  transform: scale(0.81678, 1.15);
  letter-spacing: 0;
  text-decoration: underline 1px #fff;
  text-underline-offset: calc(2 * var(--formula));
}

#CE260814AW1st .lp-staff {
  position: absolute;
  top: calc(753 * var(--formula));
  left: 0;
  width: 100%;
  color: #fff;
  font-size: calc(16 * var(--formula));
  line-height: calc(23.89/16);
  letter-spacing: 0;
}

#CE260814AW1st .lp-look__btn--overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
}

#CE260814AW1st .lp-look__btn--overlay .lp-look__credit {
  position: absolute;
  inset: 0;
}
