@charset "UTF-8";

#CE261111LOOK {
  --pc-width: 1400;
  --sp-width: 560;
  --pc-artboard-width: 560;
  --sp-artboard-width: 560;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --formula-rail: calc(100vw / var(--pc-width));
  --color-text: #000;
  --color-bg: #fff;
  --color-credit: #8e8e8e;
  --color-frame: #8c8dbf;
  --color-pc-bg: #cddded;
  --font-base: "shippori-mincho", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-credit: "noto-serif-jp", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-staff: "bodoni-moda-variable", "Bodoni Moda", "Didot", "Times New Roman", serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-fade-up: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-wipe: cubic-bezier(0.37, 0, 0.63, 1);
  --duration-base: 0.8s;
  --duration-fade-up: 1s;
  --duration-wipe: 1s;
  --delay-order: 0.6s;

  --header-offset: 0px;
}

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

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

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

#CE261111LOOK * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;

  font-feature-settings: normal;
}

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

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

#CE261111LOOK picture {
  display: block;
}

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

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

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

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

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

#CE261111LOOK .lp-slider__pager {
  position: static;
}

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

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

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

#CE261111LOOK .ani-inview.is-active {
  opacity: 1;
  translate: none;
}

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

#CE261111LOOK .ani-fade.is-active {
  opacity: 1;
}

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

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

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

@media (min-width: 768px) {
  #CE261111LOOK .lp-layout { display: grid; align-items: start; }
  #CE261111LOOK .lp-layout--col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #CE261111LOOK .lp-layout--col-3 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%)
      minmax(0, 1fr);
  }
}

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

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

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

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

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

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

#CE261111LOOK .lp-mv__visual {
  position: relative;
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-photo--mv {
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-mv__title-line--signature {
  position: absolute;
  top: calc(441 * var(--formula));
  left: calc(29 * var(--formula));
  width: calc(502 * var(--formula));
}

#CE261111LOOK .lp-mv__title-line--pieces {
  position: absolute;
  top: calc(553 * var(--formula));
  left: calc(29 * var(--formula));
  width: calc(295 * var(--formula));
}

#CE261111LOOK .lp-lead__body {
  margin-top: calc(52 * var(--formula));
}

#CE261111LOOK .lp-lead__title {
  margin-inline: auto;
  width: calc(312 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.4167;
  letter-spacing: 0.0em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#CE261111LOOK .lp-lead__text {
  margin-top: calc(8 * var(--formula));
  margin-inline: auto;
  width: calc(320 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.0em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#CE261111LOOK .lp-look__head--01 {
  position: relative;
  margin-top: calc(47 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-photo--look01-01 {
  position: relative;
  margin-top: calc(191 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-look__title--01 {
  position: absolute;
  top: calc(0 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(236 * var(--formula));
}

#CE261111LOOK .lp-sub--look01 {
  position: absolute;
  top: calc(415 * var(--formula));
  left: calc(516 * var(--formula));
  width: calc(30 * var(--formula));
}

#CE261111LOOK .lp-photo--look01-02 {
  margin-top: calc(43 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-credit--look01-1 {
  margin-top: calc(29 * var(--formula));
  margin-inline: auto;
  width: calc(202 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-credit__note--look01 {
  margin-top: calc(9 * var(--formula));
  margin-inline: calc(133 * var(--formula)) auto;
  width: calc(298 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-credit--look01-2 {
  margin-top: calc(9 * var(--formula));
  margin-inline: auto;
  width: calc(333 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-look__title--02 {
  margin-top: calc(80 * var(--formula));
  margin-inline: calc(30 * var(--formula)) auto;
  width: calc(283 * var(--formula));
}

#CE261111LOOK .lp-slider--look02 {
  margin-top: calc(12 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-sub--look02-01 {
  margin-top: calc(20 * var(--formula));
  margin-inline: calc(83 * var(--formula)) auto;
  width: calc(477 * var(--formula));
}

#CE261111LOOK .lp-credit--look02-1 {
  margin-top: calc(19 * var(--formula));
  margin-inline: auto;
  width: calc(251 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-photo--look02-02 {
  margin-top: calc(80 * var(--formula));
  margin-inline: calc(110 * var(--formula)) auto;
  width: calc(450 * var(--formula));
}

#CE261111LOOK .lp-sub--look02-02 {
  margin-top: calc(20 * var(--formula));
  width: calc(530 * var(--formula));
}

#CE261111LOOK .lp-photo--look02-03 {
  margin-top: calc(19 * var(--formula));
  width: calc(450 * var(--formula));
}

#CE261111LOOK .lp-credit--look02-2 {
  margin-top: calc(29 * var(--formula));
  margin-inline: auto;
  width: calc(298 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-look__head--03 {
  position: relative;
  margin-top: calc(80 * var(--formula));
  width: calc(560 * var(--formula));
  height: calc(801 * var(--formula));
}

#CE261111LOOK .lp-photo--look03-01 {
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-look__title--03 {
  position: absolute;
  top: calc(521 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(313 * var(--formula));
}

#CE261111LOOK .lp-look__row--03 {
  display: flex;
  align-items: flex-start;
  margin-top: calc(29 * var(--formula));
  margin-inline: calc(80 * var(--formula)) auto;
  width: calc(444 * var(--formula));
}

#CE261111LOOK .lp-photo--look03-02 {
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-sub--look03-01 {
  margin-left: calc(6 * var(--formula));
  width: calc(38 * var(--formula));
}

#CE261111LOOK .lp-credit--look03-1 {
  margin-top: calc(31 * var(--formula));
  margin-inline: auto;
  width: calc(310 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-look__pair--03 {
  position: relative;
  margin-top: calc(79 * var(--formula));
  margin-inline: calc(44 * var(--formula)) auto;
  width: calc(436 * var(--formula));
}

#CE261111LOOK .lp-photo--look03-03 {
  margin-left: calc(36 * var(--formula));
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-photo--look03-04 {
  margin-left: calc(36 * var(--formula));
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-sub--look03-02 {
  position: absolute;
  top: calc(312 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(38 * var(--formula));
}

#CE261111LOOK .lp-credit--look03-2 {
  margin-top: calc(29 * var(--formula));
  margin-inline: auto;
  width: calc(205 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-look--04 {
  padding-bottom: calc(1 * var(--formula));
}

#CE261111LOOK .lp-look__title--04 {
  margin-top: calc(80 * var(--formula));
  margin-inline: calc(30 * var(--formula)) auto;
  width: calc(345 * var(--formula));
}

#CE261111LOOK .lp-look__head--04 {
  position: relative;
  margin-top: calc(20 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-photo--look04-01 {
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-sub--look04-01 {
  position: absolute;
  top: calc(0 * var(--formula));
  left: calc(510 * var(--formula));
  width: calc(30 * var(--formula));
}

#CE261111LOOK .lp-photo--look04-02 {
  margin-top: calc(47 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-credit--look04-1 {
  margin-top: calc(30 * var(--formula));
  margin-inline: auto;
  width: calc(259 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-slider--look04 {
  margin-top: calc(81 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261111LOOK .lp-sub--look04-02 {
  margin-top: calc(21 * var(--formula));
  margin-inline: calc(63 * var(--formula)) auto;
  width: calc(497 * var(--formula));
}

#CE261111LOOK .lp-credit--look04-2 {
  margin-top: calc(19 * var(--formula));
  margin-inline: auto;
  width: calc(356 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-look__last {
  margin-top: calc(79 * var(--formula));
}

#CE261111LOOK .lp-photo--look04-03 {
  width: calc(560 * var(--formula));
}

#CE261111LOOK .lp-sub--look04-03 {
  margin-top: calc(44 * var(--formula));
  width: calc(425 * var(--formula));
}

#CE261111LOOK .lp-photo--look04-04 {
  margin-top: calc(20 * var(--formula));
  margin-inline: calc(110 * var(--formula)) auto;
  width: calc(450 * var(--formula));
}

#CE261111LOOK .lp-credit--look04-3 {
  margin-top: calc(31 * var(--formula));
  margin-inline: auto;
  width: calc(211 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.0em;
  text-align: center;
  color: #8e8e8e;
  white-space: nowrap;
}

#CE261111LOOK .lp-all {
  padding-bottom: calc(82 * var(--formula));
}

#CE261111LOOK .lp-all__link {
  margin-top: calc(77 * var(--formula));
  margin-inline: auto;
  width: calc(233 * var(--formula));
}

#CE261111LOOK .lp-staff {
  margin-top: calc(22 * var(--formula));
  margin-inline: auto;
  width: calc(260 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.4286;
  letter-spacing: 0.0em;
  text-align: center;
  color: #000002;
  white-space: nowrap;
}

#CE261111LOOK {
  --delay: 0s;
}

#CE261111LOOK .lp-mv__visual,
#CE261111LOOK .lp-look__head,
#CE261111LOOK .lp-look__pair,
#CE261111LOOK .lp-look__last {
  position: relative;
  display: flow-root;
}

#CE261111LOOK .lp-photo {
  position: relative;
}

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

#CE261111LOOK .lp-photo--frame {
  isolation: isolate;
}

#CE261111LOOK .lp-photo--frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid var(--color-frame);
  pointer-events: none;
}

#CE261111LOOK .lp-photo--look03-03,
#CE261111LOOK .lp-photo--look03-03 img {
  border-radius: calc(100 * var(--formula)) calc(100 * var(--formula)) 0 0;
}

#CE261111LOOK .lp-photo--look03-04,
#CE261111LOOK .lp-photo--look03-04 img {
  border-radius: 0 0 calc(100 * var(--formula)) calc(100 * var(--formula));
}

#CE261111LOOK .lp-lead__title,
#CE261111LOOK .lp-lead__text {
  font-family: var(--font-base);
  color: #000;
}

#CE261111LOOK .lp-pagetop {
  position: relative;
  display: flow-root;
}

#CE261111LOOK .lp-pagetop__track {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

#CE261111LOOK .lp-pagetop__link {
  --sticky-offset: calc(30 * var(--formula));
  display: block;
  position: sticky;
  top: calc(var(--header-offset, 0px) + var(--sticky-offset));
  width: calc(32 * var(--formula));
  margin-top: calc(132 * var(--formula));
  margin-left: calc(515 * var(--formula));
  pointer-events: auto;
}

#CE261111LOOK .lp-look__title {
  z-index: 1;
}

#CE261111LOOK .lp-sub {
  display: block;
}

#CE261111LOOK .lp-slider .swiper {
  overflow: visible;
  margin-inline: calc(-10 * var(--formula));
}

#CE261111LOOK .lp-slide {
  padding-inline: calc(10 * var(--formula));
}

#CE261111LOOK .lp-photo--slide {
  display: block;
}

#CE261111LOOK .lp-credit,
#CE261111LOOK .lp-credit__note {
  font-family: var(--font-credit);
  color: var(--color-credit);
}

#CE261111LOOK .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

#CE261111LOOK .lp-credit__row {
  display: flex;
  justify-content: center;
  white-space: pre;
}

#CE261111LOOK .lp-credit__item {
  display: block;
  color: inherit;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}

#CE261111LOOK .lp-credit__note {
  position: relative;
}

#CE261111LOOK .lp-credit__note::before,
#CE261111LOOK .lp-credit__note::after {
  content: "";
  position: absolute;
  top: calc(2 * var(--formula));
  width: calc(10 * var(--formula));
  height: calc(44 * var(--formula));
  border: 1px solid var(--color-credit);
}

#CE261111LOOK .lp-credit__note::before {
  left: calc(-10 * var(--formula));
  border-right: 0;
}

#CE261111LOOK .lp-credit__note::after {
  right: calc(-5 * var(--formula));
  border-left: 0;
}

#CE261111LOOK .lp-all__link {
  display: block;
}

#CE261111LOOK .lp-staff {
  font-family: var(--font-staff);
  font-style: italic;
  color: #000002;
}

#CE261111LOOK .ani-order-1 { --delay: 0s; }
#CE261111LOOK .ani-order-2 { --delay: var(--delay-order); }
#CE261111LOOK .ani-order-3 { --delay: calc(var(--delay-order) * 2); }

#CE261111LOOK .ani-fade-up {
  opacity: 0;
  translate: 0 calc(30 * var(--formula));
  transition: opacity var(--duration-fade-up) var(--ease-fade-up) var(--delay),
    translate var(--duration-fade-up) var(--ease-fade-up) var(--delay);
}

#CE261111LOOK .ani-fade-up.is-active,
#CE261111LOOK .ani-reveal.is-active .ani-fade-up {
  opacity: 1;
  translate: none;
}

#CE261111LOOK .ani-wipe {
  transition: clip-path var(--duration-wipe) var(--ease-wipe) var(--delay);
}

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

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

@media (prefers-reduced-motion: reduce) {
  #CE261111LOOK .ani-fade-up,
  #CE261111LOOK .ani-wipe {
    opacity: 1;
    translate: none;
    clip-path: none;
    transition: none;
  }
}

@media (min-width: 768px) {
  #CE261111LOOK .lp-layout {
    background-color: var(--color-pc-bg);
  }

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

  #CE261111LOOK .lp-rail {
    position: relative;
    top: var(--rail-shift, 0px);
  }

  #CE261111LOOK .lp-rail__image--title {
    width: calc(276 * var(--formula-rail));
  }

  #CE261111LOOK .lp-rail__link {
    display: block;
  }

  #CE261111LOOK .lp-rail__image--all {
    width: calc(201 * var(--formula-rail));
  }
}

#CE261111LOOK .lp-sub--look03-01 {
  width: auto;
  height: calc(515 * var(--formula));
}

#CE261111LOOK .lp-look__row--03 > * {
  flex-shrink: 0;
}
