@charset "UTF-8";

.main-area .main-inner {
  width: 100%;
}

#LB260924yuli .lp-page {
  --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);
  --color-text: #b2ac76;
  --color-bg: #2b070b;
  --color-section-bg: #f6f7ef;
  --color-dark: #2b070b;
  --color-gold: #b2ac76;
  --font-base: "neue-haas-grotesk-display", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-ja: "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  --header-offset: 0px;
}

@media (min-width: 1401px) {
  #LB260924yuli .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

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

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

#LB260924yuli .lp-page * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: normal;
}
#LB260924yuli a:hover{
  opacity: 1;
}

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

#LB260924yuli .lp-page h1,
#LB260924yuli .lp-page h2,
#LB260924yuli .lp-page h3,
#LB260924yuli .lp-page h4,
#LB260924yuli .lp-page h5,
#LB260924yuli .lp-page h6,
#LB260924yuli .lp-page p {
  margin: 0;
}

#LB260924yuli .lp-page picture {
  display: block;
}

#LB260924yuli .lp-page button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

#LB260924yuli .bg-beige{
  background-color: var(--color-section-bg);
}

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

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

#LB260924yuli .lp-page .lp-deco {
  pointer-events: none;
}

#LB260924yuli .lp-page .lp-slider img,
#LB260924yuli .lp-page .lp-slider a {
  -webkit-user-drag: none;
  user-select: none;
}

#LB260924yuli .lp-page section,
#LB260924yuli .lp-page .lp-item {
  display: flow-root;
}

#LB260924yuli .lp-page {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

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

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

@media (min-width: 768px) {
  #LB260924yuli .lp-page .lp-layout {
    display: grid;
    align-items: start;
  }

  #LB260924yuli .lp-page .lp-layout--col-3 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%)
      minmax(0, 1fr);
  }
}

#LB260924yuli .lp-page .lp-layout__primary {
  overflow-x: clip;
  display: flow-root;
}

#LB260924yuli .lp-page .lp-layout__sub {
  display: none;
}

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

#LB260924yuli .lp-page .ani-zoom-out {
  display: block;
  overflow: hidden;
  opacity: 0;
  transition: opacity 2s;
}

#LB260924yuli .lp-page .ani-zoom-out img {
  scale: 1.1;
  transition: scale 2s;
}

#LB260924yuli .lp-page .ani-zoom-out.is-active {
  opacity: 1;
}

#LB260924yuli .lp-page .ani-zoom-out.is-active img {
  scale: 1;
}

#LB260924yuli .lp-page .ani-rail {
  opacity: 0;
  transition: opacity 1.2s var(--ease-base);
}

#LB260924yuli .lp-page .ani-rail.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #LB260924yuli .lp-page .ani-zoom-out,
  #LB260924yuli .lp-page .ani-soft-fade,
  #LB260924yuli .lp-page .ani-rail {
    opacity: 1;
    transition: none;
  }

  #LB260924yuli .lp-page .ani-zoom-out img {
    scale: 1;
    transition: none;
  }
}

#LB260924yuli .lp-page .lp-photo {
  position: relative;
}

#LB260924yuli .lp-page .lp-stack {
  position: relative;
  display: flow-root;
}

#LB260924yuli .lp-page .lp-photo--intro::after,
#LB260924yuli .lp-page .lp-photo--cta::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--color-gold);
  border-radius: 50%;
  pointer-events: none;
}

#LB260924yuli .lp-page .lp-photo--item::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--color-dark);
  pointer-events: none;
}

#LB260924yuli .lp-page .lp-credit {
  width: 100%;
  margin-left: calc(40 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: var(--color-gold);
  font-weight: 500;
}

#LB260924yuli .lp-page .lp-credit__row {
  display: flex;
  width: fit-content;
  gap: calc(20 * var(--formula));
}

#LB260924yuli .lp-page .lp-credit__item {
  display: block;
  color: inherit;
  text-decoration: none;
}

#LB260924yuli .lp-page .lp-mv {
  background-color: var(--color-section-bg);
}

#LB260924yuli .lp-page .lp-item--mv {
  position: relative;
  width: calc(750 * var(--formula));
}

#LB260924yuli .lp-page .lp-mv__title {
  position: absolute;
  top: calc(41 * var(--formula));
  left: calc(412 * var(--formula));
  width: calc(287 * var(--formula));
}
#LB260924yuli .lp-page .lp-mv__sub {
  position: absolute;
  top: calc(367 * var(--formula));
  left: calc(443 * var(--formula));
  width: calc(224 * var(--formula));
}
@media (min-width: 768px) {
  #LB260924yuli .lp-page .lp-mv__title {
    position: absolute;
    top: calc(20 * var(--formula_pc));
    left: calc(252 * var(--formula_pc));
    width: calc(212 * var(--formula_pc));
  }
  #LB260924yuli .lp-page .lp-mv__sub {
    top: calc(260 * var(--formula_pc));
    left: calc(285 * var(--formula_pc));
  }
}
#LB260924yuli .lp-page .lp-intro {
  background-color: var(--color-dark);
  padding-bottom: calc(110 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--intro {
  width: calc(410 * var(--formula));
  margin-top: calc(80 * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  #LB260924yuli .lp-page .lp-photo--intro {
      margin-top: calc(70 * var(--formula_pc));
  }
}

#LB260924yuli .lp-page .lp-intro__title {
  width: calc(495 * var(--formula));
  margin-top: calc(67 * var(--formula));
  margin-inline: auto;
}

#LB260924yuli .lp-page .lp-intro__lead {
  /* width: calc(670 * var(--formula)); */
  margin-top: calc(45 * var(--formula));
  margin-inline: auto;
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.045em;
  white-space: nowrap;
  text-align: center;
  color: var(--color-gold);
  font-weight: 400;
}

#LB260924yuli .lp-page .lp-chapter {
  background-color: var(--color-section-bg);
}

#LB260924yuli .lp-page .lp-photo--item {
  width: calc(340 * var(--formula));
  margin-left: calc(370 * var(--formula));
}

#LB260924yuli .lp-page .lp-chapter__title {
  width: calc(282 * var(--formula));
  margin-top: calc(-422 * var(--formula));
  margin-left: calc(35 * var(--formula));
}

#LB260924yuli .lp-page .lp-chapter__name {
  margin-top: calc(20 * var(--formula));
  margin-left: calc(35 * var(--formula));
}

#LB260924yuli .lp-page .lp-chapter__name--01 {
  width: calc(224 * var(--formula));
}

#LB260924yuli .lp-page .lp-chapter__name--02 {
  width: calc(222 * var(--formula));
}

#LB260924yuli .lp-page .lp-chapter__name--03 {
  width: calc(224 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c01-item {
  margin-top: calc(120 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c02-item,
#LB260924yuli .lp-page .lp-photo--c03-item {
  margin-top: calc(71 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c01-look01 {
  width: calc(750 * var(--formula));
  margin-top: calc(137 * var(--formula));
}

#LB260924yuli .lp-page .lp-stack--c01-mid {
  width: calc(750 * var(--formula));
  margin-top: calc(81 * var(--formula));
}

#LB260924yuli .lp-page .lp-pattern--c01-01 {
  position: absolute;
  top: calc(130 * var(--formula));
  left: calc(260 * var(--formula));
  width: calc(490 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c01-look02 {
  z-index: 1;
  width: calc(510 * var(--formula));
  background-color: white;
}

#LB260924yuli .lp-page .lp-slider--c01 {
  z-index: 1;
  width: calc(750 * var(--formula));
  margin-top: calc(40 * var(--formula));
  background-color: var(--color-section-bg);
}

#LB260924yuli .lp-page .lp-credit--c01-01,
#LB260924yuli .lp-page .lp-credit--c01-02,
#LB260924yuli .lp-page .lp-credit--c02-01,
#LB260924yuli .lp-page .lp-credit--c02-02,
#LB260924yuli .lp-page .lp-credit--c03-01 {
  margin-top: calc(32 * var(--formula));
}

#LB260924yuli .lp-page .lp-stack--c01-last {
  width: calc(750 * var(--formula));
  height: calc(908 * var(--formula));
  margin-top: calc(111 * var(--formula));
}

#LB260924yuli .lp-page .lp-pattern--c01-02 {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(750 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c01-look03 {
  z-index: 1;
  width: calc(630 * var(--formula));
  margin-top: calc(60 * var(--formula));
  margin-left: calc(60 * var(--formula));
  background-color: var(--color-section-bg);
}

#LB260924yuli .lp-page .lp-chapter--01 {
  padding-bottom: calc(40 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c02-look01 {
  width: calc(750 * var(--formula));
  margin-top: calc(136 * var(--formula));
}

#LB260924yuli .lp-page .lp-stack--c02-last {
  width: calc(750 * var(--formula));
  margin-top: calc(111 * var(--formula));
}

#LB260924yuli .lp-page .lp-pattern--c02-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(570 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c02-look02 {
  z-index: 1;
  width: calc(570 * var(--formula));
  margin-top: calc(80 * var(--formula));
  margin-left: calc(180 * var(--formula));
  /* background-color: var(--color-section-bg); */
  background-color: #000;
}

#LB260924yuli .lp-page .lp-chapter--02 {
  padding-bottom: calc(41 * var(--formula));
}

#LB260924yuli .lp-page .lp-slider--c03 {
  width: calc(750 * var(--formula));
  margin-top: calc(136 * var(--formula));
}

#LB260924yuli .lp-page .lp-stack--c03-last {
  width: calc(750 * var(--formula));
  height: calc(920 * var(--formula));
  margin-top: calc(80 * var(--formula));
}

#LB260924yuli .lp-page .lp-pattern--c03-01 {
  position: absolute;
  top: calc(80 * var(--formula));
  left: calc(120 * var(--formula));
  width: calc(630 * var(--formula));
}

#LB260924yuli .lp-page .lp-photo--c03-look01 {
  z-index: 1;
  width: calc(630 * var(--formula));
  background-color: white;
}

#LB260924yuli .lp-page .lp-chapter--03 {
  padding-bottom: calc(111 * var(--formula));
}

#LB260924yuli .lp-page .lp-slider {
  position: relative;
}

#LB260924yuli .lp-page .lp-slider__pager {
  position: absolute;
  left: auto;
  right: calc(20 * var(--formula));
  bottom: calc(20 * var(--formula));
  width: calc(132 * var(--formula));
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

#LB260924yuli .lp-page .lp-slider__pager .swiper-pagination-bullet {
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-bullet-horizontal-gap: 0;
  position: relative;
  display: block;
  width: calc(61 * var(--formula));
  height: calc(4 * var(--formula));
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 0;
  opacity: 1;
  background: rgba(246, 247, 239, 0.4);
}

#LB260924yuli .lp-page .lp-slider__pager .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background-color: #f6f7ef;
}

#LB260924yuli .lp-page .lp-slider__pager .swiper-pagination-bullet-active::after {
  animation: lb-slider-progress 4s linear forwards;
}

@keyframes lb-slider-progress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #LB260924yuli .lp-page .lp-slider__pager .swiper-pagination-bullet-active::after {
    animation: none;
    width: 100%;
  }
}

#LB260924yuli .lp-page .lp-cta {
  background-color: var(--color-dark);
  padding-bottom: calc(178 * var(--formula));
}

#LB260924yuli .lp-page .lp-cta__sub {
  width: calc(224 * var(--formula));
  margin-top: calc(115 * var(--formula));
  margin-inline: auto;
}

#LB260924yuli .lp-page .lp-stack--cta {
  width: calc(610 * var(--formula));
  margin-top: calc(4 * var(--formula));
  margin-inline: auto;
}

#LB260924yuli .lp-page .lp-cta__title {
  position: absolute;
  top: calc(9 * var(--formula));
  left: calc(164 * var(--formula));
  width: calc(282 * var(--formula));
}

#LB260924yuli .lp-page .lp-cta__link {
  display: flex;
  align-items: flex-start;
  margin-inline: auto;
}

#LB260924yuli .lp-page .lp-cta__link--collection {
  width: calc(407 * var(--formula));
  margin-top: calc(68 * var(--formula));
}

#LB260924yuli .lp-page .lp-cta__link--all {
  width: calc(257 * var(--formula));
  margin-top: calc(34 * var(--formula));
}

#LB260924yuli .lp-page .lp-cta__label--collection {
  width: calc(342 * var(--formula));
}

#LB260924yuli .lp-page .lp-cta__label--all {
  width: calc(192 * var(--formula));
}

#LB260924yuli .lp-page .lp-cta__arrow {
  width: calc(36 * var(--formula));
  margin-top: calc(11 * var(--formula));
  margin-left: calc(29 * var(--formula));
}

@media (min-width: 768px) {
  #LB260924yuli .lp-page .lp-rail--left {
    width: auto;
  }

  #LB260924yuli .lp-page .lp-rail__title {
    width: calc(218 * var(--formula_pc));
    margin-left: calc(3 * var(--formula_pc));
    /* margin-top: calc(17 * var(--formula_pc)); */
  }

  #LB260924yuli .lp-page .lp-rail__sub {
    width: calc(148 * var(--formula_pc));
    margin-top: calc(10 * var(--formula_pc));
    margin-left: calc(35 * var(--formula_pc));
  }

  #LB260924yuli .lp-page .lp-rail--right {
    width: calc(215 * var(--formula_pc));
  }

  #LB260924yuli .lp-page .lp-rail__link {
    display: flex;
    align-items: flex-start;
    margin-inline: auto;
    text-decoration: none;
  }

  #LB260924yuli .lp-page .lp-rail__link--collection {
    width: calc(215 * var(--formula_pc));
    /* margin-top: calc(10 * var(--formula_pc)); */
  }

  #LB260924yuli .lp-page .lp-rail__link--all {
    width: calc(143 * var(--formula_pc));
    margin-top: calc(34 * var(--formula_pc));
  }

  #LB260924yuli .lp-page .lp-rail__arrow {
    width: calc(18 * var(--formula_pc));
    margin-top: calc(6 * var(--formula_pc));
    margin-left: calc(24 * var(--formula_pc));
  }

  #LB260924yuli .lp-page .lp-rail__label--collection {
    width: calc(174 * var(--formula_pc));
  }

  #LB260924yuli .lp-page .lp-rail__label--all {
    width: calc(98 * var(--formula_pc));
  }
}
