@font-face{font-family:"LGD Sans";font-weight:400;font-display:swap;src:url(fonts/man-sans-400.woff2?v=0d07b3c697) format("woff2")}
@font-face{font-family:"LGD Sans";font-weight:700;font-display:swap;src:url(fonts/man-sans-700.woff2?v=9aa80e3778) format("woff2")}
@font-face{font-family:"LGD Mono";font-weight:400;font-display:swap;src:url(fonts/man-mono-400.woff2?v=11ec895de4) format("woff2")}
@font-face{font-family:"LGD Mono";font-weight:600;font-display:swap;src:url(fonts/man-mono-600.woff2?v=3d5fd03945) format("woff2")}
/* 画面（サイトの一部）は暗い配色、印刷（PDF）は白地。写真は製品の暗い画面のまま */
:root{--bg:#0e1012;--bg2:#0b0d0f;--cell:#121519;--line:#262b31;--tx:#f2f5f7;--tx2:#e6e9ec;--body:#c3cad0;--mut:#98a1a9;--acc:#ffb01f;--acc-d:#b36f00;--ok:#6fe3b0;--co:#ffb01f;
--note:#1a2a33;--note-b:#2d8fb8;--tip:#17291f;--tip-b:#3fae73;--warn:#2f2412;--warn-b:#e0a020;
--sans:"LGD Sans",system-ui,-apple-system,"Segoe UI","Hiragino Sans","Yu Gothic UI",sans-serif;--mono:"LGD Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font:400 16px/1.85 var(--sans);-webkit-text-size-adjust:100%}
a{color:var(--acc)}
.mtop{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;height:56px;padding:0 24px;background:var(--bg2);border-bottom:1px solid var(--line)}
.logo{font:600 16px/1 var(--mono);letter-spacing:.16em;color:var(--tx2);text-decoration:none}
.mt{color:var(--tx2);text-decoration:none;font-weight:700}.ver{font:400 12px/1 var(--mono);color:var(--mut)}
.pdf{margin-left:auto;background:var(--acc);color:#0e1012;text-decoration:none;font-weight:700;font-size:13px;padding:9px 14px}
.mwrap{display:grid;grid-template-columns:260px 1fr;max-width:1280px;margin:0 auto}
.side{position:sticky;top:56px;align-self:start;max-height:calc(100vh - 56px);overflow:auto;padding:24px 14px;border-right:1px solid var(--line)}
.side a{display:flex;gap:10px;padding:8px 10px;color:var(--mut);text-decoration:none;font-size:14px;line-height:1.5}
.side a span{font:600 12px/1.6 var(--mono);color:var(--acc);min-width:1.4em}
.side a.cur,.side a:hover{background:var(--cell);color:var(--tx)}
.doc{padding:32px 48px 64px;min-width:0;max-width:960px}
h1{font:700 30px/1.35 var(--sans);color:var(--tx);margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
h1 .cn{display:block;font:600 13px/1 var(--mono);letter-spacing:.14em;color:var(--acc);margin-bottom:12px}
h2{font:700 22px/1.45 var(--sans);color:var(--tx);margin:48px 0 14px;scroll-margin-top:72px}
h2 .hn{font:600 14px/1 var(--mono);color:var(--acc);margin-right:12px}
h3{font:700 18px/1.5 var(--sans);color:var(--tx2);margin:30px 0 10px}
p{margin:0 0 14px}.lead{font-size:17px;color:var(--tx2)}
ul,ol{padding-left:1.4em;margin:0 0 16px}li{margin:4px 0}
strong{color:var(--tx)}
code{font-family:var(--mono);font-size:.9em;background:var(--cell);border:1px solid var(--line);padding:1px 5px}
kbd{font:600 .82em/1 var(--mono);color:var(--tx);background:#20252b;border:1px solid #3a424b;border-bottom-width:2px;padding:3px 6px;border-radius:4px;white-space:nowrap}
.ui{font-weight:700;color:var(--acc);white-space:nowrap}
.ui::before{content:"［";color:var(--mut);font-weight:400}.ui::after{content:"］";color:var(--mut);font-weight:400}
/* 英語版: 全角の［］ではなく半角の [ ] */
.lang-en .ui::before{content:"[";}.lang-en .ui::after{content:"]";}
table{border-collapse:collapse;width:100%;margin:6px 0 20px;font-size:15px}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--bg2);color:var(--tx2);font-weight:700}
figure{margin:22px 0 28px}
.shot .frame{position:relative;border:1px solid var(--line);background:#000;line-height:0}
.shot img{display:block;width:100%;height:auto}
.shot svg{position:absolute;inset:0;width:100%;height:100%}
.shot.small{display:inline-block;vertical-align:top;width:18.6%;margin:10px 1.2% 18px 0}
.shot.small figcaption{font-size:12.5px}
.shot.narrow{max-width:460px}.shot.narrow.tall{max-width:330px}.shot.narrow .co-list{grid-template-columns:1fr}
.shot.mid{max-width:720px}
.shot.small .fno{display:block;margin:0 0 2px}
.co-box{fill:none;stroke:var(--co);stroke-width:2.5;vector-effect:non-scaling-stroke}
.co-box.big{stroke-dasharray:7 5;stroke-width:2}
.co-dot{fill:var(--co);stroke:#0e1012;stroke-width:1.5;vector-effect:non-scaling-stroke}
.co-num{fill:#0e1012;font-family:var(--sans);font-weight:700;text-anchor:middle}
figcaption{margin-top:8px;font-size:14px;color:var(--mut)}
.fno{font:600 12px/1 var(--mono);color:var(--acc);margin-right:10px}
.co-list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.co-list li{display:flex;gap:10px;margin:0;font-size:14.5px;line-height:1.6}
.co-list b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--co);color:#0e1012;font:700 12px/1 var(--sans);margin-top:1px}
.fig svg{display:block;width:100%;height:auto}
.box{margin:20px 0;padding:14px 18px;border-left:4px solid;font-size:15px}
.box p:last-child,.box ul:last-child{margin-bottom:0}
.box .bh{font-weight:700;color:var(--tx);margin-bottom:6px}
.box.note{background:var(--note);border-color:var(--note-b)}.box.tip{background:var(--tip);border-color:var(--tip-b)}.box.warn{background:var(--warn);border-color:var(--warn-b)}
.toc{list-style:none;padding:0}.toc>li{margin:14px 0}.toc a{text-decoration:none;color:var(--tx2)}
.toc>li>a{font-weight:700;font-size:17px}.toc ol{list-style:none;padding-left:4.2em;margin:6px 0}.toc ol a{color:var(--body);font-size:15px}
.tn{display:inline-block;min-width:4.2em;font:600 13px/1 var(--mono);color:var(--acc)}
.toc ol .tn{min-width:2.8em}
.pn{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}
.pn a{text-decoration:none}
.mfoot{padding:24px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut);text-align:center}
@media (max-width:860px){.mwrap{grid-template-columns:1fr}.side{display:none}.doc{padding:24px 16px 48px}.co-list{grid-template-columns:1fr}.mtop{padding:0 16px;gap:12px}.ver{display:none}}

/* ───── 印刷（PDF） ───── */
body.print{background:#fff;color:#1f2429;font-size:10.5pt;line-height:1.75;
 --tx:#0f1317;--tx2:#1f2429;--body:#2b3137;--mut:#5d6873;--line:#d6dbe0;--cell:#f3f5f7;--bg2:#eef1f4;--acc:#b36f00;--co:#ff9f0a;
 --note:#eef6fb;--tip:#eef8f2;--warn:#fff6e6}
body.print h1{font-size:21pt;break-before:page;border-color:#1f2429}
body.print h2{font-size:14pt;margin-top:22pt;break-after:avoid}
body.print h3{font-size:12pt;break-after:avoid}
body.print .chapter{break-before:page}
body.print figure,body.print .box,body.print table,body.print tr{break-inside:avoid}
body.print .shot .frame{border-color:#9aa4ad}
body.print .co-num{fill:#111}
body.print kbd{background:#f3f5f7;color:#111;border-color:#b8c0c8}
body.print .ui{color:#9a5c00}
body.print a{color:inherit;text-decoration:none}
body.print .co-list{grid-template-columns:repeat(2,minmax(0,1fr))}
body.print .co-list li{font-size:9.5pt}
body.print figcaption{font-size:9pt}
body.print .shot.small{width:18.6%;margin-right:1.2%}
body.print .shot.small figcaption{font-size:8pt}
.cover{height:262mm;display:flex;flex-direction:column;justify-content:center;background:#0e1012;color:#e6e9ec;margin:-16mm -15mm 0;padding:0 20mm;break-after:page}
.cv-band{font:500 8pt/1 var(--mono);letter-spacing:.16em;color:#98a1a9;margin-bottom:18mm}
.cv-logo{font:600 40pt/1 var(--mono);letter-spacing:.18em;color:#f2f5f7}
.cv-t{font:700 22pt/1.4 var(--sans);color:#ffb01f;margin-top:8mm}
.cv-v{font:400 10pt/1.6 var(--sans);color:#98a1a9;margin-top:4mm}
.cv-shot{width:100%;margin-top:16mm;border:1px solid #262b31}
.cv-op{margin-top:12mm;font:400 9pt/1 var(--mono);color:#98a1a9}
.tocpage h1{break-before:auto}
@page{size:A4}
/* スマートフォン: 表と図は枠の中で横にスクロール（ページ全体ははみ出さない） */
@media (max-width:860px){
 .doc table{display:block;overflow-x:auto;white-space:normal}
 .doc code{word-break:break-all}
 .fig{overflow-x:auto}.fig svg{min-width:620px}
 .co-list li{font-size:14px}
 .shot.small{width:47%;margin-right:2%}
}
.samples{margin:0 0 18px;padding-left:22px;color:var(--tx2)}.samples li{margin:4px 0}

/* ★長い画面の文言（注意の文など）が1行のまま画面からはみ出した（2026-10-20）。画面だけ（印刷の組みは変えない） */
@media screen and (max-width:860px){
 .ui{white-space:normal}
 .doc p,.doc li,.doc td{overflow-wrap:anywhere}
}