@charset "UTF-8";

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

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

#MC260827musou {
  --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);
  --color-main: #949f83;
  --color-accent: #c5b687;
  --color-bg: #fcfbf7;
  --color-bg-schedule: #f6f1e4;
  --font-base: "noto-sans-cjk-jp", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-title: "marlide-display-variable", "dnp-shuei-mincho-pr6n", "Hiragino Mincho ProN", serif;
  --font-copy: "dnp-shuei-mincho-pr6n", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-credit: "helvetica-neue-lt-pro", "Helvetica Neue", Arial, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 1.4s;
  --duration-zoom: 1.4s;
  --duration-accordion: 0.6s;
  --header-offset: 0px;
  padding-top: min(50px, calc(50 * (100vw / 1440)));
}

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

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

@media (max-width: 767px) {
  #MC260827musou {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
    padding-top: calc(120 * (100vw / 375));
  }
}

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

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

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

#MC260827musou picture {
  display: block;
}

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

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

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

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

#MC260827musou {
  color: var(--color-main);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}

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

#MC260827musou .ani-inview.is-active {
  opacity: 1;
  translate: 0 0;
}

#MC260827musou .ani-zoom {
  opacity: 0;
  scale: 1.02;
  /* overflow: clip; */
  transition: 
    opacity var(--duration-base) var(--ease-base),
    scale var(--duration-zoom) var(--ease-base);
}

#MC260827musou .ani-zoom img {
  scale: 1.04;
  transition: scale var(--duration-zoom) var(--ease-base);
}

#MC260827musou .ani-zoom .lp-photo__frame {
  scale: none;
  transition: none;
}

#MC260827musou .ani-zoom.is-active {
  opacity: 1;
  scale: 1;
}

#MC260827musou .ani-zoom.is-active img {
  scale: 1;
}

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

  #MC260827musou .ani-zoom {
    opacity: 1;
    scale: none;
    transition: none;
  }

  #MC260827musou .ani-zoom img {
    scale: none;
    transition: none;
  }
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  #MC260827musou {
    background-color: var(--color-main);
  }

  #MC260827musou .lp-layout__primary {
    background-color: var(--color-bg);
  }

  #MC260827musou .lp-rail__title {
    display: grid;
    place-items: center;
    width: calc(282 * var(--formula_pc));
    height: calc(40 * var(--formula_pc));
    padding-top: calc(6 * var(--formula_pc));
  }

  #MC260827musou .lp-rail__button {
    display: grid;
    place-items: center;
    width: calc(250 * var(--formula_pc));
    height: calc(60 * var(--formula_pc));
    padding-top: calc(6 * var(--formula_pc));
  }
}

#MC260827musou .lp-mv,
#MC260827musou .lp-lead,
#MC260827musou .lp-schedule,
#MC260827musou .lp-fragrance,
#MC260827musou .lp-toilette,
#MC260827musou .lp-handcare,
#MC260827musou .lp-objects,
#MC260827musou .lp-artwork {
  display: flow-root;
}

#MC260827musou .lp-mv__band {
  height: calc(100 * var(--formula));
  background-color: var(--color-main);
  display: grid;
  place-items: center;
}

#MC260827musou .lp-mv__title {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: calc(70 * var(--formula));
  line-height: 1;
  color: var(--color-bg);
  white-space: nowrap;
}

#MC260827musou .lp-lead {
  padding-bottom: calc(90 * var(--formula));
}

#MC260827musou .lp-lead__title {
  margin-top: calc(100 * var(--formula));
  margin-left: calc(153 * var(--formula));
  width: calc(443 * var(--formula));
}

#MC260827musou .lp-lead__lineup {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(60 * var(--formula));
  width: calc(630 * var(--formula));
  background-color: var(--color-bg);
}

#MC260827musou .lp-lead__lineup a {
  display: block;
}

#MC260827musou .lp-lead__copy {
  margin: calc(44 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-family: var(--font-copy);
  font-weight: 500;
  font-size: calc(36 * var(--formula));
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-lead__text {
  margin: calc(33 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-schedule {
  background-color: var(--color-bg-schedule);
  padding-bottom: calc(137 * var(--formula));
}

#MC260827musou .lp-schedule__label {
  position: relative;
  margin-top: calc(80 * var(--formula));
  margin-left: calc(285 * var(--formula));
  width: calc(180 * var(--formula));
}

#MC260827musou .lp-schedule__label--novelty {
  margin-left: calc(237 * var(--formula));
  width: calc(276 * var(--formula));
}

#MC260827musou .lp-schedule__label-text {
  position: absolute;
  top: calc(12 * var(--formula));
  left: 0;
  width: 100%;
  font-family: var(--font-credit);
  font-weight: 400;
  font-size: calc(24 * var(--formula));
  line-height: 1;
  color: var(--color-accent);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

#MC260827musou .lp-schedule__label-text--novelty {
  left: calc(18 * var(--formula));
  width: calc(240 * var(--formula));
}

#MC260827musou .lp-schedule__date {
  margin: calc(34 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-family: var(--font-title);
  font-weight: 400;
  font-size: calc(48 * var(--formula));
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-schedule__date .font-change {
  font-family: var(--font-copy);
  font-weight: 500;
  font-size: calc(36 * var(--formula));
  letter-spacing: 0;
  padding-left: calc(16 * var(--formula));
}

#MC260827musou .lp-schedule__date--nation {
  margin-top: calc(60 * var(--formula));
}

#MC260827musou .lp-schedule__line {
  margin: calc(11 * var(--formula)) auto 0;
  /* margin-left: calc(215 * var(--formula)); */
  width: calc(320 * var(--formula));
}

#MC260827musou .lp-schedule__line--nation {
  margin-left: calc(225 * var(--formula));
  width: calc(300 * var(--formula));
}

#MC260827musou .lp-schedule__place {
  margin: calc(30 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-schedule__novelty {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(175 * var(--formula));
  width: calc(400 * var(--formula));
}

#MC260827musou .lp-schedule__copy {
  margin: calc(26 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-family: var(--font-copy);
  font-weight: 500;
  font-size: calc(30 * var(--formula));
  line-height: 2;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-schedule__note {
  margin: calc(12 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__title,
#MC260827musou .lp-toilette__title,
#MC260827musou .lp-handcare__title,
#MC260827musou .lp-objects__title,
#MC260827musou .lp-artwork__title {
  margin: 0 auto;
  width: calc(630 * var(--formula));
  font-family: var(--font-title);
  font-weight: 400;
  font-size: calc(90 * var(--formula));
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__title {
  margin-top: calc(94 * var(--formula));
}

#MC260827musou .lp-toilette__title {
  margin-top: calc(194 * var(--formula));
}

#MC260827musou .lp-handcare__title {
  margin-top: calc(168 * var(--formula));
}

#MC260827musou .lp-objects__title {
  margin-top: calc(194 * var(--formula));
}

#MC260827musou .lp-artwork__title {
  margin-top: calc(200 * var(--formula));
}

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

#MC260827musou .lp-photo__link {
  display: block;
}

#MC260827musou .lp-photo__frame {
  position: absolute;
  inset: 0;
}

#MC260827musou .lp-photo--fragrance {
  margin-top: calc(67 * var(--formula));
}

#MC260827musou .lp-photo--toilette-main {
  margin-top: calc(66 * var(--formula));
}

#MC260827musou .lp-photo--toilette-sub {
  margin-top: calc(42 * var(--formula));
  margin-left: calc(75 * var(--formula));
  width: calc(600 * var(--formula));
}

#MC260827musou .lp-photo--handcare-main {
  margin-top: calc(66 * var(--formula));
}

#MC260827musou .lp-photo--handcare-sub {
  margin-top: calc(80 * var(--formula));
  margin-left: calc(75 * var(--formula));
  width: calc(600 * var(--formula));
}

#MC260827musou .lp-photo--objects-main {
  margin-top: calc(66 * var(--formula));
}

#MC260827musou .lp-photo--objects-sub {
  margin-top: calc(80 * var(--formula));
  margin-left: calc(75 * var(--formula));
  width: calc(600 * var(--formula));
}

#MC260827musou .lp-fragrance__copy {
  margin: calc(62 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-family: var(--font-copy);
  font-weight: 500;
  font-size: calc(36 * var(--formula));
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__detail {
  position: relative;
  margin: calc(30 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  width: calc(630 * var(--formula));
  max-height: calc(144 * var(--formula));
  letter-spacing: 0.1em;
  overflow: clip;
  transition: max-height var(--duration-accordion) var(--ease-base);
}

#MC260827musou .lp-fragrance__detail::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(72 * var(--formula));
  background: linear-gradient(180deg, rgba(252, 251, 247, 0), var(--color-bg));
  pointer-events: none;
  opacity: 1;
  transition: opacity var(--duration-accordion) var(--ease-base);
}

#MC260827musou .lp-fragrance__detail.is-open {
  max-height: calc(672 * var(--formula));
}

#MC260827musou .lp-fragrance__detail.is-open::after {
  opacity: 0;
}

#MC260827musou .lp-fragrance__text {
  font-size: calc(24 * var(--formula));
  line-height: 2;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__button {
  display: block;
  margin-top: calc(28 * var(--formula));
  margin-left: calc(255 * var(--formula));
  width: calc(240 * var(--formula));
  font-family: var(--font-credit);
  font-weight: 400;
  font-size: calc(24 * var(--formula));
  line-height: 1;
  color: var(--color-main);
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__button-label {
  display: block;
}

#MC260827musou .lp-fragrance__button-icon {
  margin-top: calc(19 * var(--formula));
  margin-left: calc(89 * var(--formula));
  width: calc(61 * var(--formula));
}

#MC260827musou .lp-fragrance__button-label--close,
#MC260827musou .lp-fragrance__button-icon--close {
  display: none;
}

#MC260827musou .lp-fragrance__button.is-open .lp-fragrance__button-label--open,
#MC260827musou .lp-fragrance__button.is-open .lp-fragrance__button-icon--open {
  display: none;
}

#MC260827musou .lp-fragrance__button.is-open .lp-fragrance__button-label--close {
  display: block;
}

#MC260827musou .lp-fragrance__button.is-open .lp-fragrance__button-icon--close {
  display: block;
  margin-top: calc(19 * var(--formula));
  margin-left: calc(89 * var(--formula));
}

#MC260827musou .lp-fragrance__notes {
  margin-top: calc(59 * var(--formula));
  margin-left: calc(85 * var(--formula));
  width: calc(580 * var(--formula));
}

#MC260827musou .lp-fragrance__note {
  position: relative;
}

#MC260827musou .lp-fragrance__note--top {
  margin: 0 auto;
  width: calc(500 * var(--formula));
}

#MC260827musou .lp-fragrance__note--middle {
  margin: calc(12 * var(--formula)) auto 0;
  width: calc(500 * var(--formula));
}

#MC260827musou .lp-fragrance__note--last {
  margin-top: calc(12 * var(--formula));
  width: calc(580 * var(--formula));
}

#MC260827musou .lp-fragrance__note--top .lp-fragrance__note-shape {
  margin: 0 auto;
  width: calc(215 * var(--formula));
}

#MC260827musou .lp-fragrance__note--middle .lp-fragrance__note-shape {
  margin: 0 auto;
  width: calc(398 * var(--formula));
}

#MC260827musou .lp-fragrance__note--last .lp-fragrance__note-shape {
  width: calc(580 * var(--formula));
}

#MC260827musou .lp-fragrance__note-pill {
  position: absolute;
}

#MC260827musou .lp-fragrance__note--top .lp-fragrance__note-pill {
  top: calc(61 * var(--formula));
  left: calc(190 * var(--formula));
  width: calc(120 * var(--formula));
}

#MC260827musou .lp-fragrance__note--middle .lp-fragrance__note-pill {
  top: calc(22 * var(--formula));
  left: calc(180 * var(--formula));
  width: calc(140 * var(--formula));
}

#MC260827musou .lp-fragrance__note--last .lp-fragrance__note-pill {
  top: calc(22 * var(--formula));
  left: calc(225 * var(--formula));
  width: calc(130 * var(--formula));
}

#MC260827musou .lp-fragrance__note-label {
  position: absolute;
  width: calc(180 * var(--formula));
  font-family: var(--font-credit);
  font-weight: 400;
  font-size: calc(24 * var(--formula));
  line-height: 1;
  color: var(--color-accent);
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__note--top .lp-fragrance__note-label {
  top: calc(73 * var(--formula));
  left: calc(160 * var(--formula));
}

#MC260827musou .lp-fragrance__note--middle .lp-fragrance__note-label {
  top: calc(34 * var(--formula));
  left: calc(160 * var(--formula));
}

#MC260827musou .lp-fragrance__note--last .lp-fragrance__note-label {
  top: calc(34 * var(--formula));
  left: calc(200 * var(--formula));
}

#MC260827musou .lp-fragrance__note-name {
  position: absolute;
  width: calc(500 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-fragrance__note--top .lp-fragrance__note-name {
  top: calc(129 * var(--formula));
  left: 0;
}

#MC260827musou .lp-fragrance__note--middle .lp-fragrance__note-name {
  top: calc(91 * var(--formula));
  left: 0;
}

#MC260827musou .lp-fragrance__note--last .lp-fragrance__note-name {
  top: calc(91 * var(--formula));
  left: calc(40 * var(--formula));
}

#MC260827musou .lp-toilette {
  padding-bottom: calc(12 * var(--formula));
}

#MC260827musou .lp-toilette__copy {
  margin: calc(62 * var(--formula)) auto 0;
  /* margin-left: calc(60 * var(--formula)); */
  /* width: calc(630 * var(--formula)); */
  font-family: var(--font-copy);
  font-weight: 500;
  font-size: calc(36 * var(--formula));
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: var(--font-credit);
  font-weight: 400;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

#MC260827musou .lp-credit a {
  color: var(--color-main);
  text-decoration: none;
}

#MC260827musou .lp-credit--toilette {
  margin-top: calc(30 * var(--formula));
  margin-left: calc(135 * var(--formula));
  width: calc(540 * var(--formula));
}

#MC260827musou .lp-credit--handsoap {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(180 * var(--formula));
  width: calc(540 * var(--formula));
  line-height: 1;
}

#MC260827musou .lp-credit--handcream {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(135 * var(--formula));
  width: calc(540 * var(--formula));
  line-height: 1;
}

#MC260827musou .lp-credit--scarf {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(180 * var(--formula));
  width: calc(540 * var(--formula));
  line-height: 1;
}

#MC260827musou .lp-credit--handkerchief {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(135 * var(--formula));
  width: calc(540 * var(--formula));
  line-height: 1;
}

#MC260827musou .lp-artwork {
  padding-bottom: calc(55 * var(--formula));
}

#MC260827musou .lp-artwork__poster {
  margin: calc(50 * var(--formula)) auto 0;
  /* margin-left: calc(106 * var(--formula)); */
  width: calc(539 * var(--formula));
}

#MC260827musou .lp-artwork__name {
  margin-top: calc(80 * var(--formula));
  margin-left: calc(52 * var(--formula));
  width: calc(630 * var(--formula));
  font-family: var(--font-copy);
  font-weight: 500;
  font-size: calc(36 * var(--formula));
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#MC260827musou .lp-artwork__text {
  margin: calc(28 * var(--formula)) auto 0;
  /* margin-left: calc(52 * var(--formula)); */
  width: calc(630 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#MC260827musou .lp-cta {
  margin: calc(88 * var(--formula)) auto 0;
  width: calc(600 * var(--formula));
}

#MC260827musou .lp-cta__button {
  width: calc(600 * var(--formula));
  margin: calc(40 * var(--formula)) auto 0;
}

#MC260827musou .lp-artwork__producer {
  margin: calc(144 * var(--formula)) auto 0;
  /* margin-left: calc(25 * var(--formula)); */
  width: calc(700 * var(--formula));
  font-family: var(--font-credit);
  font-weight: 400;
  font-size: calc(20 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  text-align: center;
  white-space: nowrap;
}