@charset "UTF-8";
/* Outer（26WI ダウン・アウター）LP — randr基準（docs/randr-reference.md）/ SPファースト流体スケール
   PC: 左＝固定ビジュアル（sticky）／右＝SPデザインを600幅で表示（指示書「左側は固定」） */
.LS_26wi_downouter *,
.LS_26wi_downouter *::before,
.LS_26wi_downouter *::after {
  box-sizing: border-box;
}
.LS_26wi_downouter {
  --color-text: #38383b;
  --color-sub: #8a8a8e;
  --ph: #f4f4f5;
  --bg: #ffffff;
  --font-en:
    "niveau-grotesk", "avenir-lt-pro", "Alte Haas Grotesk", "Helvetica Neue",
    sans-serif; /* 英字 = Niveau Grotesk（kit imq1byy / LP個別読込） */
  --font-ja:
    "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --pc-width: 1920;
  --sp-width: 375;
  --pc-artboard-width: 600;
  --sp-artboard-width: 375;
  --u: calc(var(--variable) * var(--ratio));
  font-family: var(--font-ja);
  font-feature-settings: "palt";
  color: var(--color-text);
  background-color: var(--bg);
  overflow: clip;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1920px) {
  .LS_26wi_downouter {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {
  .LS_26wi_downouter {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .LS_26wi_downouter {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
.LS_26wi_downouter img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.LS_26wi_downouter a {
  color: inherit;
  text-decoration: none;
}
.LS_26wi_downouter a:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}
.LS_26wi_downouter h1,
.LS_26wi_downouter h2,
.LS_26wi_downouter h3,
.LS_26wi_downouter p,
.LS_26wi_downouter ul,
.LS_26wi_downouter figure {
  margin: 0;
  padding: 0;
}
.LS_26wi_downouter ul {
  list-style: none;
}
.LS_26wi_downouter button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

/* 骨格 */
.LS_26wi_downouter .dwo_side {
  display: none;
}
.LS_26wi_downouter .dwo_column {
  width: 100%;
}
@media (min-width: 768px) {
  .LS_26wi_downouter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
  .LS_26wi_downouter .hidden-desktop {
    display: none !important;
  }
  .LS_26wi_downouter .dwo_side {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    height: 100vh;
    min-width: 0;
    padding: calc(16 * var(--variable));
  }
  .LS_26wi_downouter .dwo_side__fig {
    position: relative;
    width: min(100%, calc((100vh - 32px) * 0.75));
  }
  .LS_26wi_downouter .dwo_column {
    width: calc(375 * var(--u));
    margin: 0 auto;
    min-width: 0;
    background: var(--bg);
  }
}

/* タイトル「Outer」 — PDF準拠: MV下部・左寄せ・大きく細すぎず */
.LS_26wi_downouter .dwo_visual {
  position: relative;
}
.LS_26wi_downouter .dwo_title {
  width: 100%;
  text-align: center;
  position: absolute;
  left: calc(0 * var(--u));
  bottom: calc(40 * var(--u));
  font-family: var(--font-en);
  font-weight: var(--fw-medium);
  font-size: calc(100 * var(--u));
  line-height: 1;
  letter-spacing: 0;
  color: #1a1a1c;
  pointer-events: none;
}
.LS_26wi_downouter .dwo_side .dwo_title {
  font-size: 20cqw;
  left: 0;
  bottom: 24cqw;
  letter-spacing: -0.02em;
}
.LS_26wi_downouter .dwo_side__fig {
  container-type: inline-size;
}

/* テキストブロック — 幅335（左右20）/ 見出し→本文37 / 本文 12・行間2.3・Light */
.LS_26wi_downouter .dwo_text {
  width: calc(335 * var(--u));
  margin: 0 auto;
  padding-top: calc(60 * var(--u));
}
.LS_26wi_downouter .dwo_mv + .dwo_section .dwo_text {
  padding-top: calc(100 * var(--u));
}
.LS_26wi_downouter .dwo_head {
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.LS_26wi_downouter .dwo_head--lg {
  font-size: calc(20 * var(--u));
  line-height: 1.5;
}
.LS_26wi_downouter .dwo_body {
  margin-top: calc(24 * var(--u));
  font-weight: var(--fw-light);
  font-size: calc(12 * var(--u));
  line-height: 2.3076923077;
  letter-spacing: -0.1em;
  text-align: justify;
}
.LS_26wi_downouter .dwo_text + .dwo_slider,
.LS_26wi_downouter .dwo_text + .dwo_single {
  margin-top: calc(30 * var(--u));
}
.LS_26wi_downouter .dwo_slider + .dwo_slider,
.LS_26wi_downouter .dwo_slider + .dwo_single {
  margin-top: calc(6 * var(--u));
}

/* ボタン — randr: 幅335 / padding 12 / 16 SemiBold。前60・後90 */
.LS_26wi_downouter .dwo_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(335 * var(--u));
  margin: calc(60 * var(--u)) auto calc(90 * var(--u));
  padding: calc(12 * var(--u)) 0;
  border: 1px solid var(--color-text);
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  font-size: calc(16 * var(--u));
  letter-spacing: 0.1em;
}
.LS_26wi_downouter .dwo_section--end {
  padding-bottom: calc(25 * var(--u));
}

/* スライダー（自動切り替え・ループ・375フルブリード） */
.LS_26wi_downouter .dwo_slider {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}
.LS_26wi_downouter .dwo_slider__track {
  display: flex;
  will-change: transform;
}
.LS_26wi_downouter .dwo_slider__track.is-anim {
  transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
}
.LS_26wi_downouter .dwo_slide {
  position: relative;
  flex: 0 0 100%;
}
.LS_26wi_downouter .dwo_slide img,
.LS_26wi_downouter .dwo_slide a {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.LS_26wi_downouter .dwo_slider__nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 calc(14 * var(--u));
  pointer-events: none;
  z-index: 2;
}
.LS_26wi_downouter .dwo_slider__nav button {
  pointer-events: auto;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  font-size: calc(16 * var(--u));
  letter-spacing: 0.12em;
  color: #fff;
}
.LS_26wi_downouter .dwo_slider__nav .dwo_next {
  justify-content: flex-end;
}

/* 画像上クレジット — PDF準拠: 白・左下。商品名 .15em */
.LS_26wi_downouter .dwo_credit {
  position: absolute;
  left: calc(20 * var(--u));
  bottom: calc(56 * var(--u));
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: calc(8 * var(--u));
  color: var(--color-text);
  font-family: var(--font-en);
  font-weight: var(--fw-medium);
  font-size: calc(12 * var(--u));
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.LS_26wi_downouter .dwo_credit.normal {
  position: static;
  width: calc(335 * var(--u));
  margin: calc(20 * var(--u)) auto;
}
.LS_26wi_downouter .dwo_credit.normal a {
  display: inline-block;
  color: var(--color-text);
}
.LS_26wi_downouter .dwo_credit.normal.right {
  text-align: right;
}
.LS_26wi_downouter .dwo_credit--top {
  top: calc(20 * var(--u));
  bottom: auto;
}
.LS_26wi_downouter .dwo_credit--light {
  color: #fff;
}
.LS_26wi_downouter .dwo_credit a {
  display: block;
  color: #fff;
}
.LS_26wi_downouter .dwo_tag {
  position: absolute;
  top: calc(20 * var(--u));
  right: calc(20 * var(--u));
  z-index: 1;
  color: #fff;
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  font-size: calc(13 * var(--u));
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-align: center;
}
.LS_26wi_downouter .dwo_tag__arrows {
  font-family: "m-plus-rounded-1p", var(--font-en), sans-serif;
  font-weight: var(--fw-bold);
}
.LS_26wi_downouter .dwo_single {
  position: relative;
}

/* Fabric — 背景帯（randr: 淡地・上下50） */
.LS_26wi_downouter .dwo_fabric {
  margin-top: calc(75 * var(--u));
  padding: calc(52 * var(--u)) 0;
  background: #fafafa;
}
.LS_26wi_downouter .dwo_fabric__inner {
  width: calc(335 * var(--u));
  margin: 0 auto;
}
.LS_26wi_downouter .dwo_fabric__label {
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  font-size: calc(16 * var(--u));
  letter-spacing: 0.1em;
}
.LS_26wi_downouter .dwo_fabric__logo {
  width: calc(140 * var(--u));
  margin: calc(37 * var(--u)) auto 0;
}
.LS_26wi_downouter .dwo_fabric__func {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: calc(18 * var(--u));
  margin-top: calc(37 * var(--u));
}
.LS_26wi_downouter .dwo_fabric__func li {
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  font-size: calc(12 * var(--u));
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.LS_26wi_downouter .dwo_fabric__func li:nth-child(even) {
  text-align: right;
}
.LS_26wi_downouter .dwo_fabric__func li span {
  display: block;
  margin-top: calc(2 * var(--u));
  font-family: var(--font-ja);
  font-weight: bold;
  font-size: calc(10 * var(--u));
  letter-spacing: 0.05em;
  color: var(--color-sub);
}
.LS_26wi_downouter .dwo_fabric__item {
  width: calc(240 * var(--u));
  margin: calc(30 * var(--u)) auto;
}
.LS_26wi_downouter .dwo_fabric__inner .dwo_body {
  margin-top: 0;
}
.LS_26wi_downouter .dwo_ph {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  color: var(--color-sub);
  font-weight: var(--fw-light);
  font-size: calc(10 * var(--u));
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.05em;
}
.LS_26wi_downouter .dwo_fabric + .dwo_slider {
  margin-top: 0;
}

/* フェードイン — randr: translateY(50) / 0.8s */
.LS_26wi_downouter .js-fade {
  opacity: 0;
  transform: translateY(50px);
  transition:
    opacity 0.8s ease-in-out,
    transform 0.8s ease-in-out;
}
.LS_26wi_downouter .js-fade.is-show {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .LS_26wi_downouter .js-fade {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .LS_26wi_downouter .dwo_slider__track.is-anim {
    transition-duration: 0.01s;
  }
}