/* =====================================================================
   LIRICO ランドセルモデルページ

   このファイルは試作（prototypes/melty-frill/dist/style.css）の内容を
   そのまま使っています。書き直していません。
   違いは次の3点だけです。
     1. すべての指定を .lrc の中だけに限定した（サイトの他ページに影響しない）
     2. 試作専用のヘッダー・フッター・注意書きの指定を外した
        （WordPressではテーマのヘッダー・フッターを使うため）
     3. カラーごとの背景色をCSS直書きから、カラー欄の入力値に変えた

   【フォントや色を変えたいとき】
   下の「デザイン変数」を、管理画面の 外観 → カスタマイズ → 追加CSS で
   上書きします。28ページすべてに反映されます。

       .lrc { --lrc-font-jp: "Noto Sans JP", sans-serif; }

   元に戻すときは、その行を消すだけです。
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');

/* ---- デザイン変数：ここを変えると見た目が変わります ---- */
.lrc{
  --lrc-font-jp: 'Noto Serif JP','Yu Mincho',serif;   /* 見出しの和文 */
  --lrc-font-en: Georgia, serif;                      /* 欧文・数字 */
  --lrc-font-body: -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --lrc-size-base: 16px;    /* 本文の文字サイズ */
  --lrc-leading: 1.9;       /* 行間 */
  --lrc-ink: #403b3f;       /* 文字色 */
  --lrc-muted: #71676c;     /* 補足の文字色 */
  --lrc-paper: #fffdfa;     /* 背景 */
  --lrc-rose: #a76f7d;      /* 差し色 */
  --lrc-line: #e4dcda;      /* 罫線 */
  --lrc-blush: #f7eeee;     /* 淡い面 */
  --lrc-nav-top: 0px;       /* ページ内ナビの吸着位置。固定ヘッダーの高さに合わせる */
  --lrc-anchor-offset: 90px;/* ページ内リンクで見出しが隠れないようにする余白 */

  /* 試作CSSが使っている変数名へ橋渡し（ここは触らなくて大丈夫です） */
  --ink: var(--lrc-ink);
  --muted: var(--lrc-muted);
  --paper: var(--lrc-paper);
  --rose: var(--lrc-rose);
  --line: var(--lrc-line);
  --blush: var(--lrc-blush);
  --serif: var(--lrc-font-jp);
  font-family: var(--lrc-font-body);
  font-size: var(--lrc-size-base);
  line-height: var(--lrc-leading);
}

.lrc{--ink:#403b3f;--muted:#71676c;--paper:#fffdfa;--rose:#a76f7d;--line:#e4dcda;--blush:#f7eeee;--serif:'Noto Serif JP','Yu Mincho',serif}.lrc *{box-sizing:border-box}.lrc{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.9}.lrc a{color:inherit;text-decoration:none}.lrc button{font:inherit;color:inherit;cursor:pointer}.lrc img{display:block;max-width:100%;height:auto}.lrc button, .lrc a{-webkit-tap-highlight-color:transparent}.lrc button:focus-visible, .lrc a:focus-visible, .lrc summary:focus-visible{outline:3px solid #936273;outline-offset:5px}.lrc .hero{position:relative;background:#c2d2dc;max-width:1600px;margin-left:auto;margin-right:auto}.lrc .hero picture img{width:100%;aspect-ratio:16/8.4;object-fit:cover}.lrc .hero-scroll{position:absolute;bottom:28px;right:5vw;background:#fffcf3e8;padding:10px 18px;font-size:13px;letter-spacing:.08em}.lrc .hero-scroll span{padding-left:20px}.lrc .section{max-width:1280px;margin:auto;padding:110px 5vw}.lrc .intro{text-align:center;max-width:1000px;padding-top:94px;padding-bottom:88px}.lrc .eyebrow{font-size:12px;letter-spacing:.2em;font-weight:500;color:var(--muted);margin:0 0 28px}.lrc .model-logo{max-width:310px;max-height:120px;object-fit:contain;margin:0 auto 8px}.lrc .intro h1{font-size:16px;font-weight:400;letter-spacing:.22em;margin:20px 0 40px}.lrc h2, .lrc h3{font-family:var(--serif);font-weight:400}.lrc h2{font-size:clamp(26px,2.6vw,36px);line-height:1.9;letter-spacing:.08em;margin:0 0 24px}.lrc .intro h2{font-size:clamp(24px,2.5vw,32px)}.lrc .intro-copy{line-height:2.3;color:var(--muted);margin:25px 0}.lrc .price-range{font-family:Georgia,serif;font-size:23px;margin-top:35px}.lrc small{font-family:inherit;font-size:12px}.lrc .price-range small{margin-left:10px;font-family:sans-serif;color:var(--muted)}.lrc .section-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:48px;border-block:1px solid var(--line);background:#fffdfaF5;backdrop-filter:blur(12px);padding:18px 20px;font-size:14px}.lrc .section-nav a:hover{color:var(--rose)}.lrc .section-title{margin-bottom:54px;text-align:center}.lrc .section-title p:not(.eyebrow){color:var(--muted)}.lrc .color-viewer{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.lrc .gallery{background:#fff}.lrc .gallery>img{width:100%;aspect-ratio:1;object-fit:contain}.lrc .view-buttons{display:flex;justify-content:center;border-block:1px solid var(--line)}.lrc .view-buttons button{border:0;background:transparent;padding:15px 18px;font-size:14px;border-bottom:2px solid transparent}.lrc .view-buttons button[aria-pressed=true]{border-color:var(--rose);color:#81515f}.lrc .color-information .eyebrow{margin-bottom:16px}.lrc .color-information h3{font-family:Georgia,serif;font-size:40px;line-height:1.3;margin:0 0 10px}.lrc .color-information #color-name{font-size:15px;letter-spacing:.1em;margin:0}.lrc .selected-price{font-family:Georgia,serif;font-size:27px;margin:22px 0}.lrc .selected-price small{font-family:sans-serif}.lrc .color-choices{display:grid;grid-template-columns:repeat(var(--color-count,5),1fr);gap:8px;margin:26px 0 38px}.lrc .color-choice{border:0;background:none;padding:8px 0;font-size:10px;line-height:1.5;text-align:center}.lrc .swatch{display:block;margin:0 auto 12px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--swatch) 50%,var(--swatch2) 50%);border:1px solid #0001;outline:1px solid transparent;outline-offset:5px}.lrc .color-choice[aria-pressed=true] .swatch{outline-color:var(--ink)}.lrc .button{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border:1px solid var(--ink);font-size:14px;letter-spacing:.03em;transition:background .2s}.lrc .button.dark{background:var(--ink);color:#fff}.lrc .button:hover{background:#eee4e3;color:var(--ink)}.lrc .fine{font-size:13px;line-height:1.9;color:var(--muted)}.lrc .color-lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:65px}.lrc .color-card img{aspect-ratio:1;object-fit:contain;background:#fff}.lrc .color-card h3{font-family:inherit;font-size:13px;margin:12px 0 0}.lrc .color-card p{font-size:15px;margin:3px 0}.lrc .text-link{background:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px;display:inline-flex;gap:16px;align-items:center}.lrc .color-note{text-align:center;margin-top:30px}
@media(min-width:1600px){.lrc .hero picture img{max-height:850px}}@media(max-width:800px){.lrc .section{padding:75px 24px}.lrc .section-nav{gap:28px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;font-size:13px}.lrc .color-viewer{grid-template-columns:1fr;gap:35px}.lrc .color-information{padding:0 10px}.lrc .color-choices{max-width:450px}.lrc .color-lineup{grid-template-columns:repeat(3,1fr);gap:20px 12px}.lrc .color-information h3{font-size:34px}.lrc .hero picture img{aspect-ratio:1;object-fit:cover}.lrc .hero-scroll{bottom:18px;right:18px;font-size:12px}.lrc .intro{padding-top:65px}.lrc .model-logo{width:240px}.lrc .intro h1{margin-bottom:28px}.lrc .intro-copy{font-size:14px}.lrc .price-range{font-size:21px}.lrc .section-title{margin-bottom:30px}}@media(max-width:420px){.lrc .color-choice{font-size:10px}.lrc .color-lineup{grid-template-columns:repeat(2,1fr)}.lrc .view-buttons button{padding:14px 16px}.lrc .intro h2{font-size:22px}.lrc .hero picture img{aspect-ratio:4/5}.lrc .intro .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.lrc *{transition:none!important}}

.lrc .editorial{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.lrc .editorial>img{width:100%;max-height:850px;object-fit:cover}.lrc .editorial h3, .lrc .detail-grid h3{font-size:25px;line-height:1.8;letter-spacing:.05em;margin:24px 0 12px}.lrc .editorial p, .lrc .detail-grid p{color:var(--muted);line-height:2}.lrc .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:80px}.lrc .detail-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}.lrc .comfort{background:#f3efed}.lrc .feature-lines{margin-top:45px}.lrc .feature-lines img{max-width:320px}.lrc details{border-bottom:1px solid #d8cdca;padding:0 0 8px}.lrc summary{cursor:pointer;padding:22px 0;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}.lrc summary::-webkit-details-marker{display:none}.lrc summary:after{content:'+';font-size:22px;font-weight:300}.lrc details[open]>summary:after{content:'−'}.lrc details p{max-width:850px;line-height:2}.lrc details>a{margin-bottom:20px}.lrc .spec{max-width:1000px}.lrc .spec-highlights{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:20px 0 50px}.lrc .spec-highlights div+div{border-left:1px solid var(--line)}.lrc .spec-highlights span{display:block;font-size:13px;color:var(--muted)}.lrc .spec-highlights strong{display:block;font-family:var(--serif);font-size:30px;font-weight:400}.lrc .spec-highlights small{font-size:13px}.lrc table{border-collapse:collapse;width:100%;font-size:14px}.lrc th, .lrc td{border-bottom:1px solid var(--line);padding:18px 20px;text-align:left;font-weight:400}.lrc th{width:30%;background:#f6f1ee}.lrc td{background:#fff}.lrc .spec>.text-link{margin-top:25px}.lrc .visit{background:var(--tint,#eee1e3);text-align:center}.lrc .visit h2{font-size:36px}.lrc .visit-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:750px;margin:40px auto 25px}.lrc .visit .section{padding-block:90px}.lrc .visit p{line-height:2.1}@media(max-width:800px){.lrc .editorial{grid-template-columns:1fr;gap:40px}.lrc .editorial>div>img{max-height:380px;width:100%;object-fit:contain}.lrc .detail-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.lrc .editorial h3, .lrc .detail-grid h3{font-size:22px}.lrc .spec-highlights strong{font-size:23px}.lrc .spec-highlights small{display:block;font-size:11px}.lrc th, .lrc td{padding:14px 12px;font-size:13px}.lrc .visit-actions{grid-template-columns:1fr}.lrc .visit h2{font-size:29px}.lrc .visit p{font-size:14px}.lrc .color-choice{font-size:12px}.lrc .color-choices{grid-template-columns:repeat(3,1fr);gap:14px}.lrc .color-choice:last-child{grid-column:auto}}

/* Photographic stories are the primary product experience. */
.lrc .hero picture img{aspect-ratio:auto;object-fit:contain;max-height:none}.lrc .brand-film{max-width:1320px;margin:0 auto;padding:30px 5vw 100px;text-align:center}.lrc .brand-film h2{font-size:25px;margin-bottom:35px}.lrc .film-stage{position:relative;aspect-ratio:16/9;background:#302e2f;overflow:hidden}.lrc .film-stage picture, .lrc .film-stage img{width:100%;height:100%;object-fit:contain}.lrc .film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;padding:20px 32px;color:#fff;background:#302e2fbf;white-space:nowrap;font-size:16px;backdrop-filter:blur(8px)}.lrc .film-play span{font-size:25px;vertical-align:middle;margin-right:12px}.lrc .film-stage iframe{border:0;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lrc .film-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#302e2f}
.lrc .film-stage picture{position:absolute;inset:0;z-index:2;transition:opacity .8s ease;pointer-events:none}
.lrc .film-stage.is-playing picture{opacity:0}.lrc .film-fallback{font-size:12px;text-align:right;margin:12px 0;color:var(--muted)}.lrc .color-worlds{padding-top:90px}.lrc .story-index{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1250px;padding:0 4vw;margin:45px auto 110px}.lrc .story-index-item img{width:100%;aspect-ratio:3/4;object-fit:cover}.lrc .story-index-item span{display:block;font-family:Georgia,serif;font-size:19px;margin-top:15px}.lrc .story-index-item small{display:block;color:var(--muted);font-size:12px}.lrc .color-story{padding:75px max(5vw,calc((100vw - 1280px)/2)) 65px;background:#eef4f3}.lrc .story-title{text-align:center;position:relative;margin-bottom:60px}.lrc .story-number{font-family:Georgia,serif;font-style:italic;font-size:30px;display:block;margin-bottom:18px;color:#877377}.lrc .story-title .eyebrow{margin-bottom:12px}.lrc .story-title h3{font-family:Georgia,serif;font-style:italic;font-size:clamp(42px,5vw,70px);line-height:1.15;margin:0 0 18px;font-weight:400}.lrc .story-title>p:last-child{font-size:14px;letter-spacing:.15em}.lrc .story-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:start}.lrc .story-pair figure{margin:0}.lrc .story-pair figure:nth-child(2){padding-top:22%}.lrc .story-pair img{width:100%;height:auto}.lrc .story-movie{max-width:780px;margin:80px auto 45px;text-align:center}.lrc .story-movie video{width:100%;max-height:85vh;aspect-ratio:9/16;object-fit:contain;background:#252228}.lrc .story-movie .eyebrow{margin-bottom:20px}.lrc .story-gallery{max-width:1100px;margin:30px auto;border-color:#b9a9ad}.lrc .story-gallery summary{font-size:14px}.lrc .story-gallery summary>span{margin-left:auto;font-size:12px;letter-spacing:.1em}.lrc .photo-strip{display:flex;justify-content:safe center;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.lrc .photo-strip figure{flex:0 0 32%;margin:0;scroll-snap-align:start}.lrc .photo-strip img{width:100%;height:420px;object-fit:contain}.lrc .photo-strip figcaption{font-family:Georgia,serif;font-size:13px;padding-top:10px;text-align:center}.lrc .story-end{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;margin:35px auto 0;max-width:1100px}.lrc .story-end .text-link{border-color:#b9a9ad}.lrc .color-worlds h2{font-family:var(--serif)}.lrc .color-information .color-choices{grid-template-columns:repeat(3,1fr)}.lrc .color-choice{font-size:12px}.lrc .intro{padding-bottom:45px}.lrc .section-nav{gap:clamp(20px,4vw,48px)}
@media(max-width:800px){.lrc .story-index{grid-template-columns:repeat(2,1fr);gap:28px 18px;margin-bottom:65px}.lrc .story-index-item:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.lrc .story-index-item span{font-size:20px}.lrc .color-story{padding:55px 22px 45px}.lrc .story-title{margin-bottom:35px}.lrc .story-pair{gap:20px;grid-template-columns:1fr}.lrc .story-pair figure:nth-child(2){padding-top:0;width:86%;margin-left:auto;margin-top:15px}.lrc .story-movie{margin-top:50px}.lrc .story-movie video{max-height:none}.lrc .photo-strip figure{flex-basis:78%}.lrc .photo-strip img{height:440px}.lrc .brand-film{padding:20px 20px 65px}.lrc .color-worlds{padding-top:65px}.lrc .story-gallery summary{font-size:13px}.lrc .story-gallery summary>span{display:none}.lrc .story-end{gap:10px}.lrc .hero picture img{aspect-ratio:auto}.lrc .film-play{padding:15px 20px;font-size:14px}.lrc .film-stage{aspect-ratio:9/16}.lrc .film-stage picture img{object-fit:contain}}

.lrc .color-film-play{display:block;margin:18px auto 0;padding:12px 24px;background:transparent;border:1px solid #95838a;font-size:14px}.lrc .story-movie{max-width:600px}.lrc .story-movie video{aspect-ratio:auto;min-height:240px;max-height:80vh;background:transparent}.lrc .film-stage{aspect-ratio:16/9}@media(max-width:640px){.lrc .film-stage{aspect-ratio:9/16}.lrc .story-movie video{max-height:none}}

.lrc .model-summary{max-width:39rem;margin:36px auto 10px;font-size:1rem;line-height:2.1;color:var(--muted);text-align:left;text-wrap:pretty;}

.lrc .interior-story{padding:100px 5vw 85px;background:var(--tint,#f5f0f5)}.lrc .interior-heading{max-width:720px;margin:0 auto 50px;text-align:center}.lrc .interior-heading>p:last-child{max-width:580px;margin:26px auto 0;text-align:left;font-size:16px;line-height:2.2}.lrc .interior-art{max-width:1150px;margin:0 auto}.lrc .interior-art img{width:100%;height:auto}.lrc .interior-art figcaption{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);margin-top:14px}.lrc .interior-craft{max-width:660px;margin:55px auto 0}.lrc .interior-craft .eyebrow{margin-bottom:15px}.lrc .interior-craft h3{font-size:26px;line-height:1.8;margin:0 0 20px}.lrc .interior-craft>p{line-height:2.1}.lrc #design .detail-grid{grid-template-columns:minmax(0,680px);justify-content:center}@media(max-width:640px){.lrc .interior-story{padding:65px 22px}.lrc .interior-heading{margin-bottom:30px}.lrc .interior-heading h2{font-size:24px}.lrc .interior-art{margin-inline:-22px}.lrc .interior-art figcaption{padding-inline:22px;flex-wrap:wrap;gap:4px}.lrc .interior-craft{margin-top:40px}.lrc .interior-craft h3{font-size:23px}}

.lrc .interior-note{max-width:1150px;margin:18px auto 0;}

.lrc .story-title>.color-story-copy:last-child{max-width:660px;margin:30px auto 0;font-size:16px;line-height:2.2;letter-spacing:.03em;text-align:left;}

.lrc .model-faq img{max-width:420px;width:100%;height:auto;margin:6px 0 12px}
.lrc .model-faq{margin-top:64px}.lrc .model-faq h3{font-size:clamp(20px,2vw,26px);line-height:1.7;margin-bottom:24px}.lrc .model-faq details p{overflow-wrap:anywhere}

/* Keep product photography and color selection together. */
.lrc .color-viewer{display:block;max-width:760px;margin-inline:auto}
.lrc .color-viewer .gallery>img{width:100%;height:min(52svh,520px);aspect-ratio:auto;object-fit:contain}
.lrc .gallery-color-controls{padding:12px 0 8px;text-align:center}
.lrc .gallery-color-controls .color-choices{display:grid;grid-template-columns:repeat(var(--color-count,5),minmax(0,1fr));gap:8px;max-width:360px;margin:0 auto}
.lrc .gallery-color-controls .color-choice{min-height:48px;padding:8px 0}
.lrc .gallery-color-controls .color-choice>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lrc .gallery-color-controls .swatch{margin:0 auto;width:28px;height:28px}
.lrc .gallery-color-controls #color-name{font-size:14px;margin:8px 0 4px;min-height:27px;letter-spacing:.06em}
.lrc .color-viewer .color-information{text-align:center;margin-top:28px;padding:0}
@media(max-width:800px){.lrc .color-viewer .gallery>img{height:min(44svh,380px)}.lrc .color-viewer .view-buttons button{padding:10px 14px}.lrc .gallery-color-controls{padding-top:8px}}

/* Group angle controls with the image, followed by compact color controls. */
.lrc #product-details>.section-title h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:.04em;text-wrap:balance}
.lrc #product-details>.section-title>p:not(.eyebrow){font-size:14px;text-wrap:balance}
.lrc .color-viewer .view-buttons{border-top:0;border-bottom:1px solid var(--line)}
.lrc .gallery-color-controls{padding:20px 0 6px}
.lrc .gallery-color-controls .color-choices{max-width:320px}
.lrc .gallery-color-controls #color-name{margin:7px 0 0}
@media(max-width:800px){.lrc #product-details>.section-title{margin-bottom:30px}.lrc .color-viewer .gallery>img{height:min(42svh,380px)}.lrc .gallery-color-controls{padding-top:16px}.lrc .color-viewer .color-information{margin-top:22px}}

.lrc .breadcrumbs{max-width:1280px;margin:0 auto;padding:16px 5vw;font-size:12px;line-height:1.7;color:var(--muted)}
.lrc .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;padding:0;margin:0}
.lrc .breadcrumbs li{display:flex;align-items:center}
.lrc .breadcrumbs li+li::before{content:"›";margin:0 12px;color:#a3979d}
.lrc .breadcrumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.lrc .breadcrumbs a:hover{color:var(--ink)}
.lrc .breadcrumbs [aria-current="page"]{color:var(--ink)}
@media(max-width:420px){.lrc .breadcrumbs{font-size:11px}.lrc .breadcrumbs li+li::before{margin:0 8px}}

@media(prefers-reduced-motion:reduce){.lrc *, .lrc *::before, .lrc *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.lrc .intro .model-logo{filter:brightness(0);opacity:.7}


/* ---- WordPress用の追記 ---- */

/* 欧文はデザイン変数から引く（試作は Georgia 直書きだった） */
.lrc .price-range,
.lrc .color-information h3,
.lrc .selected-price,
.lrc .story-number,
.lrc .story-title h3,
.lrc .story-index-item span,
.lrc .photo-strip figcaption{font-family:var(--lrc-font-en)}

/* カラーごとの背景色は、カラー欄の「ストーリー背景色」から受け取る */
.lrc .color-story{background:var(--story-bg,#eef4f3)}

/* ページ内リンクで見出しが固定ヘッダーに隠れないようにする */
.lrc [id]{scroll-margin-top:var(--lrc-anchor-offset)}

/* ページ内ナビの吸着位置 */
.lrc .section-nav{top:var(--lrc-nav-top)}

/* テーマのボタン装飾を、このページの中だけ打ち消す */
.lrc a.button,.lrc .button{background-color:transparent;color:var(--ink);border-radius:0;box-shadow:none;text-decoration:none}
.lrc a.button:hover,.lrc .button:hover{background-color:#eee4e3;color:var(--ink)}
.lrc a.button.dark,.lrc .button.dark{background-color:var(--ink);color:#fff}
.lrc a.button.dark:hover,.lrc .button.dark:hover{background-color:#2f2b2f;color:#fff}
.lrc button:not(.button){background-color:transparent;border-radius:0;box-shadow:none;text-transform:none}
/* 打ち消しより後、かつ同じ強さで書く（button. を付けている理由） */
.lrc button.film-play{background:#302e2fbf;color:#fff;border:1px solid rgba(255,255,255,.6)}
.lrc button.color-film-play{background:transparent;border:1px solid #95838a;color:var(--ink)}
.lrc .button.dark{background:var(--ink);color:#fff}
.lrc button:hover,.lrc button:focus{color:inherit}
.lrc .film-play:hover{background:#302e2f}

/* テーマの表組み装飾を打ち消す */
.lrc table{margin:0;border:0}
.lrc th,.lrc td{border-left:0;border-right:0;border-top:0}

/* 動画・画像がテーマの指定で崩れないように */
.lrc video{display:block;max-width:100%}
.lrc figure{margin:0}


/* =====================================================================
   テーマのコンテンツ幅を打ち消して、ページを画面いっぱいにする
   （試作のヒーロー画像はフルブリード＝左右いっぱいの設計のため）

   このテンプレートを選んだページだけに効く。他ページには影響しない。
   PHP側の astra_get_content_layout フィルタで効かない場合の保険も兼ねる。
   ===================================================================== */
.page-template-page-randoseru-model #content .ast-container{
	max-width:none;
	width:100%;
	padding-left:0;
	padding-right:0;
	display:block;
}
.page-template-page-randoseru-model #primary,
.page-template-page-randoseru-model #content .site-main{
	margin:0;
	padding:0;
	width:100%;
	max-width:none;
}
.page-template-page-randoseru-model .entry-content,
.page-template-page-randoseru-model .ast-article-single{
	padding:0;
	margin:0;
	border:0;
}
.lrc{width:100%;max-width:none}


/* =====================================================================
   目次（.section-nav）が上に貼り付いて追従するようにする

   テーマが body に overflow-x:hidden / overflow-y:auto を指定しており、
   これが position:sticky を無効にしていた。
   clip は横のはみ出しを隠しつつスクロール枠を作らないため、
   はみ出し対策はそのままに sticky が効くようになる。
   このテンプレートのページだけに限定している。
   ===================================================================== */
body.page-template-page-randoseru-model{
	overflow-x:clip;
	overflow-y:visible;
}


/* =====================================================================
   2026-09-17改訂の反映（prototypes/melty-frill/dist/revision.css を移植）

   試作の revision.css をそのまま使っています。書き換えたのは次の2点だけです。
     1. すべての指定を .lrc の中だけに限定した（body の指定を除く）
     2. 既存の指定と重複するもの（#comfort等のscroll-margin-top、
        html のscroll-behavior）は取り除いた
   ===================================================================== */
.lrc .intro-actions{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.lrc .care-tint{background:var(--tint,#f5efec)}
.lrc .care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 40px}
.lrc .care-grid article{min-width:0}
.lrc .care-grid img{width:100%;aspect-ratio:640/420;object-fit:contain;background:#fff}
.lrc .care-grid h3{font-size:22px;line-height:1.7;margin:22px 0 12px}
.lrc .care-grid p{font-size:15px;line-height:2;max-width:44em}
.lrc .care-details{margin-top:44px}
.lrc .care-grid+details{margin-top:36px}
.lrc .care-tint .button{max-width:560px;margin-top:30px}
.lrc .detail-teaser{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:800px;margin:40px auto;padding:0 24px}
.lrc .detail-teaser img{width:100%;aspect-ratio:1;object-fit:cover}
.lrc .story-purchase{max-width:620px;margin:35px auto;padding:0 24px}
.lrc .story-purchase>p{text-align:center;font:25px Georgia,serif}
.lrc .story-purchase small{margin-left:8px}
.lrc .story-purchase .button{background:#fff9;justify-content:center;text-align:center}
.lrc .purchase-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;background:#fffdf9f5;border-top:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -3px 20px #403b3f0a}
.lrc .purchase-dock[hidden]{display:none}
.lrc .purchase-dock a{padding:10px 25px;font-size:13px;text-align:center;border:1px solid var(--ink)}
.lrc .purchase-dock a:first-child{background:var(--ink);color:white}
.lrc .section-nav{gap:24px;overflow-x:auto;justify-content:flex-start}
.lrc .section-nav a{white-space:nowrap}

@media(max-width:640px){.lrc .care-grid{grid-template-columns:1fr;gap:35px}
.lrc .care-grid h3{font-size:20px}
.lrc .care-grid p{font-size:14px}
.lrc .intro h2{font-size:clamp(19px,4.6vw,25px);letter-spacing:.02em;line-height:1.9;text-wrap:pretty}
.lrc .intro-copy{font-size:14px;line-height:2.1;text-wrap:pretty}
.lrc .intro-copy br{display:none}
.lrc .section-nav{gap:24px;font-size:12px;padding:13px 18px}
.lrc .purchase-dock{padding-inline:12px}
.lrc .purchase-dock a{padding:11px 10px;flex:1}
.lrc .detail-teaser{gap:10px;padding:0 18px}
.lrc .story-purchase .button{font-size:13px;line-height:1.7}
.lrc .section-title h2{font-size:25px;letter-spacing:.03em}
.lrc .intro-actions{gap:16px}
}
.lrc{--gold:#ac9c6c;--gold-deep:#ac9c6c;--gold-soft:#ded4b8}
.lrc .eyebrow{color:var(--gold-deep)}
.lrc .hero-logo{position:absolute;z-index:2;left:var(--logo-x,7.5%);top:var(--logo-y,39%);bottom:auto;width:var(--logo-w,20%);max-width:380px;height:auto;object-fit:contain;transform:none;opacity:0;animation:heroLogo 1.8s .45s ease-out forwards;filter:drop-shadow(0 2px 10px #52677a40)}
.lrc .intro .model-logo{display:block;filter:brightness(0) saturate(100%) invert(67%) sepia(13%) saturate(1041%) hue-rotate(7deg) brightness(91%) contrast(88%);margin-bottom:2px}
@keyframes heroLogo{to{opacity:1}
}
.lrc .story-title h3{font-family:'Cormorant Garamond','Times New Roman',serif;font-style:normal;font-weight:400;font-size:clamp(36px,4.3vw,58px);color:#756d70;letter-spacing:.025em}
.lrc .story-title .story-number{color:var(--gold-deep)}
.lrc .story-featured{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1120px;margin:0 auto}
.lrc .story-featured figure{margin:0;min-width:0}
.lrc .story-featured img{width:100%;aspect-ratio:1;object-fit:cover;background:#fff}
.lrc .story-movie{margin-top:70px}
.lrc .story-gallery{border:0;padding:0;max-width:1120px;margin:55px auto 0}
.lrc .gallery-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #b9a9ad;padding-bottom:14px;margin-bottom:22px}
.lrc .gallery-heading h4,.lrc .gallery-heading span{font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--gold-deep);margin:0}
.lrc .carousel-controls{display:flex;justify-content:center;gap:8px;margin-top:12px}
.lrc .carousel-controls button{box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:15px;border:1px solid #b9a9ad;background:#fff8}
.lrc .story-end{justify-content:center}
.lrc .selected-price{font-size:21px;font-weight:400;color:#5d5558;letter-spacing:.03em;margin-bottom:18px}
.lrc .purchase-button{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff;justify-content:center}
.lrc .purchase-button:hover{background:#fff;color:var(--gold-deep)}
.lrc .design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 44px}
.lrc .design-grid article{min-width:0}
.lrc .design-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}
.lrc .design-grid h3{font-size:23px;line-height:1.7;margin:22px 0 10px}
.lrc .design-grid p{color:var(--muted);line-height:2}
.lrc .comfort-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(340px,1.35fr) minmax(220px,1fr);grid-template-areas:"one model three" "two model four";gap:48px 54px;align-items:start;margin-bottom:44px}
.lrc .comfort-layout>article:nth-of-type(1){grid-area:one}
.lrc .comfort-layout>article:nth-of-type(2){grid-area:two}
.lrc .comfort-layout>article:nth-of-type(3){grid-area:three}
.lrc .comfort-layout>article:nth-of-type(4){grid-area:four}
.lrc .comfort-layout>article img{width:100%;aspect-ratio:1.52;object-fit:contain;background:#fff}
.lrc .comfort-layout>article h3{font-size:20px;line-height:1.7;margin:18px 0 10px}
.lrc .comfort-layout>article p{font-size:14px;line-height:2;color:var(--muted)}
.lrc .comfort-layout>.comfort-overview{grid-area:model}
.lrc .comfort-overview{max-width:520px;margin:0 auto;text-align:center}
.lrc .comfort-overview img{width:100%;height:auto}
.lrc .comfort-overview figcaption,.lrc .strength-proof figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.lrc .lead-copy{max-width:820px;margin:-20px auto 58px;text-align:center;line-height:2.1}
.lrc .detail-body{padding:0 0 28px}
.lrc .detail-body>img{width:min(100%,640px);margin:0 0 22px;object-fit:contain;background:#fff}
.lrc .detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.lrc .detail-photos img{width:100%;height:auto}
.lrc .durability-lead{display:grid;grid-template-columns:1.45fr .75fr;gap:0;margin:0 auto 65px;background:#f1f1f1;align-items:stretch}
.lrc .durability-lead article{background:#fff;padding:0 30px 28px}
.lrc .durability-lead article+article{background:#f1f1f1;padding-top:115px}
.lrc .durability-lead img{width:100%;height:auto;object-fit:contain}
.lrc .durability-lead h3{font-size:22px;line-height:1.7;margin:22px 0 10px}
.lrc .durability-lead p{font-size:14px;line-height:2;color:var(--muted)}
.lrc .strength-proof{margin:0;text-align:left}
.lrc .material-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;padding-top:45px;border-top:1px solid var(--line)}
.lrc .material-notes h3{font-size:21px;margin:0 0 12px}
.lrc .material-notes p{color:var(--muted);line-height:2}
.lrc .quality-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;margin-bottom:70px}
.lrc .quality-feature img{width:100%;height:auto}
.lrc .quality-feature h3{font-size:25px;line-height:1.7;margin:0 0 18px}
.lrc .quality-feature .eyebrow{margin-bottom:12px}
.lrc .quality-feature p:last-child{line-height:2;color:var(--muted)}
.lrc .order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:45px 0 20px;border:1px solid var(--line)}
.lrc .order-summary span{background:#fff;padding:20px 12px;text-align:center;font-size:13px}
.lrc .order-copy h3{font-family:inherit;font-size:15px;font-weight:600;margin:24px 0 4px;color:var(--gold-deep)}
.lrc .order-copy p{margin:8px 0}
.lrc .purchase-dock a:first-child{background:var(--gold-deep);border-color:var(--gold-deep)}
@media(max-width:640px){.lrc .hero-logo{display:none}
.lrc .intro .model-logo{width:min(68vw,280px);margin-bottom:0}
.lrc .story-featured{grid-template-columns:1fr;gap:18px}
.lrc .story-featured img{aspect-ratio:1/1;max-height:none;object-fit:contain}
.lrc .story-title h3{font-size:35px}
.lrc .photo-strip figure{flex-basis:86%}
.lrc .photo-strip img{height:auto;aspect-ratio:1;object-fit:contain}
.lrc .design-grid,.lrc .material-notes,.lrc .quality-feature{grid-template-columns:1fr}
.lrc .design-grid{gap:42px}
.lrc .design-grid h3{font-size:21px}
.lrc .detail-photos{grid-template-columns:1fr}
.lrc .brand-film{padding-top:70px}
.lrc .comfort-layout{display:flex;flex-direction:column;gap:36px;margin-bottom:35px}
.lrc .comfort-overview{order:-1;width:min(78vw,330px);margin:0 auto 8px}
.lrc .comfort-layout>article img{aspect-ratio:640/420}
.lrc .comfort-layout>article h3{font-size:20px}
.lrc .durability-lead{grid-template-columns:1fr;gap:0;margin-bottom:45px}
.lrc .durability-lead article,.lrc .durability-lead article+article{padding:0 14px 32px;background:#fff}
.lrc .durability-lead article+article{padding-top:18px;background:#f1f1f1}
.lrc .durability-lead h3{font-size:20px;margin-top:22px}
.lrc .quality-feature{gap:28px;margin-bottom:50px}
.lrc .order-summary{grid-template-columns:1fr}
.lrc .lead-copy{text-align:left;margin-top:-5px}
}
@media(prefers-reduced-motion:reduce){.lrc .hero-logo{animation:none;opacity:1}
}
@media(prefers-reduced-motion:reduce){}
.lrc .section-title h2,.lrc .care-grid h3{text-wrap:balance}
.lrc .section-nav{gap:clamp(28px,6vw,72px);overflow:visible;justify-content:center}
.lrc .color-card-image{display:block;overflow:hidden;background:#fff}
.lrc .color-card-image img{transition:transform .35s ease,opacity .35s ease}
.lrc .color-card-image:hover img{transform:scale(1.025);opacity:.9}
.lrc .color-card-image:focus-visible{outline-offset:4px}
@media(min-width:801px){.lrc .comfort-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.lrc .comfort-overview{max-width:430px}
}

/* スマホ：枠を正方形にする（元ページと同じ）。
   枠の余白が黒く見えないよう、背景はセクションに馴染む色にする。 */
@media(max-width:640px){
.lrc .film-stage{aspect-ratio:1/1;background:transparent}
.lrc .film-stage iframe{inset:0;width:100%;height:100%}
}

/* お知らせ帯 */
.lrc .notice-bar{background:#f6f1ee;border-bottom:1px solid var(--line);padding:13px 5vw;text-align:center}
.lrc .notice-bar p{margin:0;font-size:14px;line-height:1.8}
.lrc .notice-bar a{margin-left:10px;text-decoration:underline;white-space:nowrap}
@media(max-width:640px){.lrc .notice-bar{padding:11px 18px}.lrc .notice-bar p{font-size:13px}}

/* v0.5.1 小ブロックの動画（写真と同じ収まりにする） */
.lrc .care-grid .card-movie,.lrc .detail-grid .card-movie,.lrc .design-grid .card-movie,.lrc .comfort-layout .card-movie{display:block;width:100%;object-fit:contain;background:#fff}
.lrc .care-grid .card-movie{aspect-ratio:640/420}
.lrc .detail-grid .card-movie,.lrc .design-grid .card-movie,.lrc .comfort-layout .card-movie{aspect-ratio:4/3}

/* ==========================================================================
 * カラー数が何色でも、中央に揃って並ぶようにする（v0.8.0）
 *
 * もとは5色決め打ちのグリッドだったため、4色だと右に1列ぶん空いて左に寄り、
 * 9色なら1行に詰め込まれてしまう。列数を「1行あたりの上限・下限」で決め、
 * 並びを flex の中央揃えにすることで、2色でも5色でも9色でも破綻しなくする。
 *
 *   1行あたりの数 = max(下限, min(カラー数, 上限))
 *
 * 余った最後の行は flex が自動で中央に寄せる。画面幅ごとに上限・下限を変える。
 * ========================================================================== */
.lrc{
  --row-min:3; --row-max:5; --sw-min:3; --sw-max:6;
  --per-row:max(var(--row-min), min(var(--color-count,5), var(--row-max)));
  --per-sw:max(var(--sw-min), min(var(--color-count,5), var(--sw-max)));
}
@media(max-width:1000px){ .lrc{ --row-max:4 } }
@media(max-width:800px){ .lrc{ --row-min:2; --row-max:3; --sw-max:5 } }
@media(max-width:560px){ .lrc{ --row-max:2; --sw-max:4 } }

.lrc .color-lineup,
.lrc .story-index,
.lrc .color-choices,
.lrc .gallery-color-controls .color-choices{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;
}
.lrc .color-lineup>*{ flex:0 0 calc((100% - (var(--per-row) - 1) * 16px) / var(--per-row)); min-width:0 }
.lrc .story-index>*{ flex:0 0 calc((100% - (var(--per-row) - 1) * 20px) / var(--per-row)); min-width:0; width:auto }
.lrc .color-choices>*{ flex:0 0 calc((100% - (var(--per-sw) - 1) * 8px) / var(--per-sw)); min-width:0 }

/* 5色のときだけ効いていた「最後の1枚を中央に大きく」は、flexの中央揃えで不要 */
.lrc .story-index-item:last-child:nth-child(odd){ grid-column:auto; width:auto; justify-self:auto }

/* 2026-09-21 追記: カラー索引の英字をゴールドに、5色並びに余白を持たせる。色玉は画像指定にも対応 */
.lrc .story-index{--si-gap:clamp(20px,2.4vw,34px);gap:var(--si-gap)}
.lrc .story-index>*{flex:0 0 calc((100% - (var(--per-row) - 1) * var(--si-gap)) / var(--per-row))}
.lrc .story-index-item img{aspect-ratio:1;object-fit:contain;background:#fff}
.lrc .story-index-item span{color:var(--gold-deep);font-size:clamp(15px,1.4vw,19px);letter-spacing:.02em}
.lrc .swatch.has-image{background-image:var(--swatch-img);background-size:cover;background-position:center}

/* 2026-09-21 追記: カラー索引はPCで1行3枚までにして大きく見せる（5色なら3+2）。
   1行あたりの枚数はテンプレート側が色数から計算して --si-per-row で渡す。
   gapと横幅の計算式は必ずセットで直すこと。801px未満は従来どおり。 */
@media(min-width:801px){
  .lrc .story-index{--si-gap:clamp(28px,3vw,48px);max-width:1100px;margin-bottom:120px}
  .lrc .story-index>*{flex:0 0 calc((100% - (var(--si-per-row,3) - 1) * var(--si-gap)) / var(--si-per-row,3))}
  .lrc .story-index-item span{font-size:clamp(19px,1.8vw,24px);margin-top:18px}
  .lrc .story-index-item small{font-size:13px}
}

/* 2026-09-21 追記: カラー索引の画像に余白（padding）を入れると、写真の左端と
   下の文字の左端がずれて見える。元画像が正方形で揃っているので余白は不要。 */
.lrc .story-index-item img{padding:0}

/* 2026-09-24 v1.1.0
   (1) COLORS / DETAILS の商品写真一覧も、PCでは1行3枚まで（5色なら3+2）。枚数はテンプレートが --si-per-row で渡す。
   (2) イメージムービーのつなぎの静止画は、PCでは枠の横幅いっぱいに合わせる（上下は枠で切る）。
       動画は横いっぱいに出るのに静止画だけ左右に余白が出て、切り替わる瞬間に幅が変わって見えていたため。
   (3) 章の始めのイラスト。白地のJPGでも背景に馴染むよう乗算で重ねる。 */
@media(min-width:801px){
  .lrc .color-lineup{max-width:960px;margin-left:auto;margin-right:auto;gap:28px 24px}
  .lrc .color-lineup>*{flex:0 0 calc((100% - (var(--si-per-row,3) - 1) * 24px) / var(--si-per-row,3))}
  .lrc .color-card h3{font-size:14px}
}
@media(min-width:641px){
  .lrc .film-stage picture img{object-fit:cover;object-position:center}
}
.lrc .lrc-ornament{display:flex;justify-content:center;margin:0 auto 22px;pointer-events:none}
.lrc .lrc-ornament img{width:clamp(120px,12vw,170px);height:auto;mix-blend-mode:multiply}
.lrc .interior-heading .lrc-ornament{justify-content:center}
@media(max-width:640px){.lrc .lrc-ornament{margin-bottom:16px}.lrc .lrc-ornament img{width:104px}}


/* 2026-09-24 v1.1.2 内装柄をカラー索引と01の物語のあいだに入れたので、上下の余白を整える */
.lrc .color-worlds>.interior-story{margin-bottom:0}

/* 2026-09-24 v1.1.4 ご購入案内の枠は「送料無料」1つだけになったので、数に合わせて並べる */
.lrc .order-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

/* 2026-09-24 v1.1.5
   (1) 静止画はスマホでも枠いっぱいに（左右の空きをなくす）。
   (2) 静止画が消えるまでの時間を短く（フェード0.8秒→0.3秒。消すタイミングはJS側で再生開始に合わせた）。
   (3) スマホではイラストの上の余白を少し詰める。 */
.lrc .film-stage picture img{object-fit:cover;object-position:center}
.lrc .film-stage picture{transition:opacity .3s ease}
@media(max-width:640px){.lrc .lrc-ornament{margin-top:-24px}}
/* レビュー欄：カードで区切る・名前を大きく（v1.1.8）／名前をゴールドに（v1.1.9） */
.lrc #reviews .detail-grid article{background:#fff;border:1px solid var(--line);padding:32px 30px 26px}
.lrc #reviews .detail-grid article>p{margin:0}
.lrc #reviews .detail-grid .review-name{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--gold-deep,#ac9c6c);letter-spacing:.04em;margin:0 0 12px}
.lrc #reviews .detail-grid .review-link{margin-top:16px}
@media(max-width:800px){.lrc #reviews .detail-grid{gap:18px}.lrc #reviews .detail-grid article{padding:24px 20px 20px}.lrc #reviews .detail-grid .review-name{font-size:16px}.lrc #reviews .detail-grid article>p:not(.review-name){font-size:14px;line-height:1.9}}

/* v1.1.12 (2026-09-28)
   (1) キャッチコピーの改行：{sp}=スマホだけ、{pc}=PCだけ（元ページと同じ767px境目）
   (2) COLORS / DETAILS：2色・4色でも1枚の大きさを3列のときと同じに（304px＝(960-24*2)/3）
   (3) 写真1枚だけの章（Horseshoesなど）はPCで約2倍に
   (4) ご家族の声：1件ずつ横いっぱいの1列に */
.lrc .lrc-br-sp{display:none}
.lrc .lrc-br-pc{display:inline}
@media(max-width:767px){.lrc .lrc-br-sp{display:inline}.lrc .lrc-br-pc{display:none}}
@media(min-width:801px){
  .lrc .color-lineup{max-width:calc(var(--si-per-row,3) * 304px + (var(--si-per-row,3) - 1) * 24px)}
  .lrc .comfort-overview.overview-solo{max-width:880px}
}
.lrc #reviews .detail-grid{grid-template-columns:1fr;max-width:820px;margin-left:auto;margin-right:auto}
/* v1.1.14 写真の向きボタンが増えたので折り返す */
.lrc .view-buttons{flex-wrap:wrap}
@media(max-width:420px){.lrc .color-viewer .view-buttons button{padding:10px 10px}}
/* v1.1.15 見やすさの調整 */
/* 金色の文字：白地で薄かった（コントラスト2.3〜2.7）ので、文字に使うときだけ濃い金にする（約5:1）。線や飾りの金はそのまま。 */
.lrc{--gold-text:#796b47}
@supports (color:color-mix(in srgb,red,blue)){.lrc{--gold-text:color-mix(in srgb,var(--gold-deep) 55%,#3a2f1a)}}
.lrc .eyebrow,.lrc .story-title .story-number,.lrc .gallery-heading h4,.lrc .gallery-heading span,.lrc .order-copy h3,.lrc .story-index-item span,.lrc #reviews .detail-grid .review-name{color:var(--gold-text)}
.lrc .purchase-button,.lrc .purchase-dock a:first-child{background:var(--gold-text);border-color:var(--gold-text)}
.lrc .purchase-button:hover{background:#fff;color:var(--gold-text)}
/* 小さすぎる文字を12pxに */
.lrc .gallery-heading h4,.lrc .gallery-heading span,.lrc .spec-highlights small{font-size:12px}
@media(max-width:420px){.lrc .breadcrumbs{font-size:12px}.lrc .intro .eyebrow{font-size:12px;letter-spacing:.14em}}
.lrc .color-choice{font-size:11px}
/* 押しやすさ：見た目の大きさは変えずに、押せる範囲だけ上下に広げる（高さ44px以上） */
.lrc .section-nav a,.lrc .film-fallback a,.lrc .breadcrumbs a{display:inline-block;padding:12px 4px;margin:-12px -4px}
/* v1.2.0 このモデルについて・索引へのリンク */
.lrc .model-facts{max-width:820px;margin:0 auto 56px;padding:28px 32px;background:#fff;border:1px solid var(--line);font-size:15px;line-height:2}
.lrc .model-facts h3{font-size:20px;margin:0 0 12px}
.lrc .model-facts h4{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--gold-text,#796b47);margin:22px 0 6px}
.lrc .model-facts p{margin:0 0 10px}
.lrc .index-links{display:flex;flex-wrap:wrap;gap:8px 10px}
.lrc .index-links a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;line-height:1.6;background:var(--paper)}
.lrc .index-links a:hover{border-color:var(--ink)}
.lrc .family-links{margin:6px 0 0;display:flex;flex-direction:column;gap:2px}
.lrc .family-links a{display:inline-block;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line);padding:6px 0}
@media(max-width:800px){.lrc .model-facts{padding:22px 18px;font-size:14px}}
/* v1.2.3 「○○について」を独立した章に */
.lrc .about-model{padding-top:40px;padding-bottom:70px}
.lrc .about-model .model-facts{margin:0 auto;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0;font-size:14px;color:var(--muted)}
.lrc .about-model .model-facts h2{font-size:clamp(20px,2vw,24px);color:var(--ink);margin:0 0 18px}
.lrc .about-model .model-facts h3{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--gold-text,#796b47);margin:26px 0 8px}
.lrc .about-model .eyebrow{margin-bottom:12px}
@media(max-width:800px){.lrc .about-model .model-facts{padding:36px 0}}
/* v1.2.5 見出しが無いとき（好みから探すだけ）の先頭の余白 */
.lrc .about-model .model-facts>h3:first-child{margin-top:0}

/* 2026-10-22 v1.3.1 ご購入について：上の「サイズ・素材・価格」の表と同じ見た目にそろえる（枠・明朝・太字をやめる） */
.lrc .order-box{background:none;border:0;border-bottom:1px solid #d8cdca;padding:0 0 8px;margin:0}
.lrc .order-box>h3{font-family:inherit;font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.9;margin:0;padding:22px 0;color:var(--ink)}
.lrc .order-rows{margin:0;border-top:1px solid var(--line)}
.lrc .order-rows>div{display:grid;grid-template-columns:30% 1fr;border-bottom:1px solid var(--line)}
.lrc .order-rows dt,.lrc .order-rows dd{margin:0;padding:18px 20px;font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.9;color:var(--ink)}
.lrc .order-rows dt{background:#f6f1ee}
.lrc .order-rows dd{background:#fff}
.lrc .order-rows dd small{display:inline;font-size:13px;color:var(--muted);margin-left:6px}
.lrc .order-box details{border:0;margin:0;padding:0}
.lrc .order-box summary{font-size:14px;color:var(--muted);padding:16px 0 10px;align-items:center}
@media(max-width:800px){.lrc .order-rows dt,.lrc .order-rows dd{padding:14px 12px;font-size:13px}.lrc .order-rows dd small{display:block;margin-left:0}}

/* 改行の調整（1〜2文字だけ次の行に残らないように）2026-10-29 */
.lrc p,.lrc li,.lrc dd{text-wrap:pretty}.lrc h2,.lrc h3,.lrc summary{text-wrap:balance}