@charset "UTF-8";
#Contents {
  max-width: 100%;
}

#sb_202608_eyedesignern06 {
  --pc-width: 1400;
  --sp-width: 780;
  --pc-artboard-width: 468;
  --sp-artboard-width: 780;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #897979;
  --color-bg: #fff9f5;
  --color-accent: #eaa0a0;
  --color-accent-deep: #ea8c8c;
  --color-gold: #ad9e60;
  --color-ex06: #db8a8a;
  --color-reverse: #fff2ee;
  --color-warm: #efcbb4;
  --color-cool: #efcbd2;
  --color-panel: rgba(255, 249, 245, 0.8);
  --color-card: rgba(255, 249, 245, 0.7);
  --color-card-strong: rgba(255, 249, 245, 0.8);
  --color-blink: rgba(239, 208, 208, 0.3);
  --color-overlay: rgba(255, 249, 245, 0.5);
  --font-snb: 'SNBゴシック', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Yu Gothic', Meiryo, sans-serif;
  --font-en: 'Gill Sans MT', 'Gill Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-nova: 'Gill Sans Nova', 'Gill Sans MT', 'Gill Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-lato: 'Lato', 'Helvetica Neue', Arial, sans-serif;

  --font-base: 'Lato', 'SNBゴシック', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Yu Gothic', Meiryo, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 1.2s;
  --duration-fade: 2s;
  --duration-accordion: 0.6s;
  --duration-blink: 2s;
  --header-offset: 0px;
}

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

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

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

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

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

#sb_202608_eyedesignern06 picture {
  display: block;
}

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

#sb_202608_eyedesignern06 ul,
#sb_202608_eyedesignern06 ol,
#sb_202608_eyedesignern06 dl,
#sb_202608_eyedesignern06 dd,
#sb_202608_eyedesignern06 p,
#sb_202608_eyedesignern06 h2,
#sb_202608_eyedesignern06 h3 {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sb_202608_eyedesignern06 a {
  color: inherit;
  text-decoration: none;
}

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

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

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

@media (min-width: 768px) {
  #sb_202608_eyedesignern06 {
    background-image: url('../img/bg-pc.jpg');
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
}

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

#sb_202608_eyedesignern06 .ani-inview--in-place {
  translate: 0 0;
}

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

#sb_202608_eyedesignern06 .ani-fade-in {
  opacity: 0;
  filter: blur(calc(20 * var(--formula, 1px)));
  transition:
    opacity var(--duration-fade) ease,
    filter var(--duration-fade) ease;
}

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

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

#sb_202608_eyedesignern06 .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
  position: relative;
  padding-bottom: calc(186 * var(--formula));
}

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

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

  #sb_202608_eyedesignern06 .lp-layout--col-3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}

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

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

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

#sb_202608_eyedesignern06 .lp-inner > * {
  position: relative;
  z-index: 1;
}

#sb_202608_eyedesignern06 .lp-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* 背景画像の合計高さは本文の高さと一致する前提だが、Safari は行ボックスを
     整数pxに丸めるため本文がわずかに縮み、最後の画像が下にはみ出す。
     本文の高さに合わせて余剰をクリップする */
  overflow: hidden;
}

#sb_202608_eyedesignern06 .lp-backdrop__gap {
  height: 0;
  background-color: var(--color-bg);
  transition: height var(--duration-accordion) var(--ease-base);
}

#sb_202608_eyedesignern06 .lp-inner.is-accordion-open .lp-backdrop__gap {
  height: calc(715 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-mv {
  position: relative;
}

#sb_202608_eyedesignern06 .lp-mv__sub,
#sb_202608_eyedesignern06 .lp-mv__title {
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  color: var(--color-accent-deep);
  line-height: 1;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-mv__sub {
  top: calc(114 * var(--formula));
  left: calc(387 * var(--formula));
  font-family: var(--font-lato);
  font-size: calc(32 * var(--formula));
  letter-spacing: 0.1em;
}

#sb_202608_eyedesignern06 .lp-mv__title {
  top: calc(199 * var(--formula));
  left: calc(392 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(62 * var(--formula));
  letter-spacing: 0.075em;
}

#sb_202608_eyedesignern06 .lp-intro__lead {
  margin-top: calc(-16 * var(--formula));
  margin-left: calc(90 * var(--formula));
  width: calc(600 * var(--formula));
  font-size: calc(26 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-intro__info {
  margin-top: calc(68 * var(--formula));
  margin-left: calc(50 * var(--formula));
  width: calc(680 * var(--formula));
  padding-top: calc(43 * var(--formula));
  padding-bottom: calc(48 * var(--formula));
  background-color: var(--color-panel);
  border-radius: calc(26 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-intro__date {
  width: calc(520 * var(--formula));
  color: var(--color-accent);
  font-size: calc(28 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.125em;
  text-align: center;
  white-space: nowrap;
  padding-inline: calc(124 * var(--formula)) calc(100 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-intro__date-item {
  display: flex;
  gap: calc(21 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-intro__note {
  margin-top: calc(10 * var(--formula));
  margin-left: calc(60 * var(--formula));
  width: calc(560 * var(--formula));
  color: var(--color-accent);
  font-size: calc(20 * var(--formula));
  line-height: 2.4;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-item__title {
  margin-top: calc(170 * var(--formula));
  margin-left: calc(93 * var(--formula));
  width: calc(600 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-en);
  font-size: calc(60 * var(--formula));
  line-height: 1.3333;
  letter-spacing: 0.075em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-item__lead {
  margin-top: calc(54 * var(--formula));
  margin-left: calc(53 * var(--formula));
  width: calc(680 * var(--formula));
  color: var(--color-accent);
  font-size: calc(26 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.13em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-item__visual {
  position: relative;
  margin-top: calc(62 * var(--formula));
  margin-left: calc(64 * var(--formula));
  width: calc(630 * var(--formula));
  display: flow-root;
}

#sb_202608_eyedesignern06 .lp-item__badge {
  position: absolute;
top: calc(5 * var(--formula));
    left: calc(3 * var(--formula));
  color: #fff;
  font-family: var(--font-en);
  font-size: calc(42 * var(--formula));
  line-height: 2.2857;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-item__photo {
  margin-top: calc(84 * var(--formula));
  margin-left: calc(80 * var(--formula));
  width: calc(482 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-item__more {
  position: absolute;
  top: calc(424 * var(--formula));
  left: calc(570 * var(--formula));
  width: calc(60 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-credit {
  margin-top: calc(59 * var(--formula));
  text-align: center;
}

#sb_202608_eyedesignern06 .lp-credit__link {
  display: block;
}

#sb_202608_eyedesignern06 .lp-credit__name {
  display: block;
  font-size: calc(34 * var(--formula));
  line-height: 1.0588;
  letter-spacing: 0.1em;
  white-space: nowrap;
  padding-left: calc(13 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-credit__price {
  display: block;
  margin-top: calc(29 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
  padding-left: calc(4 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-item__action {
  margin-top: calc(60 * var(--formula));
  margin-left: calc(165 * var(--formula));
  width: calc(450 * var(--formula));
  background-color: var(--color-bg);
}

#sb_202608_eyedesignern06 .lp-item__button,
#sb_202608_eyedesignern06 .lp-modal__button {
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(100 * var(--formula));
  background-color: var(--color-accent);
  color: #fff;
  font-family: var(--font-nova);
  font-size: calc(30 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-color__title,
#sb_202608_eyedesignern06 .lp-map__title,
#sb_202608_eyedesignern06 .lp-about__title {
  margin-left: calc(90 * var(--formula));
  width: calc(600 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-en);
  font-size: calc(60 * var(--formula));
  line-height: 1.3333;
  letter-spacing: 0.075em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-color {
  z-index: 2;
}

#sb_202608_eyedesignern06 .lp-color__title {
  margin-top: calc(171 * var(--formula));
  padding-left: calc(6 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-color__body {
  position: relative;
  margin-top: calc(69 * var(--formula));
  width: 100%;
}

#sb_202608_eyedesignern06 .lp-color__grid {
  display: grid;
  grid-template-columns: repeat(3, calc(170 * var(--formula)));
  gap: calc(5 * var(--formula));
  margin-left: calc(130 * var(--formula));
  width: calc(520 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-color__cell {
  position: relative;
}

#sb_202608_eyedesignern06 .lp-color__mark {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: calc(60 * var(--formula));
  line-height: 1;
  letter-spacing: 0.125em;
  padding-left: calc(9 * var(--formula));
  padding-bottom: calc(4 * var(--formula));
}

#sb_202608_eyedesignern06 .ani-veil {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(190 * var(--formula));
  background-image: linear-gradient(
    to bottom,
    rgba(255, 249, 245, 0) 0%,
    rgba(255, 249, 245, 0.9) 60%,
    rgba(255, 249, 245, 1) 100%
  );
  transition: opacity var(--duration-accordion) var(--ease-base);
}

#sb_202608_eyedesignern06 .lp-color.is-open .ani-veil {
  opacity: 0;
}

#sb_202608_eyedesignern06 .lp-color__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--duration-accordion) var(--ease-base);
}

#sb_202608_eyedesignern06 .lp-color.is-open .lp-color__panel {
  grid-template-rows: 1fr;
}

#sb_202608_eyedesignern06 .lp-color__panel-inner {
  min-height: 0;
  overflow: hidden;
}

#sb_202608_eyedesignern06 .lp-color__list,
#sb_202608_eyedesignern06 .lp-modal__list {
  display: grid;
  grid-template-columns: calc(40 * var(--formula)) calc(480 * var(--formula));
  row-gap: calc(17 * var(--formula));
  align-items: start;
}

#sb_202608_eyedesignern06 .lp-color__list {
  margin-left: calc(130 * var(--formula));
  width: calc(520 * var(--formula));
  padding-top: calc(65 * var(--formula));
  padding-bottom: calc(78 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-color__list dt,
#sb_202608_eyedesignern06 .lp-modal__list dt {
  margin-top: calc(4 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.1em;
}

#sb_202608_eyedesignern06 .lp-color__list dd,
#sb_202608_eyedesignern06 .lp-modal__list dd {
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.15em;
  white-space: nowrap;
  text-align: justify;
}

#sb_202608_eyedesignern06 .lp-color__toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#sb_202608_eyedesignern06 .lp-color__toggle--more {
  margin-top: calc(48 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-color__toggle--more .lp-color__toggle-text {
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
}

#sb_202608_eyedesignern06 .lp-color__toggle--more img {
  margin-top: calc(17 * var(--formula));
  width: calc(61 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-color__toggle--close {
  display: none;
}

#sb_202608_eyedesignern06 .lp-color__toggle--close .lp-color__toggle-text {
  padding-bottom: calc(8 * var(--formula));
  border-bottom: calc(2 * var(--formula)) solid currentColor;
  font-size: calc(34 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
}

#sb_202608_eyedesignern06 .lp-color.is-open .lp-color__toggle--more {
  display: none;
}

#sb_202608_eyedesignern06 .lp-color.is-open .lp-color__toggle--close {
  display: flex;
}

#sb_202608_eyedesignern06 .lp-photo {
  margin-top: calc(-61 * var(--formula));
  width: 100%;
  background-color: var(--color-bg);
}

#sb_202608_eyedesignern06 .lp-map__title {
  margin-top: calc(-71 * var(--formula));
  padding-left: calc(5 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__frame {
  position: relative;
  margin-top: calc(50 * var(--formula));
  margin-left: calc(30 * var(--formula));
  width: calc(720 * var(--formula));
  aspect-ratio: 720 / 1088;
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
  box-shadow: inset 0 0 0 calc(2 * var(--formula)) var(--color-accent);
}

#sb_202608_eyedesignern06 .lp-map__frame.is-grabbing {
  cursor: grabbing;
}

#sb_202608_eyedesignern06 .lp-map__area {
  position: absolute;
  inset: 0;
  transform-origin: center center;
  transition: transform 0.1s ease-out;
}

#sb_202608_eyedesignern06 .lp-map__pill {
  position: absolute;
  top: calc(60 * var(--formula));
  display: grid;
  place-items: center;
  width: calc(300 * var(--formula));
  height: calc(60 * var(--formula));
  border-radius: calc(8 * var(--formula));
  color: #fff;
  font-size: calc(32 * var(--formula));
  line-height: 1;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-map__pill--warm {
  left: calc(45 * var(--formula));
  background-color: var(--color-warm);
}

#sb_202608_eyedesignern06 .lp-map__pill--cool {
  left: calc(375 * var(--formula));
  background-color: var(--color-cool);
}

#sb_202608_eyedesignern06 .lp-map__axis {
  position: absolute;
  color: var(--color-accent);
  font-size: calc(20 * var(--formula));
  line-height: calc(31 / 20);
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-map__axis strong {
  font-size: calc(24 * var(--formula));
  line-height: 1.3;
  display: block;
  margin-bottom: calc(1 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__axis--vivid {
  top: calc(156 * var(--formula));
  left: calc(295 * var(--formula));
  width: calc(130 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__axis--muted {
  top: calc(990 * var(--formula));
  left: calc(291 * var(--formula));
  width: calc(130 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__axis--warm {
  top: calc(526 * var(--formula));
  left: calc(20 * var(--formula));
  width: calc(90 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__axis--cool {
  top: calc(527 * var(--formula));
  left: calc(610 * var(--formula));
  width: calc(90 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__rule {
  position: absolute;
  background-color: var(--color-accent);
}

#sb_202608_eyedesignern06 .lp-map__rule--y {
  top: calc(234 * var(--formula));
  left: calc(359 * var(--formula));
  width: calc(2 * var(--formula));
  height: calc(740 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__rule--x {
  top: calc(557 * var(--formula));
  left: calc(130 * var(--formula));
  width: calc(460 * var(--formula));
  height: calc(2 * var(--formula));
}

#sb_202608_eyedesignern06 .ani-blink {
  position: absolute;
  top: calc(608 * var(--formula));
  left: calc(133 * var(--formula));
  width: calc(150 * var(--formula));
  height: calc(150 * var(--formula));
  border-radius: 50%;
  background-color: var(--color-blink);
  animation: sb-blink var(--duration-blink) linear 2s infinite backwards;
}

@keyframes sb-blink {
  0% {
    opacity: 1;
    scale: 0.83;
  }
  24% {
    opacity: 1;
    scale: 1;
  }
  48% {
    opacity: 0;
    scale: 1;
  }
  52% {
    opacity: 0;
    scale: 0.67;
  }
  76% {
    opacity: 1;
    scale: 0.75;
  }
  100% {
    opacity: 1;
    scale: 0.83;
  }
}

@media (prefers-reduced-motion: reduce) {
  #sb_202608_eyedesignern06 .ani-blink {
    animation: none;
  }

  #sb_202608_eyedesignern06 .lp-cta--mobile,
  #sb_202608_eyedesignern06 .lp-backdrop__gap,
  #sb_202608_eyedesignern06 .lp-color__panel,
  #sb_202608_eyedesignern06 .ani-veil {
    transition: none;
  }
}

#sb_202608_eyedesignern06 .lp-map__item {
  position: absolute;
  width: calc(96 * var(--formula));
  text-align: center;
}

#sb_202608_eyedesignern06 .lp-map__link {
  display: block;
}

#sb_202608_eyedesignern06 .lp-map__no {
  display: block;
  margin-top: calc(11 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 1.3332;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-map__no--ex06 {
  color: var(--color-ex06);
}

#sb_202608_eyedesignern06 .lp-map__item--03 {
  top: calc(186 * var(--formula));
  left: calc(65 * var(--formula));
  width: calc(97 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--02 {
  top: calc(188 * var(--formula));
  left: calc(512 * var(--formula));
  width: calc(96 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--10 {
  top: calc(366 * var(--formula));
  left: calc(208 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--05 {
  top: calc(369 * var(--formula));
  left: calc(410 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--07 {
  top: calc(524 * var(--formula));
  left: calc(250 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--ex06 {
  top: calc(635 * var(--formula));
  left: calc(160 * var(--formula));
  width: calc(95 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--04 {
  top: calc(654 * var(--formula));
  left: calc(562 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--04 .lp-map__no {
  margin-top: calc(15 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--01 {
  top: calc(768 * var(--formula));
  left: calc(160 * var(--formula));
}
#sb_202608_eyedesignern06 .lp-map__item--06 {
  top: calc(895 * var(--formula));
  left: calc(112 * var(--formula));
  width: calc(96 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-map__zoom {
  position: absolute;
  top: calc(1008 * var(--formula));
  left: calc(640 * var(--formula));
  width: calc(50 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-about__title {
  margin-top: calc(230 * var(--formula));
  margin-left: calc(92 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-about__lead {
  margin-top: calc(25 * var(--formula));
  margin-left: calc(92 * var(--formula));
  width: calc(600 * var(--formula));
  color: var(--color-accent);
  font-size: calc(30 * var(--formula));
  line-height: 2;
  letter-spacing: 0.125em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-about__award {
  position: relative;
  margin-top: calc(65 * var(--formula));
  margin-left: calc(100 * var(--formula));
  width: calc(580 * var(--formula));
  color: var(--color-gold);
}

#sb_202608_eyedesignern06 .lp-about__award-head,
#sb_202608_eyedesignern06 .lp-about__award-count,
#sb_202608_eyedesignern06 .lp-about__award-number,
#sb_202608_eyedesignern06 .lp-about__award-suffix {
  position: absolute;
  translate: -50% -50%;
  line-height: 1;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-about__award-head {
  top: calc(28 * var(--formula));
  left: calc(290 * var(--formula));
  font-size: calc(31 * var(--formula));
  letter-spacing: 0.125em;
}

#sb_202608_eyedesignern06 .lp-about__award-number {
  top: calc(118 * var(--formula));
  left: calc(286 * var(--formula));
  font-size: calc(118 * var(--formula));
  letter-spacing: 0.01em;
}

#sb_202608_eyedesignern06 .lp-about__award-count {
  top: calc(128 * var(--formula));
  left: calc(136 * var(--formula));
  font-size: calc(38 * var(--formula));
  letter-spacing: 0.125em;
}

#sb_202608_eyedesignern06 .lp-about__award-suffix {
  top: calc(128 * var(--formula));
  left: calc(454 * var(--formula));
  font-size: calc(38 * var(--formula));
  letter-spacing: 0.125em;
}

#sb_202608_eyedesignern06 .lp-reason__card {
  margin-left: calc(40 * var(--formula));
  width: calc(700 * var(--formula));
  padding-top: calc(71 * var(--formula));
background-image: linear-gradient(0deg, #fff9f566 0%, #fff9f5e6 100%);
  border-radius: calc(40 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--mute {
  margin-top: calc(79 * var(--formula));
  padding-bottom: calc(65 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--mute .lp-reason__body{
  margin-top: calc(31 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--mute .lp-reason__sub {
  letter-spacing: 0.14em;
}

#sb_202608_eyedesignern06 .lp-reason__card--jewel {
  margin-top: calc(39 * var(--formula));
  padding-bottom: calc(65 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--jewel .lp-reason__sub {
  letter-spacing: 0.14em;
  margin-left: calc(2 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--jewel .lp-reason__body {
  margin-top: calc(31 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--fabric {
  margin-top: calc(40 * var(--formula));
  padding-bottom: calc(65 * var(--formula));
  padding-top: calc(70 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--fabric .lp-reason__body{
  margin-top: calc(32 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--fabric .lp-reason__sub {
  padding-left: calc(10 * var(--formula));
  letter-spacing: 0.125em;
}

#sb_202608_eyedesignern06 .lp-reason__card--global {
  padding-bottom: calc(67 * var(--formula));

  margin-top: calc(39 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__card--global .lp-reason__sub {
  letter-spacing: 0.145em;
  padding-left: calc(3 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__title {
  margin-left: calc(52 * var(--formula));
  width: calc(600 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-en);
  font-size: calc(56 * var(--formula));
  line-height: 1.3334;
  letter-spacing: 0.075em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-reason__sub {
  margin-top: calc(17 * var(--formula));
  margin-left: calc(70 * var(--formula));
  width: calc(560 * var(--formula));
  color: var(--color-accent);
  font-size: calc(28 * var(--formula));
  line-height: 2;
  letter-spacing: 0.0125em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-reason__sub--wide {
  margin-left: 0;
  width: 100%;
}

#sb_202608_eyedesignern06 .lp-reason__sub--tall {
  margin-left: calc(50 * var(--formula));
  width: calc(600 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-reason__body {
  margin-top: calc(30 * var(--formula));
  width: 100%;
  font-size: calc(26 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.12em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-note {
  margin-top: calc(48 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(700 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-closing {
  position: relative;
  margin-top: calc(59 * var(--formula));
  padding-top: calc(1326 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-closing__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

}

#sb_202608_eyedesignern06 .lp-closing__sub,
#sb_202608_eyedesignern06 .lp-closing__title {
  position: absolute;
  color: var(--color-reverse);
  font-family: var(--font-en);
  line-height: 1.3714;
  letter-spacing: 0.075em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-closing__sub {
  top: calc(1109 * var(--formula));
  left: calc(151 * var(--formula));
  width: calc(480 * var(--formula));
  font-size: calc(42 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-closing__title {
  top: calc(1184 * var(--formula));
  left: calc(92 * var(--formula));
  width: calc(600 * var(--formula));
  font-size: calc(58 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-closing__copy {
  position: relative;
  margin-left: calc(25 * var(--formula));
  width: calc(730 * var(--formula));
  font-size: calc(26 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-closing__copy--gap-s {
  margin-top: calc(30 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-closing__copy--gap-m {
  margin-top: calc(34 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-rail {
  color: var(--color-accent-deep);
  text-align: center;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-rail__sub {
  font-family: var(--font-lato);
  font-size: calc(16 * var(--formula_pc));
  line-height: 1;
  letter-spacing: 0.1em;
}

#sb_202608_eyedesignern06 .lp-rail__title {
  margin-top: calc(20 * var(--formula_pc));
  font-family: var(--font-en);
  font-size: calc(30 * var(--formula_pc));
  line-height: 1;
  letter-spacing: 0.075em;
}

#sb_202608_eyedesignern06 .lp-rail--nav {
  display: flex;
  flex-direction: column;
  gap: calc(30 * var(--formula_pc));
}

#sb_202608_eyedesignern06 .lp-rail__link {
  display: flex;
  align-items: center;
  width: calc(192 * var(--formula_pc));
  font-family: var(--font-en);
  font-size: calc(16 * var(--formula_pc));
  line-height: 1;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-rail__label {
  width: calc(160 * var(--formula_pc));
  text-align: center;
      padding-left: calc(7 * var(--formula_pc));

}

#sb_202608_eyedesignern06 .lp-rail__chevron {
  margin-left: calc(27 * var(--formula_pc));
  width: calc(9 * var(--formula_pc));
  height: calc(9 * var(--formula_pc));
  border-right: calc(1 * var(--formula_pc)) solid currentColor;
  border-bottom: calc(1 * var(--formula_pc)) solid currentColor;
  rotate: 45deg;
  translate: 0 calc(-3 * var(--formula_pc));
}

#sb_202608_eyedesignern06 .lp-cta--desktop {
  position: absolute;
  right: 0;
  bottom: calc(30 * var(--formula_pc));
  width: calc(342 * var(--formula_pc));
  height: calc(80 * var(--formula_pc));
  background-color: #fff;
  border-radius: calc(12 * var(--formula_pc)) 0 0 calc(12 * var(--formula_pc));
}

#sb_202608_eyedesignern06 .lp-cta--desktop .lp-cta__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#sb_202608_eyedesignern06 .lp-cta--desktop .lp-cta__thumb {
  position: absolute;
  top: calc(20 * var(--formula_pc));
  left: calc(20 * var(--formula_pc));
  width: calc(35 * var(--formula_pc));
}

#sb_202608_eyedesignern06 .lp-cta--desktop .lp-cta__name {
  position: absolute;
  top: calc(13 * var(--formula_pc));
  left: calc(65 * var(--formula_pc));
  font-size: calc(12 * var(--formula_pc));
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-cta--desktop .lp-cta__price {
  position: absolute;
  top: calc(36 * var(--formula_pc));
  left: calc(65 * var(--formula_pc));
  font-size: calc(16 * var(--formula_pc));
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-cta--desktop .lp-cta__button {
  position: absolute;
  top: calc(20 * var(--formula_pc));
  left: calc(202 * var(--formula_pc));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--formula_pc));
  width: calc(120 * var(--formula_pc));
  height: calc(40 * var(--formula_pc));
  border-radius: calc(20 * var(--formula_pc));
  background-color: var(--color-accent);
  color: #fff;
  font-family: var(--font-nova);
  font-size: calc(16 * var(--formula_pc));
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-cta--desktop .lp-cta__button img {
  width: calc(20 * var(--formula_pc));
}

#sb_202608_eyedesignern06 .lp-cta--mobile {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 50;
  width: 100%;
  height: calc(134 * var(--formula));
  background-color: #fff;
  translate: 0 100%;
  transition: translate var(--duration-accordion) var(--ease-base);
}

#sb_202608_eyedesignern06 .lp-cta--mobile.is-active {
  translate: 0 0;
}

@media (min-width: 768px) {
  #sb_202608_eyedesignern06 .lp-cta--mobile {
    display: none;
  }
}

#sb_202608_eyedesignern06 .lp-cta--mobile .lp-cta__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#sb_202608_eyedesignern06 .lp-cta--mobile .lp-cta__thumb {
  position: absolute;
  top: calc(31 * var(--formula));
  left: calc(41 * var(--formula));
  width: calc(64 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-cta--mobile .lp-cta__name {
  position: absolute;
  top: calc(18 * var(--formula));
  left: calc(135 * var(--formula));
  font-size: calc(26 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-cta--mobile .lp-cta__price {
  position: absolute;
  top: calc(62 * var(--formula));
  left: calc(135 * var(--formula));
  font-size: calc(32 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
  padding-left: calc(4 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-cta--mobile .lp-cta__button {
  position: absolute;
  top: calc(25 * var(--formula));
  left: calc(439 * var(--formula));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(20 * var(--formula));
  width: calc(300 * var(--formula));
  height: calc(84 * var(--formula));
  border-radius: calc(42 * var(--formula));
  background-color: var(--color-accent);
  color: #fff;
  font-family: var(--font-nova);
  font-size: calc(34 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

#sb_202608_eyedesignern06 .lp-cta--mobile .lp-cta__button img {
  width: calc(40 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-block: calc(77 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__overlay {
  position: fixed;
  inset: 0;
  background-color: var(--color-overlay);
}

#sb_202608_eyedesignern06 .lp-modal__panel {
  position: relative;
  flex: 0 0 auto;
  width: calc(740 * var(--formula));
  padding-top: calc(120 * var(--formula));
  padding-bottom: calc(120 * var(--formula));
  background-color: #fff;
    /* height: calc(100dvh - ((154 * var(--formula))));
    overflow: hidden auto; */
}

#sb_202608_eyedesignern06 .lp-modal__close {
  position: absolute;
  top: calc(29 * var(--formula));
  right: calc(29 * var(--formula));
  width: calc(42 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__visual {
  position: relative;
  margin-left: calc(80 * var(--formula));
  width: calc(580 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__slides {
  display: flex;
  width: 100%;
  overflow: hidden;
}

#sb_202608_eyedesignern06 .lp-modal__slide {
  position: relative;
  flex: 0 0 100%;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
}

#sb_202608_eyedesignern06 .lp-modal__slide.is-grabbing {
  cursor: grabbing;
}

#sb_202608_eyedesignern06 .lp-modal__image {
  width: 100%;
  transform-origin: center center;
  transition: transform 0.1s ease-out;
}

#sb_202608_eyedesignern06 .lp-modal__arrow {
  position: absolute;
  top: calc(259 * var(--formula));
  width: calc(24 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__arrow--prev {
  left: calc(-51 * var(--formula));
  scale: -1 1;
}

#sb_202608_eyedesignern06 .lp-modal__arrow--next {
  right: calc(-51 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__zoom {
  position: absolute;
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
  z-index: 2;
  width: calc(60 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__chips {
  display: grid;
  grid-template-columns: repeat(3, calc(40 * var(--formula)));
  gap: calc(4 * var(--formula));
  margin-top: calc(70 * var(--formula));
  margin-left: calc(306 * var(--formula));
  width: calc(128 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__chips li {
  position: relative;
}

#sb_202608_eyedesignern06 .lp-modal__chips span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.125em;
  padding-bottom: calc(4 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__list {
  margin-top: calc(47 * var(--formula));
  margin-left: calc(110 * var(--formula));
  width: calc(520 * var(--formula));
      row-gap: calc(16 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal__button {
  margin-top: calc(68 * var(--formula));
  margin-left: calc(145 * var(--formula));
  width: calc(450 * var(--formula));
      padding-bottom: calc(1 * var(--formula));
}

#sb_202608_eyedesignern06 .lp-modal[hidden] {
  display: none;
}

#sb_202608_eyedesignern06 .lp-cta--mobile[hidden] {
  display: none;
}

#sb_202608_eyedesignern06 .lp-photo a,
#sb_202608_eyedesignern06 .lp-closing__photo a,
#sb_202608_eyedesignern06 .lp-item__photo a {
  display: block;
}

@media screen and (max-width: 768px) {
  #Contents:has(.lp-page) .archive_area {
    padding: calc(196 * (100vw / 780)) 0 calc(208 * (100vw / 780));
  }
}


@media (max-width: 767px) {
    #share {
        bottom: calc(177 * (100vw / 780)) !important;
    }
}