@charset "UTF-8";
/* SHARE THE DAILY（LEEタイアップ）LP — randr基準（docs/randr-reference.md）/ SPファースト流体スケール
   指定色: 背景 #ebebeb / ブルー #6890f4（依頼表） */
.LS_family_d *, .LS_family_d *::before, .LS_family_d *::after { box-sizing: border-box; }
.LS_family_d {
  --blue: #6890F4; --bg: #FFFFFF; --page-bg: #EDF1FB; --mute: #B9B9BC;
  --color-white: #fff; --color-text: #38383B;
  --font-century: "century-gothic", "Alte Haas Grotesk", "Helvetica Neue", sans-serif;
  --font-en: "avenir-lt-pro", "Alte Haas Grotesk", "Helvetica Neue", sans-serif;
  --font-ja: "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --fw-light: 300; --fw-regular: 400; --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(--page-bg); overflow: clip; -webkit-font-smoothing: antialiased;
}
@media (min-width: 1920px) { .LS_family_d { --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); --variable: 1px; } }
@media (min-width: 768px) and (max-width: 1919px) { .LS_family_d { --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); --variable: calc(100vw / var(--pc-width)); } }
@media (max-width: 767px) { .LS_family_d { --ratio: 1; --variable: calc(100vw / var(--sp-width)); } }
.LS_family_d img, .LS_family_d picture { display: block; width: 100%; height: auto; vertical-align: bottom; }
.LS_family_d a { color: inherit; text-decoration: none; }
.LS_family_d a:hover { opacity: .6; transition: opacity .3s; }
.LS_family_d h1, .LS_family_d h2, .LS_family_d h3, .LS_family_d p, .LS_family_d ul { margin: 0; padding: 0; }
.LS_family_d ul { list-style: none; }
.LS_family_d section { position: relative; }
.LS_family_d .u-en { font-family: var(--font-en); }
/* 骨格 — PC: 1fr/600/1fr 左右sticky */
.LS_family_d .lp_column { width: 100%; margin: 0 auto; background-color: var(--bg); padding-bottom: calc(100 * var(--u)); }
.LS_family_d .lp_side { display: none; }
@media (min-width: 768px) {
  .LS_family_d { display: grid; grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--variable)) 1fr; }
  .LS_family_d .hidden-desktop { display: none !important; }
  .LS_family_d .lp_side { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: calc(20 * var(--variable)); position: sticky; top: 0; height: 100vh; min-width: 0; padding: calc(30 * var(--variable)); text-align: center; }
  .LS_family_d .lp_side.lp_side--left {
    padding: 0;
    display: block;
  }


  .LS_family_d .lp_side__mark { font-family: var(--font-century); font-weight: var(--fw-bold); font-size: calc(56 * var(--variable)); letter-spacing: .04em; line-height: 1.15; }
  .LS_family_d .lp_side__sub { font-size: calc(18 * var(--variable)); letter-spacing: .12em; font-weight: var(--fw-semibold); }
  .LS_family_d .lp_side__nav { width: calc(280 * var(--variable)); user-select: none; }
  .LS_family_d .lp_side__nav__head { font-family: var(--font-en); color: var(--blue); font-size: calc(15 * var(--variable)); letter-spacing: .24em; font-weight: var(--fw-semibold); padding-bottom: calc(14 * var(--variable)); border-bottom: 1px solid #C9D3EC; }
  .LS_family_d .lp_side__nav a { display: flex; align-items: center; column-gap: calc(22 * var(--variable)); padding: calc(18 * var(--variable)) 0; border-bottom: 1px solid #C9D3EC; }
  .LS_family_d .lp_side__nav a:hover { opacity: 1; }
  .LS_family_d .lp_side__nav a:focus:not(:focus-visible) { outline: none; }
  .LS_family_d .lp_side__nav a > span { transition: color .4s ease; }
  .LS_family_d .lp_side__nav__num { flex: 0 0 auto; width: calc(52 * var(--variable)); font-family: var(--font-century); color: var(--mute); font-size: calc(34 * var(--variable)); line-height: 1; letter-spacing: .02em; font-weight: var(--fw-bold); }
  .LS_family_d .lp_side__nav__ja { font-size: calc(17 * var(--variable)); line-height: 1.5; letter-spacing: .14em; font-weight: var(--fw-semibold); color: var(--mute); }
  .LS_family_d .lp_side__nav a.is-current .lp_side__nav__num, .LS_family_d .lp_side__nav a:hover .lp_side__nav__num { color: var(--blue); }
  .LS_family_d .lp_side__nav a.is-current .lp_side__nav__ja, .LS_family_d .lp_side__nav a:hover .lp_side__nav__ja { color: var(--color-text); }
}
@media (max-width: 767px) { .LS_family_d .hidden-mobile { display: none !important; } }
.LS_family_d .lp_inner { width: calc(335 * var(--u)); margin-left: auto; margin-right: auto; }
/* INTRO */
.LS_family_d .p-intro { padding-top: calc(50 * var(--u)); text-align: center; }
.LS_family_d .c-cast { font-size: calc(12 * var(--u)); line-height: 1.8; letter-spacing: .12em; font-weight: var(--fw-semibold); }
.LS_family_d .c-display { margin-top: calc(18 * var(--u)); font-family: var(--font-century); font-weight: var(--fw-bold); font-size: calc(40 * var(--u)); line-height: 1; letter-spacing: .04em; }
.LS_family_d .c-title-ja { margin-top: calc(16 * var(--u)); font-size: calc(15 * var(--u)); line-height: 1.6; letter-spacing: .14em; font-weight: var(--fw-semibold); }
.LS_family_d .c-lead-ja { font-size: calc(13 * var(--u)); line-height: 2.3076923077; letter-spacing: .05em; font-weight: var(--fw-light); font-feature-settings: normal; text-align: center; }
.LS_family_d .c-title-ja + .c-lead-ja { margin-top: calc(30 * var(--u)); }
/* CTA — ブルー四角 / 幅335（リード直後35・上60 < 下） */
.LS_family_d .c-btn { width: calc(335 * var(--u)); margin: calc(35 * var(--u)) auto 0; background-color: var(--blue); color: var(--color-white); font-size: calc(15 * var(--u)); line-height: 2.125; letter-spacing: .1em; font-weight: var(--fw-semibold); }
.LS_family_d .c-btn > a { display: flex; justify-content: center; align-items: center; width: 100%; padding: calc(11 * var(--u)) 0; white-space: nowrap; }
.LS_family_d .c-btn.-end { margin-top: calc(80 * var(--u)); }
/* カテゴリ導線 — ささげ画像の丸ボタン3つ（タップで該当セクションへ） */
.LS_family_d .p-cat { width: calc(335 * var(--u)); margin: calc(60 * var(--u)) auto 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: calc(15 * var(--u)); }
.LS_family_d .p-cat a { display: block; text-align: center; }
.LS_family_d .p-cat__img { aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; background-color: var(--color-white); border: 1px solid #DCDCDE; display: grid; place-items: center; }
.LS_family_d .p-cat__img img { width: 74%; height: auto; }
.LS_family_d .p-cat__name { margin-top: calc(12 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.6; letter-spacing: .1em; font-weight: var(--fw-bold); }
/* セクション見出し — SHARE BAG / 番号 / （ カテゴリ ） */
.LS_family_d .p-section { margin-top: calc(100 * var(--u)); scroll-margin-top: calc(80 * var(--u)); }
.LS_family_d .sec_head { text-align: center; color: var(--blue); }
.LS_family_d .sec_head__en { font-family: var(--font-century); font-size: calc(20 * var(--u)); line-height: 1.4; letter-spacing: .2em; font-weight: var(--fw-bold); }
.LS_family_d .sec_head__num { margin-top: calc(6 * var(--u)); font-family: var(--font-century); font-weight: var(--fw-bold); font-size: calc(56 * var(--u)); line-height: 1.1; letter-spacing: .04em; }
.LS_family_d .sec_head__ja { display: flex; justify-content: center; align-items: center; column-gap: calc(14 * var(--u)); margin-top: calc(16 * var(--u)); color: var(--color-text); font-size: calc(14 * var(--u)); line-height: 1.6; letter-spacing: .2em; font-weight: var(--fw-semibold); }
.LS_family_d .sec_head__rule { display: block; width: calc(28 * var(--u)); height: 1px; background-color: var(--color-text); }
.LS_family_d .sec_head + .c-visual { margin-top: calc(37 * var(--u)); }
/* ビジュアル（タップ遷移） */
.LS_family_d .c-visual { position: relative; }
.LS_family_d .c-visual + .c-visual, .LS_family_d .c-credits + .c-visual { margin-top: calc(60 * var(--u)); }
/* 着用アイテムクレジット（テキストリンク） */
.LS_family_d .c-credits { width: calc(335 * var(--u)); margin: calc(22 * var(--u)) auto 0; display: flex; justify-content: center; gap: calc(14 * var(--u)) calc(20 * var(--u)); flex-wrap: wrap; text-align: center; }
.LS_family_d .c-credits a { flex: 1 1 0; min-width: 0; display: block; }
.LS_family_d .c-credits a + a { border-left: 1px solid #C4C4C6; padding-left: calc(20 * var(--u)); margin-left: calc(-1 * var(--u)); }
.LS_family_d .c-credits.-single a { flex: 0 1 auto; }
.LS_family_d .c-credits__name { font-family: var(--font-en); font-size: calc(11 * var(--u)); line-height: 1.7; letter-spacing: .08em; font-weight: var(--fw-semibold); }
.LS_family_d .c-credits__color { font-size: calc(11 * var(--u)); line-height: 1.7; letter-spacing: .04em; font-weight: var(--fw-light); }
.LS_family_d .c-credits__price, .LS_family_d .c-colors__price { display: block; margin-top: calc(6 * var(--u)); font-family: var(--font-century); font-weight: var(--fw-bold); font-size: calc(13 * var(--u)); line-height: 1.4; letter-spacing: .05em; }
.LS_family_d .c-credits__price small, .LS_family_d .c-colors__price small { font-family: var(--font-ja); font-size: .75em; font-weight: var(--fw-regular); }
/* 本文 → 物画像 → 本文 */
.LS_family_d .c-body { width: calc(335 * var(--u)); margin: calc(30 * var(--u)) auto 0; }
.LS_family_d .c-detail { margin-top: calc(30 * var(--u)); }
/* カラバリ 2枚並び */
.LS_family_d .p-colors { width: calc(335 * var(--u)); margin: calc(40 * var(--u)) auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(30 * var(--u)) calc(15 * var(--u)); }
.LS_family_d .p-colors a { display: block; text-align: center; }
.LS_family_d .p-colors img { background-color: var(--color-white); }
.LS_family_d .c-colors__name { margin-top: calc(14 * var(--u)); font-family: var(--font-en); font-size: calc(11 * var(--u)); line-height: 1.7; letter-spacing: .08em; font-weight: var(--fw-semibold); }
.LS_family_d .c-colors__color { font-size: calc(11 * var(--u)); line-height: 1.7; letter-spacing: .04em; font-weight: var(--fw-light); }
/* 未着素材プレースホルダー（初稿用・素材着で差し替え） */
.LS_family_d .ph { display: grid; place-items: center; background-color: #D6D6D6; color: #6B6B6E; font-size: calc(12 * var(--u)); letter-spacing: .1em; font-weight: var(--fw-semibold); text-align: center; line-height: 1.6; }
.LS_family_d .ph.-detail { aspect-ratio: 4 / 5; }
.LS_family_d .ph.-item { aspect-ratio: 5 / 6; }
.LS_family_d .p-cat__img .ph { width: 100%; height: 100%; font-size: calc(10 * var(--u)); }
/* SNAP（LEEEP埋込） */
.LS_family_d .p-snap { margin-top: calc(80 * var(--u)); }
.LS_family_d .c-sec-title { font-family: var(--font-century); font-weight: var(--fw-bold); font-size: calc(25 * var(--u)); line-height: 1.36; letter-spacing: .1em; text-align: center; }
.LS_family_d .snap_embed { margin-top: calc(30 * var(--u)); }
.LS_family_d .snap_embed .ph { aspect-ratio: 1 / 1; }
/* フェード */
.LS_family_d .js-fade { opacity: 0; transform: translateY(calc(50 * var(--u))); transition: opacity .8s cubic-bezier(.42,0,.58,1), transform .8s cubic-bezier(.42,0,.58,1); }
.LS_family_d .js-fade.is-shown { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .LS_family_d .js-fade { opacity: 1; transform: none; transition: none; } }