/* 製品ページ・比べるページの共通（2026-09-28） */
.p-head{padding:36px 0 64px}
.p-head .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.p-head h1{font-family:"Shippori Mincho",serif;font-weight:600;color:var(--sumi);font-size:clamp(28px,3.4vw,42px);line-height:1.6;margin:10px 0 16px}
.p-head .maker{font-size:13px;color:var(--brass);letter-spacing:.2em}
.p-head figure{margin:0}.p-head figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.p-head figcaption{font-size:12px;color:var(--sub);margin-top:8px}
.facts3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;margin:22px 0}
.facts3 div{padding:14px 16px;border-left:1px solid var(--line)}.facts3 div:first-child{border-left:0}
.facts3 b{display:block;font-family:"Shippori Mincho",serif;font-weight:600;font-size:19px;color:var(--navy)}
.facts3 small{font-size:11px;color:var(--sub)}
.layout2{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}
.toc2{position:sticky;top:90px;border-top:1px solid var(--sumi);padding-top:14px;font-size:13px}
.toc2 b{font-family:"Shippori Mincho",serif;font-weight:500}
.toc2 ol{padding-left:1.2em;line-height:2.1;margin:8px 0 18px}.toc2 a{color:var(--ink);text-decoration:none}
.toc2 .mini{background:var(--sumi);color:#fff;padding:16px;font-size:13px}.toc2 .mini a{display:block;margin-top:10px;text-align:center}
.prose2 h2{font-family:"Shippori Mincho",serif;font-weight:600;color:var(--sumi);font-size:24px;border-bottom:1px solid var(--line);padding-bottom:14px;margin:72px 0 20px;position:relative;scroll-margin-top:90px}
.prose2 h2::before{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:1px;background:var(--brass)}
.prose2 h2:first-child{margin-top:0}
.prose2 h3{font-family:"Shippori Mincho",serif;font-weight:600;font-size:18px;color:var(--navy);margin:28px 0 8px}
.prose2 table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;margin:14px 0}
.prose2 th,.prose2 td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose2 th{background:var(--paper-2);font-weight:500;color:var(--sumi)}
.prose2 .src{font-size:12px;color:var(--sub)}
.frames{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.frames div{background:#fff;border:1px solid var(--line);border-top:2px solid var(--navy);padding:16px 18px}
.frames b{font-family:"Shippori Mincho",serif;font-weight:600;color:var(--sumi);display:block;margin-bottom:4px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery figcaption{font-size:12px;color:var(--sub);margin-top:6px}
.note-box{background:#fff;border-left:2px solid var(--brass);padding:16px 20px;margin:16px 0;font-size:14px}
@media (max-width:900px){.p-head .wrap,.layout2{grid-template-columns:1fr;gap:28px}.toc2{position:static}.frames,.gallery{grid-template-columns:1fr}.facts3 b{font-size:16px}}
@media (max-width:900px){.facts3{grid-template-columns:1fr}.facts3 div{border-left:0;border-top:1px solid var(--line);display:flex;gap:12px;align-items:baseline}.facts3 div:first-child{border-top:0}}
@media (max-width:900px){.facts3 div{display:block;padding:12px 16px}.facts3 b{display:block;font-size:17px;white-space:normal}.facts3 small{display:block}}
/* 画面の下の帯（サイト全体で後から付く #ocdBar）を新しい見た目にそろえる。2026-10-02 */
#ocdBar{background:rgba(246,243,236,.97)!important;border-top:1px solid var(--line)!important;padding:8px!important;gap:8px!important;box-shadow:none!important}
#ocdBar a{border-radius:0!important;box-shadow:none!important;font-family:"Noto Sans JP",sans-serif!important;letter-spacing:.06em!important;padding:9px 6px!important}
#ocdBar a.ocdT{background:var(--orange)!important;color:#fff!important}
#ocdBar a.ocdL{background:var(--line-green)!important;color:#fff!important}
#ocdBar .b1{font-family:"Shippori Mincho",serif!important;font-weight:600!important;font-size:15px!important}
#ocdBar .b2{font-size:11px!important;opacity:.9;font-weight:400!important}
body:has(#ocdBar) .sticky-cta{display:none!important}
/* スマホの表：左の列が1文字ずつ折り返さないように（2026-10-02） */
@media (max-width:900px){.prose2 table{font-size:13px}.prose2 th,.prose2 td{padding:8px 8px;line-height:1.7}.prose2 tr>*:first-child{min-width:5.5em;width:5.5em}}