@charset "UTF-8";

.lp-page {
  --pc-width: 1920;
  --sp-width: 750;
  --pc-artboard-width: 560;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #070023;
  --color-bg: #fff;
  --color-ink: #000;
  --color-logo: #fefff5;
  --color-logo-shadow: #7c6755;
  --font-base: "berthold-baskerville-pro", "Baskervville", Baskerville, "Times New Roman", serif;
  --font-script: "parfumerie-script", "Parfumerie Script", serif;
  --font-display: "cofo-raffine", "CoFo Raffine", serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  
  --header-offset: 0px;
}

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

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

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

.lp-page * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  
  font-feature-settings: normal;
}

.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;
}

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

.lp-page picture {
  display: block;
}

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

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

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

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

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

.lp-page .lp-slider__pager {
  position: static;
}

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

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

.lp-page .ani-inview {
  opacity: 0;
  translate: 0 calc(30 * var(--formula, 1px));
  transition: opacity var(--duration-base) var(--ease-base),
    translate var(--duration-base) var(--ease-base);
}

.lp-page .ani-inview.is-active {
  opacity: 1;
  translate: 0 0;
}

.lp-page .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
}

.lp-page .ani-fade.is-active {
  opacity: 1;
}

.lp-page .ani-blur {
  opacity: 0;
  filter: blur(calc(12 * var(--formula, 1px)));
  transition: opacity var(--duration-base) var(--ease-base),
    filter var(--duration-base) var(--ease-base);
}

.lp-page .ani-blur.is-active {
  opacity: 1;
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
  .lp-page .ani-inview,
  .lp-page .ani-fade,
  .lp-page .ani-blur {
    opacity: 1;
    translate: 0 0;
    filter: none;
    transition: none;
  }
}

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

@media (min-width: 768px) {
  .lp-page {
    background: #d4d7dd;
  }
}

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

@media (min-width: 768px) {
  .lp-page .lp-layout { display: grid; align-items: start; }
  .lp-page .lp-layout--col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .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);
  }
}

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

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

@media (min-width: 768px) {
  .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;
  }

  /* 左右レールは Dress01 の画像で現れ、Dress05 の画像で消える（PC 指示書「追従」「追従解除」）。
     表示区間の判定は JS の `setupRailRange`（`.js-rail-start` 〜 `.js-rail-end`） */
  .lp-page .lp-rail {
    opacity: 0;
    transition: opacity var(--duration-base) var(--ease-base);
  }

  .lp-page .lp-rail.is-visible {
    opacity: 1;
  }

  .lp-page .lp-rail:not(.is-visible) .lp-rail__link {
    pointer-events: none;
  }
}

#FR260924occasion .lp-page figure {
  margin: 0;
}

#FR260924occasion .lp-page a {
  color: inherit;
  text-decoration: none;
}

#FR260924occasion .lp-mv {
  position: sticky;
  top: 0;
  z-index: 1;
}

#FR260924occasion .lp-main {
  position: relative;
  z-index: 2;
  margin-top: calc(-60 * var(--formula));
  padding-top: calc(60 * var(--formula));
  background-image: url(../img/lace-top.png), linear-gradient(var(--color-bg), var(--color-bg));
  background-repeat: no-repeat, no-repeat;
  background-position: top left, left calc(41 * var(--formula));
  background-size: 100% calc(42 * var(--formula)), 100% calc(100% - 42 * var(--formula));
}

#FR260924occasion .lp-page .lp-mv__title {
  font-family: var(--font-display);
  color: var(--color-logo);
}

#FR260924occasion .lp-page .lp-mv__title-main {
  font-family: var(--font-script);
}

#FR260924occasion .lp-page .lp-catch {
  text-transform: uppercase;
}

#FR260924occasion .lp-page .lp-look__title {
  font-family: var(--font-script);
  color: var(--color-ink);
}

#FR260924occasion .lp-page .lp-look__num {
  font-family: var(--font-display);
  color: var(--color-ink);
}

#FR260924occasion .lp-page .lp-credit {
  color: var(--color-text);
}

#FR260924occasion .lp-page .lp-credit__row {
  white-space: inherit;
}

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

#FR260924occasion .lp-page .lp-slider__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(11 * var(--formula));
}

#FR260924occasion .lp-page .lp-slider__pager .swiper-pagination-bullet {
  width: calc(11 * var(--formula));
  height: calc(11 * var(--formula));
  margin: 0;
  background-color: transparent;
  border: max(1px, calc(1 * var(--formula))) solid #fff;
  border-radius: 50%;
  opacity: 1;
}

#FR260924occasion .lp-page .lp-slider__pager .swiper-pagination-bullet-active {
  background-color: #fff;
}

#FR260924occasion .lp-page .lp-checkall__link {
  display: block;
  height: calc(70 * var(--formula));
  border: max(1px, calc(1 * var(--formula))) solid var(--color-ink);
  border-radius: 50%;
}

#FR260924occasion .lp-page .lp-checkall__label {
  font-family: var(--font-display);
  color: var(--color-ink);
  text-transform: uppercase;
}

#FR260924occasion .lp-page .lp-staff__sub {
  font-family: var(--font-display);
  color: var(--color-ink);
}

#FR260924occasion .lp-page .lp-staff__main {
  font-family: var(--font-script);
  color: var(--color-ink);
}

#FR260924occasion .lp-page .lp-staff__credit {
  color: var(--color-text);
}

#FR260924occasion .lp-page .lp-rail {
  display: none;
}

@media (min-width: 768px) {
  #FR260924occasion .lp-page .lp-rail {
    display: block;
  }

  #FR260924occasion .lp-page .lp-rail--logo {
    position: relative;
    width: calc(313 * var(--formula_pc));
    height: calc(109 * var(--formula_pc));
    font-family: var(--font-display);
    color: var(--color-ink);
  }

  #FR260924occasion .lp-page .lp-rail__main {
    display: block;
    margin-top: calc(-12 * var(--formula_pc));
    margin-left: calc(6 * var(--formula_pc));
    width: calc(313 * var(--formula_pc));
    font-family: var(--font-script);
    font-size: calc(99 * var(--formula_pc));
    line-height: 0.9061;
    letter-spacing: 0em;
    text-align: center;
    white-space: nowrap;
  }

  #FR260924occasion .lp-page .lp-rail__sub {
    position: absolute;
    font-size: calc(23 * var(--formula_pc));
    line-height: 0.8407;
    letter-spacing: -0.01em;
    text-align: center;
    white-space: nowrap;
  }

  #FR260924occasion .lp-page .lp-rail__sub--dress {
    top: calc(-19 * var(--formula_pc));
    left: calc(213 * var(--formula_pc));
    width: calc(83 * var(--formula_pc));
  }

  #FR260924occasion .lp-page .lp-rail__sub--for {
    top: calc(1 * var(--formula_pc));
    left: calc(235 * var(--formula_pc));
    width: calc(39 * var(--formula_pc));
  }

  #FR260924occasion .lp-page .lp-rail--checkall {
    position: relative;
    width: calc(175 * var(--formula_pc));
    height: calc(70 * var(--formula_pc));
  }

  #FR260924occasion .lp-page .lp-rail__link {
    display: block;
    height: 100%;
    border: max(1px, calc(1 * var(--formula_pc))) solid var(--color-ink);
    border-radius: 50%;
    font-family: var(--font-display);
    color: var(--color-ink);
    font-size: calc(25 * var(--formula_pc));
    line-height: calc(70 * var(--formula_pc));
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    top: calc(-40 * var(--formula_pc));
    left: calc(-4 * var(--formula_pc));
    padding-top: calc(3 * var(--formula_pc));
  }
}

#FR260924occasion .lp-page .lp-mv__inner {
  position: relative;
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-mv__photo {
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-mv__title-main {
  position: absolute;
  top: calc(912 * var(--formula));
  left: calc(48 * var(--formula));
  width: calc(652 * var(--formula));
  font-size: calc(205 * var(--formula));
  line-height: 0.9061;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-mv__title-dress {
  position: absolute;
  top: calc(896 * var(--formula));
  left: calc(476 * var(--formula));
  width: calc(174 * var(--formula));
  font-size: calc(48 * var(--formula));
  line-height: 0.8407;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-mv__title-for {
  position: absolute;
  top: calc(940 * var(--formula));
  left: calc(523 * var(--formula));
  width: calc(82 * var(--formula));
  font-size: calc(48 * var(--formula));
  line-height: 0.8407;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-catch {
  margin-top: calc(169 * var(--formula));
  margin-left: calc(155 * var(--formula));
  width: calc(440 * var(--formula));
  font-size: calc(23 * var(--formula));
  line-height: 1.3478;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: normal;
}

#FR260924occasion .lp-page .lp-look__media--01 {
  position: relative;
  margin-top: calc(29 * var(--formula));
  margin-left: calc(66 * var(--formula));
  width: calc(618 * var(--formula));
  height: calc(945 * var(--formula));
}

#FR260924occasion .lp-page .lp-slider--01 {
  width: calc(618 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__title--01 {
  position: absolute;
  top: calc(817 * var(--formula));
  left: calc(15 * var(--formula));
  width: calc(73 * var(--formula));
  font-size: calc(50 * var(--formula));
  line-height: 0.9062;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-slider__pager--01 {
  position: absolute;
  top: calc(799 * var(--formula));
  left: calc(570 * var(--formula));
  width: calc(31 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__num--01 {
  position: absolute;
  top: calc(855 * var(--formula));
  left: calc(17 * var(--formula));
  width: calc(71 * var(--formula));
  font-size: calc(90 * var(--formula));
  line-height: 1.0083;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-credit--01 {
  margin-top: calc(-86 * var(--formula));
  margin-left: calc(227 * var(--formula));
  width: calc(457 * var(--formula));
  font-size: calc(19 * var(--formula));
  line-height: 1.5263;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-photo--02a {
  margin-top: calc(153 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__media--02 {
  position: relative;
  margin-top: calc(17 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(1111 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__photo--02 {
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__title--02 {
  position: absolute;
  top: calc(981 * var(--formula));
  left: calc(643 * var(--formula));
  width: calc(73 * var(--formula));
  font-size: calc(50 * var(--formula));
  line-height: 0.9062;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-look__num--02 {
  position: absolute;
  top: calc(1019 * var(--formula));
  left: calc(640 * var(--formula));
  width: calc(79 * var(--formula));
  font-size: calc(90 * var(--formula));
  line-height: 1.0083;
  letter-spacing: 0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-credit--02 {
  margin-top: calc(-79 * var(--formula));
  margin-left: calc(31 * var(--formula));
  width: calc(514 * var(--formula));
  font-size: calc(19 * var(--formula));
  line-height: 1.5263;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-photo--03a {
  margin-top: calc(224 * var(--formula));
  width: calc(749 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__media--03 {
  position: relative;
  margin-top: calc(103 * var(--formula));
  margin-left: calc(73 * var(--formula));
  width: calc(582 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__photo--03 {
  margin-left: calc(22 * var(--formula));
  width: calc(560 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__title--03 {
  position: absolute;
  top: calc(46 * var(--formula));
  left: calc(7 * var(--formula));
  width: calc(73 * var(--formula));
  font-size: calc(50 * var(--formula));
  line-height: 0.9062;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-look__num--03 {
  position: absolute;
  top: calc(81 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(87 * var(--formula));
  font-size: calc(90 * var(--formula));
  line-height: 1.0083;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-credit--03 {
  margin-top: calc(16 * var(--formula));
  margin-left: calc(296 * var(--formula));
  width: calc(359 * var(--formula));
  font-size: calc(19 * var(--formula));
  line-height: 1.5263;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-slider--04 {
  position: relative;
  margin-top: calc(216 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-slider__pager--04 {
  position: absolute;
  top: calc(973 * var(--formula));
  left: calc(703 * var(--formula));
  width: calc(31 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__media--04 {
  position: relative;
  margin-top: calc(15 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(1109 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__photo--04 {
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__title--04 {
  position: absolute;
  top: calc(980 * var(--formula));
  left: calc(36 * var(--formula));
  width: calc(73 * var(--formula));
  font-size: calc(50 * var(--formula));
  line-height: 0.9062;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-look__num--04 {
  position: absolute;
  top: calc(1017 * var(--formula));
  left: calc(32 * var(--formula));
  width: calc(83 * var(--formula));
  font-size: calc(90 * var(--formula));
  line-height: 1.0083;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-credit--04 {
  margin-top: calc(-76 * var(--formula));
  margin-left: calc(221 * var(--formula));
  width: calc(498 * var(--formula));
  font-size: calc(19 * var(--formula));
  line-height: 1.5263;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-slider--05 {
  position: relative;
  margin-top: calc(192 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR260924occasion .lp-page .lp-slider__pager--05 {
  position: absolute;
  top: calc(970 * var(--formula));
  left: calc(698 * var(--formula));
  width: calc(31 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__media--05 {
  position: relative;
  margin-top: calc(15 * var(--formula));
  margin-left: calc(1 * var(--formula));
  width: calc(749 * var(--formula));
  height: calc(1107 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__photo--05 {
  width: calc(749 * var(--formula));
}

#FR260924occasion .lp-page .lp-look__title--05 {
  position: absolute;
  top: calc(980 * var(--formula));
  left: calc(636 * var(--formula));
  width: calc(73 * var(--formula));
  font-size: calc(50 * var(--formula));
  line-height: 0.9062;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-look__num--05 {
  position: absolute;
  top: calc(1016 * var(--formula));
  left: calc(630 * var(--formula));
  width: calc(87 * var(--formula));
  font-size: calc(90 * var(--formula));
  line-height: 1.0083;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-credit--05 {
  margin-top: calc(-83 * var(--formula));
  margin-left: calc(33 * var(--formula));
  width: calc(519 * var(--formula));
  font-size: calc(19 * var(--formula));
  line-height: 1.5263;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-photo--still {
  margin-top: calc(206 * var(--formula));
  margin-left: calc(151 * var(--formula));
  width: calc(451 * var(--formula));
}

#FR260924occasion .lp-page .lp-credit--still {
  margin-top: calc(15 * var(--formula));
  margin-left: calc(226 * var(--formula));
  width: calc(301 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.3125;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-staff {
  position: relative;
  margin-top: calc(127 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(670 * var(--formula));
  height: calc(389 * var(--formula));
}

#FR260924occasion .lp-page .lp-staff__credit {
  position: absolute;
  top: calc(168 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(670 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 1.2778;
  letter-spacing: -0.015em;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt";
}

#FR260924occasion .lp-page .lp-staff__main {
  position: absolute;
  top: calc(11 * var(--formula));
  left: calc(122 * var(--formula));
  width: calc(430 * var(--formula));
  font-size: calc(135 * var(--formula));
  line-height: 0.9061;
  letter-spacing: 0.0em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-staff__sub--dress {
  position: absolute;
  top: calc(3 * var(--formula));
  left: calc(404 * var(--formula));
  width: calc(115 * var(--formula));
  font-size: calc(32 * var(--formula));
  line-height: 0.8406;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-staff__sub--for {
  position: absolute;
  top: calc(32 * var(--formula));
  left: calc(435 * var(--formula));
  width: calc(54 * var(--formula));
  font-size: calc(32 * var(--formula));
  line-height: 0.8406;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-checkall {
  position: relative;
  margin-top: calc(61 * var(--formula));
  margin-left: calc(287 * var(--formula));
  width: calc(175 * var(--formula));
}

#FR260924occasion .lp-page .lp-checkall__link {
  width: calc(175 * var(--formula));
}

#FR260924occasion .lp-page .lp-checkall__label {
  position: absolute;
  top: calc(30 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(115 * var(--formula));
  font-size: calc(25 * var(--formula));
  line-height: 0.841;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: nowrap;
}

#FR260924occasion .lp-page .lp-deco-lace {
  margin-top: calc(1 * var(--formula));
  width: calc(749 * var(--formula));
}