:root{--bg:#f6f5f1;--surface:#fff;--fg:#1f2328;--muted:#5d6673;--line:#e6e3dc;--brand:#4338ca;--brand-ink:#312e81;--accent:#f59e0b;--point:#eef2ff;--point-line:#6366f1;--caution:#fff7ed;--caution-line:#f97316;--conclusion:#ecfdf5;--conclusion-line:#10b981;--th:#eef0f6;--zebra:#fafaf8;--shadow:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0f;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#121316;--surface:#1b1d22;--fg:#e9e9ea;--muted:#a3a8b3;--line:#2c2f36;--brand:#a5b4fc;--brand-ink:#c7d2fe;--point:#1e2140;--caution:#2a1e12;--conclusion:#0f2a22;--th:#23262e;--zebra:#1f2127;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);letter-spacing:.02em;margin:0;font-family:Noto Sans JP,system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,sans-serif;font-size:16.5px;line-height:1.9}a{color:var(--brand);text-underline-offset:3px}img,svg{max-width:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.narrow{max-width:760px;margin:0 auto}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.site-header .bar{align-items:center;gap:12px;height:60px;display:flex}.brand{color:var(--fg);letter-spacing:.04em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#4338ca,#0ea5e9);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.brand small{color:var(--muted);letter-spacing:.02em;font-size:.68rem;font-weight:400;line-height:1.2;display:block}.catnav{border-top:1px solid var(--line);scrollbar-width:none;overflow-x:auto}.catnav::-webkit-scrollbar{display:none}.catnav ul{white-space:nowrap;gap:4px;margin:0;padding:6px 0;list-style:none;display:flex}.catnav a{color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.86rem;text-decoration:none;display:inline-flex}.catnav a:hover,.catnav a[aria-current=page]{background:var(--point);color:var(--brand-ink)}main{padding:28px 0 64px}.site-footer{color:#c9ccd3;background:#15161b;padding:36px 0 44px;font-size:.86rem}.site-footer a{color:#e5e7eb}.site-footer nav{flex-wrap:wrap;gap:8px 20px;margin-bottom:14px;display:flex}.site-footer p{color:#9aa0aa;margin:4px 0}.hero{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81 55%,#0e7490);border-radius:18px;margin-bottom:36px;padding:40px 32px;position:relative;overflow:hidden}.hero h1{letter-spacing:.03em;margin:0 0 12px;font-size:clamp(1.45rem,3.4vw,2.1rem);line-height:1.45}.hero p{color:#e0e7ff;max-width:640px;margin:0}.hero .bars{opacity:.25;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:0;right:24px}.hero .bars span{background:#fff;border-radius:4px 4px 0 0;width:10px}.section-title{align-items:center;gap:10px;margin:40px 0 16px;font-size:1.2rem;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:3px;width:6px;height:22px}.cats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.cat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:10px;padding:16px;font-size:.92rem;font-weight:700;line-height:1.5;text-decoration:none;transition:transform .15s;display:flex}.cat-tile:hover{transform:translateY(-2px)}.cat-tile .ic{background:var(--point);width:40px;height:40px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{background:var(--surface);border-radius:var(--radius);color:var(--fg);box-shadow:var(--shadow);border:1px solid var(--line);flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px)}.card-body{padding:14px 16px 16px}.card-title{margin:0 0 6px;font-weight:700;line-height:1.55}.card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.86rem;line-height:1.7;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);margin:0;font-size:.78rem}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:24px}.eyecatch{aspect-ratio:1200/630;background:linear-gradient(135deg, var(--from), var(--to));color:#fff;position:relative;overflow:hidden}.eyecatch-bg{position:absolute;inset:0}.eyecatch-icon{color:#ffffff29;position:absolute;bottom:-18px;right:-14px}.eyecatch-wave{width:100%;height:22%;position:absolute;bottom:18%;left:0;right:0}.eyecatch-text{flex-direction:column;justify-content:center;padding:7% 8%;display:flex;position:absolute;inset:0}.eyecatch-cat{background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;align-self:flex-start;margin-bottom:10px;padding:2px 10px;font-size:.72rem}.eyecatch-main{text-shadow:0 1px 2px #0003;margin:0;font-size:1.25rem;font-weight:800;line-height:1.4}.eyecatch-sub{color:#ffffffe0;margin:6px 0 0;font-size:.86rem;line-height:1.5}.eyecatch-card{aspect-ratio:16/6}.eyecatch-card .eyecatch-text{justify-content:flex-end;padding:5% 6%}.eyecatch-card .eyecatch-cat{margin-bottom:0;font-size:.78rem}.eyecatch-hero{border-radius:var(--radius);margin-bottom:18px}.eyecatch-hero .eyecatch-main{font-size:clamp(1.3rem,3.6vw,2rem)}.eyecatch-hero .eyecatch-sub{font-size:clamp(.9rem,2vw,1.1rem)}.breadcrumb{color:var(--muted);margin-bottom:12px;font-size:.8rem}.breadcrumb a{color:var(--muted)}.article{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:28px clamp(16px,4vw,44px) 36px}.article>.eyecatch{border-radius:10px;margin-bottom:16px}.article h1{letter-spacing:.03em;margin:6px 0 12px;font-size:clamp(1.4rem,3.2vw,1.85rem);line-height:1.5}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-bottom:14px;font-size:.8rem;display:flex}.pr{color:var(--muted);background:var(--zebra);border:1px solid var(--line);border-radius:8px;margin:0 0 20px;padding:6px 10px;font-size:.78rem}.conclusion{background:var(--conclusion);border:2px solid var(--conclusion-line);border-radius:var(--radius);margin:0 0 24px;padding:16px 18px 12px}.conclusion-title{color:#047857;align-items:center;gap:8px;margin:0 0 6px;font-weight:800;display:flex}.conclusion ul{margin:0;padding:0;list-style:none}.conclusion li{margin:6px 0;padding-left:26px;line-height:1.75;position:relative}.conclusion li:before{content:"";border-left:3px solid var(--conclusion-line);border-bottom:3px solid var(--conclusion-line);width:12px;height:7px;position:absolute;top:.55em;left:4px;transform:rotate(-45deg)}.toc{background:var(--zebra);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 28px;padding:12px 18px}.toc summary{cursor:pointer;font-weight:700}.toc ol{margin:8px 0 4px;padding-left:1.4em}.toc li{margin:4px 0;font-size:.92rem}.toc a{color:var(--fg);text-decoration:none}.toc a:hover{color:var(--brand);text-decoration:underline}.prose h2{background:linear-gradient(90deg, var(--point), transparent);border-left:6px solid var(--brand);border-radius:6px;margin:2.6em 0 1em;padding:.55em .8em;scroll-margin-top:120px;font-size:1.32rem;line-height:1.5}.prose h3{border-bottom:2px dotted var(--line);margin:2em 0 .7em;padding-bottom:.3em;scroll-margin-top:120px;font-size:1.12rem}.prose h3:before{content:"";background:var(--accent);vertical-align:.1em;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.prose p{margin:1.1em 0}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:.35em 0}.prose strong{background:linear-gradient(#0000 62%,#f59e0b52 62%)}.prose blockquote{background:var(--point);border-left:5px solid var(--point-line);border-radius:0 10px 10px 0;margin:1.6em 0;padding:14px 18px}.prose blockquote p{margin:.4em 0}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;width:100%;margin:1.6em 0;font-size:.9rem;line-height:1.65;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:7em;padding:.65em .8em}.prose th{background:var(--th);white-space:nowrap;font-weight:700}.prose tr:nth-child(2n) td{background:var(--zebra)}.prose tr:last-child td{border-bottom:0}.prose details{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:10px 0;padding:10px 16px}.prose details summary{cursor:pointer;font-weight:700}.prose details summary:before{content:"Q. ";color:var(--brand)}.prose details[open] summary{margin-bottom:6px}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.product{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin:1.8em 0;padding:16px 18px}.product-name{font-size:1.05rem;font-weight:800;margin:0 0 4px!important}.product-note{color:var(--muted);font-size:.82rem;margin:0 0 8px!important}.product-buttons{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:10px;display:grid}.btn{text-align:center;color:#fff;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:700;text-decoration:none;display:block;box-shadow:0 2px #00000026}.btn:hover{filter:brightness(1.06)}.btn-amazon{color:#111;background:#f90}.btn-rakuten{background:#bf0000}.btn-yahoo{background:#f03}.btn-soundhouse{background:#0b5cad}.btn-pluginboutique{background:#222}.btn-splice{background:#3b3b3b}.btn-official{background:var(--surface);color:var(--fg);border:1px solid var(--line);box-shadow:none}.disclaimer{color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:14px;font-size:.8rem}.author{background:var(--zebra);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:14px;margin-top:24px;padding:16px;font-size:.86rem;line-height:1.75;display:flex}.author .brand-mark{flex:none;width:44px;height:44px}.author p{margin:0}.related{margin-top:40px}.page{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px clamp(16px,4vw,44px)}@media (width<=640px){body{font-size:16px}.site-header{position:static}.brand small{display:none}.hero{border-radius:14px;padding:28px 20px}.article{border-left:0;border-right:0;border-radius:0;margin:0 -16px}.eyecatch-main{font-size:1.1rem}}
