@charset "UTF-8";

#Contents .main-area {
  padding-top: 0;
}
#Contents .main-area.lp {
  margin-bottom: 0;
}
.header[data-header-theme="light"],
.header[data-header-theme="dark"] {
  background: unset;
}

.main-area * {
  padding-top: 0;
  color: var(--black);
}

#MC261112lipserum .lp-page {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 480;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --formula-rail: calc(100vw / var(--pc-width));
  --color-text: #bba863;
  --color-bg: transparent;
  --font-base: "dnp-shuei-mincho-pr6", serif;
  --font-en: "baskerville-urw", serif;
  --color-line: #bba863;
  --color-bg-top: #e7edf2;
  --color-bg-bottom: #95adb0;
  --ease-base: ease-in-out;
  --duration-base: 1.6s;

  --header-offset: 0px;
}

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

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

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

#MC261112lipserum .lp-page * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;

  font-feature-settings: "palt";
}

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

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

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

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

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

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

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

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

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

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

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

#MC261112lipserum .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);
}

#MC261112lipserum .lp-page .ani-inview.is-active {
  opacity: 1;
  translate: none;
}

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

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

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

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

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

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

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

#MC261112lipserum .lp-page [id] {
  scroll-margin-top: var(--header-offset, 0px);
}

#MC261112lipserum .lp-page .lp-pin {
  position: sticky;
  top: calc((100vh + var(--header-offset, 0px) - var(--pin-height, 0px)) / 2);
}

#MC261112lipserum .lp-page .lp-photo-pin { position: relative; }
#MC261112lipserum .lp-page .lp-photo-pin__layer { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
#MC261112lipserum .lp-page .lp-photo-pin__layer.is-shown { pointer-events: auto; }

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

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

#MC261112lipserum .lp-page .lp-intro {
  padding-bottom: calc(100 * var(--formula));
}

#MC261112lipserum .lp-page .lp-mv {
  position: relative;
  margin-top: calc(250 * var(--formula));
  width: calc(750 * var(--formula));
}

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

#MC261112lipserum .lp-page .lp-mv__plate {
  position: absolute;
  top: calc(698 * var(--formula));
  left: calc(93 * var(--formula));
  width: calc(564 * var(--formula));
}

#MC261112lipserum .lp-page .lp-mv__title {
  position: absolute;
  top: calc(723 * var(--formula));
  left: calc(185 * var(--formula));
  width: calc(379 * var(--formula));
}

#MC261112lipserum .lp-page .lp-lead--catch {
  margin-top: calc(80 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 2.0125;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-lead--sub {
  margin-top: calc(25 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-item--product {
  margin-top: calc(86 * var(--formula));
}

#MC261112lipserum .lp-page .lp-photo--product {
  position: relative;
  margin-inline: auto;
  width: calc(690 * var(--formula));
}

#MC261112lipserum .lp-page .lp-photo--product img {
  width: calc(690 * var(--formula));
}

#MC261112lipserum .lp-page .lp-credit {
  margin-top: calc(27 * var(--formula));
  margin-inline: calc(40 * var(--formula)) auto;
  width: calc(630 * var(--formula));
  font-size: calc(26 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card--beauty {
  padding-bottom: calc(120 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__title--beauty {
  margin-top: calc(114 * var(--formula));
  margin-inline: auto;
  width: calc(393 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--beauty {
  margin-top: calc(38 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 1.9875;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__point--volume {
  margin-top: calc(7 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1.9821;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--volume {
  margin-top: calc(33 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__note--volume {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__divider--volume {
  margin-top: calc(79 * var(--formula));
  margin-inline: auto;
  width: calc(600 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--texture {
  margin-top: calc(79 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__point--texture {
  margin-top: calc(40 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--texture {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__note--texture {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__divider--texture {
  margin-top: calc(79 * var(--formula));
  margin-inline: auto;
  width: calc(600 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--plump {
  margin-top: calc(79 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__point--plump {
  margin-top: calc(40 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--plump {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__note--plump {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-scene--face {
  padding-bottom: calc(120 * var(--formula));
}

#MC261112lipserum .lp-page .lp-photo--face {
  margin-top: calc(120 * var(--formula));
  width: calc(750 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card--carefully {
  padding-bottom: calc(108 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__title--carefully {
  margin-top: calc(114 * var(--formula));
  margin-inline: auto;
  width: calc(518 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--moist {
  margin-top: calc(55 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--moist {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__note--moist {
  margin-top: calc(38 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__divider--moist {
  margin-top: calc(69 * var(--formula));
  margin-inline: auto;
  width: calc(600 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--daily {
  margin-top: calc(59 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--daily {
  margin-top: calc(28 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-scene--lips {
  padding-bottom: calc(120 * var(--formula));
}

#MC261112lipserum .lp-page .lp-photo--lips {
  margin-top: calc(120 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card--free {
  padding-bottom: calc(228 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__title--free {
  margin-top: calc(114 * var(--formula));
  margin-inline: auto;
  width: calc(457 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--free {
  margin-top: calc(58 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--free {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card--design {
  padding-bottom: calc(120 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__title--design {
  margin-top: calc(114 * var(--formula));
  margin-inline: auto;
  width: calc(206 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__heading--design {
  margin-top: calc(58 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(40 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-card__text--design {
  margin-top: calc(48 * var(--formula));
  margin-inline: auto;
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #bba863;
  white-space: nowrap;
}

#MC261112lipserum .lp-page .lp-photo--design {
  margin-top: calc(69 * var(--formula));
  margin-inline: auto;
  width: calc(600 * var(--formula));
}

#MC261112lipserum .lp-page .lp-outro {
  padding-bottom: calc(118 * var(--formula));
}

#MC261112lipserum .lp-page .lp-allitems {
  position: relative;
  margin-top: calc(120 * var(--formula));
  margin-inline: auto;
  width: calc(480 * var(--formula));
  padding-bottom: calc(17 * var(--formula));
}

#MC261112lipserum .lp-page .lp-allitems__label {
  margin-top: calc(34 * var(--formula));
  margin-left: calc(90 * var(--formula));
  width: calc(300 * var(--formula));
}

#MC261112lipserum .lp-page .lp-allitems__plate {
  position: absolute;
  top: calc(-2 * var(--formula));
  left: calc(-2 * var(--formula));
  width: calc(484 * var(--formula));
}

#MC261112lipserum .lp-page .lp-copyright {
  margin-top: calc(116 * var(--formula));
  margin-inline: auto;
  width: calc(690 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

#MC261112lipserum .lp-page {
  position: relative;
  background-image: linear-gradient(var(--color-bg-top) calc(100 * var(--formula)), var(--color-bg-bottom));
}

#MC261112lipserum .lp-page .lp-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(var(--color-bg-top), var(--color-bg-bottom));
}

#MC261112lipserum .lp-page .lp-layout {
  position: relative;
  z-index: 1;
}

#MC261112lipserum .lp-page .lp-mv {
  position: relative;
  display: flow-root;
}

#MC261112lipserum .lp-page sup {
  position: relative;
  top: -0.7em;
  font-size: 0.6em;
  display: inline-block;
  line-height: 0;
  vertical-align: baseline;
}

#MC261112lipserum .lp-page .lp-card__point {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.2em;
}

#MC261112lipserum .lp-page .lp-credit__item,
#MC261112lipserum .lp-page .lp-copyright {
  font-family: var(--font-en);
  font-weight: 400;
}

#MC261112lipserum .lp-page .lp-photo {
  display: block;
}

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

#MC261112lipserum .lp-page .lp-photo--product::after {
  content: "";
  position: absolute;
  inset: 0;
  border: calc(4 * var(--formula)) solid var(--color-bg-top);
  pointer-events: none;
}

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

#MC261112lipserum .lp-page .lp-credit__price {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.3em;
}

#MC261112lipserum .lp-page .lp-card {
  position: relative;
  isolation: isolate;
}

#MC261112lipserum .lp-page .lp-card__frame {
  position: absolute;
  z-index: -1;
  top: calc(-2 * var(--formula));
  left: calc(18 * var(--formula));
  width: calc(714 * var(--formula));
}

#MC261112lipserum .lp-page .lp-card__divider {
  height: calc(2 * var(--formula));
  margin-bottom: 0;
  border: 0;
  background-color: var(--color-line);
}

#MC261112lipserum .lp-page .lp-allitems {
  position: relative;
  display: flow-root;
}

#MC261112lipserum .lp-page .lp-allitems__label {
  position: relative;
  z-index: 1;
}

#MC261112lipserum .lp-page .lp-copyright {
  color: #fff;
}

@media (min-width: 768px) {

  #MC261112lipserum .lp-page .lp-mv {
    margin-top: min(calc(50 * (100vw / 1440)), 50px);
  }

  #MC261112lipserum .lp-page .lp-rail {
    position: relative;
    top: var(--rail-shift, 0px);
    width: calc(214 * var(--formula-rail));
  }

  #MC261112lipserum .lp-page .lp-rail__link {
    display: block;
  }
}