@charset "UTF-8";

@media screen and (min-width: 768px) {
  .header-logo {
    display: none !important;
  }
}

.footer {
  padding-top: 0;
}

.footer .footer-nav {
  margin-left: -1.6vw;
  width: 100%;
  padding-top: 6.6666666667vw;
}

.main-area {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  #breadcrumb {
    width: auto !important;
  }
}

@media screen and (min-width: 768px) {
  #Contents {
    padding-top: 5rem;
  }
}

#Wrap {
  padding: 0;
  margin: 0;
}

#MR260907OUTERPRE {
  --pc-width: 2100;
  --sp-width: 750;
  --pc-artboard-width: 675;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #331f17;
  --color-bg: #fff;
  --color-dark: #281712;
  --color-light: #cccbbe;
  --font-base: "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-display: "cormorant", "Times New Roman", Times, serif;
  --font-en: "helvetica-neue-lt-pro", "Helvetica Neue", Arial, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-blur: ease;
  --duration-base: 0.9s;
  --duration-wipe: 1.2s;
  --duration-blur: 0.7s;
  --header-offset: 0px;
}

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

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

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

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

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

#MR260907OUTERPRE h1,
#MR260907OUTERPRE h2,
#MR260907OUTERPRE h3,
#MR260907OUTERPRE h4,
#MR260907OUTERPRE h5,
#MR260907OUTERPRE h6,
#MR260907OUTERPRE p {
  margin: 0;
}

#MR260907OUTERPRE picture {
  display: block;
}

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

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

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

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

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

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

/* 透過だけで出す（移動は付けない） */
#MR260907OUTERPRE .ani-inview {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
}

#MR260907OUTERPRE .ani-inview.is-active {
  opacity: 1;
}

@media (min-width: 768px) {
  #MR260907OUTERPRE .lp-item .ani-inview {
    transition-delay: 0.8s;
  }
}

/* #MR260907OUTERPRE .ani-wipe {
  transition: clip-path var(--duration-wipe) var(--ease-base);
}

#MR260907OUTERPRE .ani-wipe--t {
  clip-path: inset(0 0 100% 0);
}

#MR260907OUTERPRE .ani-wipe--b {
  clip-path: inset(100% 0 0 0);
}

#MR260907OUTERPRE .ani-wipe.is-active {
  clip-path: inset(0 0 0 0);
} */

/* #MR260907OUTERPRE .ani-riseup {
  opacity: 0;
  translate: 0 calc(60 * var(--formula));
  transition: opacity var(--duration-wipe) var(--ease-base),
    translate var(--duration-wipe) var(--ease-base);
}

#MR260907OUTERPRE .ani-riseup.is-active {
  opacity: 1;
  translate: 0 0;
} */

/* ぼかしは可変させず 20px 固定。透過が先、ピントは 0.2s 遅れて合う */
#MR260907OUTERPRE .ani-blur {
  opacity: 0;
  filter: blur(20px);
  will-change: filter;
  transition: opacity var(--duration-blur) var(--ease-blur),
    filter var(--duration-blur) var(--ease-blur) 0.2s;
}

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

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

  #MR260907OUTERPRE .ani-wipe {
    clip-path: inset(0 0 0 0);
    transition: none;
  }
}

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

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

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

  #MR260907OUTERPRE .lp-layout--col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

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

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

#MR260907OUTERPRE .lp-cover {
  position: relative;
  width: 100%;
  height: 100%;
}

#MR260907OUTERPRE .lp-cover__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: center top;
}

#MR260907OUTERPRE .lp-cover__title {
  position: absolute;
  top: calc(58 * var(--formula_pc));
  right: calc(51 * var(--formula_pc));
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: calc(51 * var(--formula_pc));
  line-height: 1.0956;
  letter-spacing: 0.041em;
}

#MR260907OUTERPRE .lp-cover__logo {
  position: absolute;
  bottom: calc(120 * var(--formula_pc));
  left: 50%;
  transform: translateX(-50%);
  width: calc(201 * var(--formula_pc));
}

#MR260907OUTERPRE .lp-cover__lead {
  position: absolute;
  bottom: calc(62 * var(--formula_pc));
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: calc(29 * var(--formula_pc));
  line-height: 1.0954;
  letter-spacing: 0.039em;
}

#MR260907OUTERPRE .lp-mv__frame {
  position: relative;
}

#MR260907OUTERPRE .lp-mv__title {
  position: absolute;
  top: calc(56 * var(--formula));
  right: calc(53 * var(--formula));
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: calc(46 * var(--formula));
  line-height: 1.0956;
  letter-spacing: 0.04em;
}

#MR260907OUTERPRE .lp-mv__logo {
  position: absolute;
  top: calc(950 * var(--formula));
  left: calc(285 * var(--formula));
  width: calc(179 * var(--formula));
}

#MR260907OUTERPRE .lp-mv__lead {
  position: absolute;
  top: calc(998 * var(--formula));
  left: calc(241 * var(--formula));
  white-space: nowrap;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: calc(26 * var(--formula));
  line-height: 1.0954;
  letter-spacing: 0.04em;
}

#MR260907OUTERPRE .lp-offer {
  display: flow-root;
  padding-bottom: calc(140 * var(--formula));
  background-color: var(--color-dark);
  color: var(--color-light);
}

#MR260907OUTERPRE .lp-offer__heading {
  display: flex;
  align-items: center;
  gap: calc(24 * var(--formula));
  margin-top: calc(134 * var(--formula));
  /* width: calc(var(--pc-artboard-width) * var(--formula_pc)); */
  margin-right: auto;
  margin-left: auto;
}

#MR260907OUTERPRE .lp-offer__heading::before,
#MR260907OUTERPRE .lp-offer__heading::after {
  content: "";
  flex: 1;
  height: calc(2 * var(--formula));
  background-color: var(--color-light);
}

#MR260907OUTERPRE .lp-offer__heading-text {
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: calc(44 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}

#MR260907OUTERPRE .lp-offer__label {
  margin-top: calc(69 * var(--formula));
  white-space: nowrap;
  font-family: var(--font-en);
  font-weight: 300;
  font-size: calc(32 * var(--formula));
  line-height: 1.0711;
  letter-spacing: 0.06em;
  text-align: center;
}

#MR260907OUTERPRE .lp-offer__rate {
  margin-top: calc(22 * var(--formula));
  white-space: nowrap;
  font-family: var(--font-en);
  font-weight: 300;
  font-size: calc(74 * var(--formula));
  line-height: 1.40625;
  letter-spacing: 0.06em;
  text-align: center;
}

#MR260907OUTERPRE .lp-offer__rate span{
  font-size: calc(90 * var(--formula));
  line-height: 1;
}

#MR260907OUTERPRE .lp-offer__term {
  margin-top: calc(36 * var(--formula));
  white-space: nowrap;
  font-family: var(--font-en);
  font-weight: 300;
  font-size: calc(28 * var(--formula));
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
}

#MR260907OUTERPRE .lp-offer__catch {
  margin-top: calc(95 * var(--formula));
  white-space: nowrap;
  font-weight: 400;
  font-size: calc(32 * var(--formula));
  font-family: "helvetica-neue-lt-pro", "hiragino-kaku-gothic-pron";
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}

#MR260907OUTERPRE .lp-offer__text {
  margin-top: calc(53 * var(--formula));
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  font-weight: 400;
  font-size: calc(24 * var(--formula));
  font-family: "helvetica-neue-lt-pro", "hiragino-kaku-gothic-pron";
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
}

#MR260907OUTERPRE .lp-offer__action {
  display: flex;
  justify-content: center;
  margin-top: calc(48 * var(--formula));
}

#MR260907OUTERPRE .lp-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  font-family: var(--font-display);
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
}

#MR260907OUTERPRE .lp-button--offer {
  width: calc(400 * var(--formula));
  height: calc(76 * var(--formula));
  border: calc(2 * var(--formula)) solid var(--color-light);
  font-size: calc(34 * var(--formula));
}

#MR260907OUTERPRE .lp-button--outro {
  width: calc(480 * var(--formula));
  height: calc(92 * var(--formula));
  border: calc(2 * var(--formula)) solid var(--color-text);
  font-size: calc(40 * var(--formula));
  line-height: 1;
}

#MR260907OUTERPRE .lp-item {
  display: flow-root;
}

#MR260907OUTERPRE .lp-item--long {
  padding-bottom: calc(162 * var(--formula));
}

#MR260907OUTERPRE .lp-item--reversible {
  padding-bottom: calc(160 * var(--formula));
  background-color: var(--color-dark);
  color: var(--color-light);
}

#MR260907OUTERPRE .lp-item--ecofur {
  padding-bottom: calc(160 * var(--formula));
  background-color: var(--color-dark);
  color: var(--color-light);
}

#MR260907OUTERPRE .lp-item--stand {
  padding-bottom: calc(100 * var(--formula));
}

#MR260907OUTERPRE .lp-gallery {
  display: flow-root;
  padding-bottom: calc(160 * var(--formula));
}

#MR260907OUTERPRE .lp-outro {
  display: flow-root;
  padding-bottom: calc(205 * var(--formula));
}

#MR260907OUTERPRE .lp-credit a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(700 * var(--formula));
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  color: inherit;
}

#MR260907OUTERPRE .lp-credit__name {
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: calc(48 * var(--formula));
  line-height: 1.2;
  letter-spacing: 0.04em;
}

#MR260907OUTERPRE .lp-credit__price {
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: calc(30 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums;
}

#MR260907OUTERPRE .lp-credit--long {
  margin-top: calc(152 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--long .lp-credit__name {
  line-height: 1.0956;
}

#MR260907OUTERPRE .lp-credit--long .lp-credit__price {
  margin-top: calc(15 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--reversible {
  margin-top: calc(149 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--reversible .lp-credit__price {
  margin-top: calc(76 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--ecofur {
  margin-top: calc(149 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--ecofur .lp-credit__price {
  margin-top: calc(76 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--stand {
  margin-top: calc(150 * var(--formula));
}

#MR260907OUTERPRE .lp-credit--stand .lp-credit__price {
  margin-top: calc(75 * var(--formula));
}

#MR260907OUTERPRE .lp-photo {
  position: relative;
  background-color: var(--color-bg);
}

#MR260907OUTERPRE .lp-item--reversible .lp-photo,
#MR260907OUTERPRE .lp-item--ecofur .lp-photo {
  background-color: var(--color-dark);
}

#MR260907OUTERPRE .lp-photo a {
  display: block;
}

#MR260907OUTERPRE .lp-photo--long {
  margin-top: calc(7 * var(--formula));
  width: calc(750 * var(--formula));
}

#MR260907OUTERPRE .lp-item--reversible .lp-photo--switch.lp-photo--reversible{
  margin-left: auto;
  margin-right: auto;
  width: calc(700 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--switch.lp-photo--reversible {
  margin-top: calc(5 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--pair {
  display: flow-root;
}

#MR260907OUTERPRE .lp-photo--pair.lp-photo--reversible {
  margin-top: calc(100 * var(--formula));
  margin-left: calc(25 * var(--formula));
  width: calc(700 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--gallery {
  margin-top: calc(160 * var(--formula));
  margin-left: auto;
  margin-right: auto;
  width: calc(600 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--ecofur {
  margin-top: calc(5 * var(--formula));
  margin-left: calc(25 * var(--formula));
  width: calc(700 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--stand {
  margin-top: calc(4 * var(--formula));
  width: calc(750 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--outro {
  width: calc(750 * var(--formula));
}

#MR260907OUTERPRE .lp-photo__front {
  position: absolute;
  padding: calc(10 * var(--formula));
  width: calc(580 * var(--formula));
}

#MR260907OUTERPRE .lp-photo__front--dark {
  background-color: var(--color-text);
}

#MR260907OUTERPRE .lp-photo__front--light {
  background-color: #fff;
}

#MR260907OUTERPRE .lp-photo--pair .lp-photo__back {
  position: sticky;
  top: var(--header-offset, 0px);
}

@media screen and (max-width: 767px) {
  #MR260907OUTERPRE .lp-photo--pair .lp-photo__back {
    top: calc(50 * (100vw / 750));
  }
}

#MR260907OUTERPRE .lp-item--long .lp-photo--pair .lp-photo__front {
    margin-bottom: calc(109 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--pair .lp-photo__front {
  position: relative;
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: calc(77 * var(--formula));
}

#MR260907OUTERPRE .lp-photo--switch .swiper-pagination {
  position: absolute;
  right: calc(20 * var(--formula));
  bottom: calc(20 * var(--formula));
  left: auto;
  display: flex;
  gap: calc(20 * var(--formula));
  width: auto;
}

#MR260907OUTERPRE .lp-photo--switch .swiper-pagination-bullet {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  margin: 0;
  background-color: transparent;
  border: calc(1 * var(--formula)) solid var(--color-text);
  opacity: 1;
}

#MR260907OUTERPRE .lp-photo--switch .swiper-pagination-bullet-active {
  background-color: var(--color-text);
}

#MR260907OUTERPRE .lp-outro__action {
  margin-top: calc(200 * var(--formula));
  margin-left: calc(135 * var(--formula));
}

#MR260907OUTERPRE .lp-cover__lead,
#MR260907OUTERPRE .lp-mv__title,
#MR260907OUTERPRE .lp-mv__lead,
#MR260907OUTERPRE .lp-offer__heading-text,
#MR260907OUTERPRE .lp-button,
#MR260907OUTERPRE .lp-credit__name,
#MR260907OUTERPRE .lp-credit__price,
#MR260907OUTERPRE .lp-cover__title {
  font-weight: 400;
}