@charset "UTF-8";
/* Fleece（26WI フリース）LP — randr基準（docs/randr-reference.md）/ SPファースト流体スケール
   PC: 左＝固定ヒーロースライダー（sticky）／右＝SPデザインを600幅で表示（指示書「左側は固定」）
   英字 = futura-pt Medium（kit vyu7gqj / Gotham-Medium代替・承認済）
   和文 = 指定 小塚ゴシックPr6N はキット未確定のため暫定ヒラギノ（マスター共通読込） */
.LS_26wi_fleeceouter *, .LS_26wi_fleeceouter *::before, .LS_26wi_fleeceouter *::after { box-sizing: border-box; }
.LS_26wi_fleeceouter {
  --color-text: #38383B; --color-sub: #8A8A8E; --ph: #F4F4F5; --bg: #FFFFFF;
  --font-en: "futura-pt", "avenir-lt-pro", "Helvetica Neue", sans-serif;
  --font-ja: "kozuka-gothic-pr6n", "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --font-credit: "niveau-grotesk", "avenir-lt-pro", "Alte Haas Grotesk", "Helvetica Neue", 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_fleeceouter { --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); --variable: 1px; } }
@media (min-width: 768px) and (max-width: 1919px) { .LS_26wi_fleeceouter { --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); --variable: calc(100vw / var(--pc-width)); } }
@media (max-width: 767px) { .LS_26wi_fleeceouter { --ratio: 1; --variable: calc(100vw / var(--sp-width)); } }
.LS_26wi_fleeceouter img { display: block; width: 100%; height: auto; vertical-align: bottom; }
.LS_26wi_fleeceouter a { color: inherit; text-decoration: none; }
.LS_26wi_fleeceouter a:hover { opacity: .6; transition: opacity .3s; }
.LS_26wi_fleeceouter h1, .LS_26wi_fleeceouter h2, .LS_26wi_fleeceouter h3, .LS_26wi_fleeceouter p, .LS_26wi_fleeceouter ul, .LS_26wi_fleeceouter figure { margin: 0; padding: 0; }
.LS_26wi_fleeceouter ul { list-style: none; }
.LS_26wi_fleeceouter button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }

/* 骨格 */
.LS_26wi_fleeceouter .flc_side { display: none; }
.LS_26wi_fleeceouter .flc_column { width: 100%; }
@media (min-width: 768px) {
  .LS_26wi_fleeceouter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  .LS_26wi_fleeceouter .hidden-desktop { display: none !important; }
  .LS_26wi_fleeceouter .flc_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_fleeceouter .flc_side__fig { position: relative; width: min(100%, calc((100vh - 32px) * .75)); }
  .LS_26wi_fleeceouter .flc_column { width: calc(375 * var(--u)); margin: 0 auto; min-width: 0; background: var(--bg); }
}

/* タイトル「Fleece」 */
.LS_26wi_fleeceouter .flc_visual { position: relative; }
.LS_26wi_fleeceouter .flc_title { 
  position: absolute;
  left: 50%;
  transform: translateX(-50%); 
  bottom: calc(74 * var(--u)); 
  font-family: var(--font-en); 
  font-weight: var(--fw-medium); 
  font-size: calc(120 * var(--u)); 
  line-height: 1; 
  letter-spacing: 0; 
  color: #fff; 
  pointer-events: none; 
  z-index: 2;
}
.LS_26wi_fleeceouter .flc_side .flc_title {
  font-size: 34cqw;
  /* left: 4cqw; */
  bottom: 17cqw;
  letter-spacing: -.02em;
  font-weight: 400;}
.LS_26wi_fleeceouter .flc_side__fig { container-type: inline-size; }

/* テキストブロック — 幅335 / 見出し→本文 / 本文12・行間2.3・Light */
.LS_26wi_fleeceouter .flc_text { width: calc(335 * var(--u)); margin: 0 auto; padding-top: calc(60 * var(--u)); }
.LS_26wi_fleeceouter .flc_mv + .flc_section .flc_text { padding-top: calc(100 * var(--u)); }
.LS_26wi_fleeceouter .flc_head { font-family: var(--font-en); font-weight: var(--fw-medium); font-size: calc(20 * var(--u)); line-height: 1.5; letter-spacing: .1em; }
.LS_26wi_fleeceouter .flc_body { margin-top: calc(24 * var(--u)); font-weight: var(--fw-light); font-size: calc(12 * var(--u)); line-height: 1.5; letter-spacing: .05em; text-align: justify; }
.LS_26wi_fleeceouter .flc_text + .flc_slider, .LS_26wi_fleeceouter .flc_text + .flc_single, .LS_26wi_fleeceouter .flc_text + .flc_pair { margin-top: calc(30 * var(--u)); }
.LS_26wi_fleeceouter .flc_pair + .flc_single, .LS_26wi_fleeceouter .flc_single + .flc_single, .LS_26wi_fleeceouter .flc_single + .flc_pair, .LS_26wi_fleeceouter .flc_slider, .LS_26wi_fleeceouter .flc_slider + .flc_single { margin-top: calc(6 * var(--u)); }

/* ボタン */
.LS_26wi_fleeceouter .flc_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-medium); font-size: calc(16 * var(--u)); letter-spacing: .1em; }

/* スライダー（自動切り替え・ループ） */
.LS_26wi_fleeceouter .flc_slider { position: relative; overflow: hidden; touch-action: pan-y; }
.LS_26wi_fleeceouter .flc_slider__track { display: flex; will-change: transform; }
.LS_26wi_fleeceouter .flc_slider__track.is-anim { transition: transform .9s cubic-bezier(.65,0,.35,1); }
.LS_26wi_fleeceouter .flc_slide { position: relative; flex: 0 0 100%; }
.LS_26wi_fleeceouter .flc_slide img { -webkit-user-drag: none; user-select: none; }
.LS_26wi_fleeceouter .flc_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_fleeceouter .flc_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-medium); font-size: calc(16 * var(--u)); letter-spacing: .12em; color: #fff; }
.LS_26wi_fleeceouter .flc_slider__nav.flc_slider__nav--white button {
  color: #fff;
}
.LS_26wi_fleeceouter .flc_slider__nav .flc_next { justify-content: flex-end; }

/* 2枚並び（依頼表モックの横並びペア） */
.LS_26wi_fleeceouter .flc_pair { display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(5 * var(--u)); }
.LS_26wi_fleeceouter .flc_pair figure { min-width: 0; position: relative; }
.LS_26wi_fleeceouter .flc_pair .flc_credit { left: calc(12 * var(--u)); bottom: calc(14 * var(--u)); }

/* クレジット — 画像上は絶対配置、ペア下は静的 */
.LS_26wi_fleeceouter .flc_credit {   position: absolute;
  left: calc(20 * var(--u));
  bottom: calc(24 * var(--u));
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: calc(8 * var(--u));
  color: #fff;
  font-family: var(--font-credit);
  font-weight: var(--fw-medium);
  font-size: calc(12 * var(--u));
  line-height: 1.75;
  letter-spacing: 0.06em;; /*text-shadow: 0 0 10px rgba(255,255,255,.9), 0 0 3px rgba(255,255,255,.7); */}
.LS_26wi_fleeceouter .flc_credit--light { color: #fff; /*text-shadow: 0 0 10px rgba(0,0,0,.45), 0 0 3px rgba(0,0,0,.35);*/ }

.LS_26wi_fleeceouter .flc_credit.flc_credit--01-1 {
  left: calc(20 * var(--u)); 
  top: calc(24 * var(--u));
  bottom: auto;
 }
.LS_26wi_fleeceouter .flc_credit.flc_credit--01-3 {
  left: calc(40 * var(--u));
  bottom: calc(284 * var(--u));
 }
.LS_26wi_fleeceouter .flc_credit.flc_credit--02-1 {
  left: calc(20 * var(--u)); 
  top: calc(84 * var(--u));
  bottom: auto;
 }

.LS_26wi_fleeceouter .flc_credit.flc_credit--05-1 {
  left: auto;
  right: calc(20 * var(--u)); 
  top: calc(24 * var(--u));
  bottom: auto;
 }
.LS_26wi_fleeceouter .flc_credit.flc_credit--06-1 {
  left: calc(20 * var(--u)); 
  top: calc(44 * var(--u));
  bottom: auto;
 }
 .LS_26wi_fleeceouter .flc_credit.flc_credit--06-2 {
  left: auto;
  right: calc(20 * var(--u));
 }
 .LS_26wi_fleeceouter .flc_credit.flc_credit--08-1 {
  left: auto;
  right: calc(20 * var(--u)); 
  top: calc(24 * var(--u));
  bottom: auto;
 }


.LS_26wi_fleeceouter .flc_credit a { display: block; }
.LS_26wi_fleeceouter .flc_single { position: relative; }

/* OUTER COLLECTION 紹介帯（淡地・上下52） */
.LS_26wi_fleeceouter .flc_outer { margin-top: calc(100 * var(--u)); padding: calc(52 * var(--u)) 0 calc(60 * var(--u)); background: #FAFAFA; }
.LS_26wi_fleeceouter .flc_outer .flc_text { padding-top: 0; }
.LS_26wi_fleeceouter .flc_outer .flc_btn { margin-bottom: 0; }
.LS_26wi_fleeceouter .flc_section--end { padding-bottom: calc(25 * var(--u)); }

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