:root{--color-bg: #ffffff;--color-surface: #f8f9fa;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-muted: #666666;--color-accent: #0057b8;--color-accent-hover: #003d82;--color-text-accent: #ee4747;--color-text-accent-hover: #820400;--red-highlight: #DB0014;--color-gray: #F2F2F2;--color-yellow-1: #FFE771;--color-yellow-2: #FCF3CE;--color-yellow-3: #FFF000;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-base: 1rem;--text-xs: .75rem;--text-sm: .875rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--max-width: 1100px;--max-width-wide: 1300px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}body{margin:0;min-height:100dvh;overflow-x:hidden}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.inner{max-width:1200px;margin-inline:auto;padding-inline:var(--space-6);box-sizing:content-box}.separator{display:block;width:100%;height:16px;margin:80px 0;background:url(/images/deco_pattern-red.svg) round;background-size:30px 16px}.recommendations-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-8)}.page-title{font-size:var(--text-3xl);margin:0 0 var(--space-8);display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.cms-meta{font-size:var(--text-sm);font-weight:400;color:#fff;padding-left:var(--space-4)}@media(max-width:767px){.separator{margin:60px 0}.recommendations-title{font-size:var(--text-2xl)}}.cms-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.cms-list li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.cms-list a{font-weight:500;color:var(--color-text);text-decoration:none}.cms-list a:hover{color:var(--color-accent)}.cms-list time{flex-shrink:0;font-size:var(--text-sm);color:var(--color-text-muted)}.cms-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.cms-card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:box-shadow .15s}.cms-card:hover{box-shadow:0 4px 16px #00000014}.cms-card>a{display:block;text-decoration:none;color:inherit}.cms-card .thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-surface);display:block}.cms-card .thumb.is-placeholder{display:grid;place-items:center;color:var(--color-text-muted);font-size:var(--text-sm)}.cms-card .body{padding:var(--space-4)}.cms-card .title{font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--color-text)}.cms-card .sub{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2)}.cms-card .excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cms-empty{color:var(--color-text-muted);padding-block:var(--space-8)}.cms-pager{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-12);font-size:var(--text-sm)}.cms-pager a{text-decoration:none}.cms-pager .is-disabled{color:var(--color-text-muted);opacity:.5}.back-link{display:inline-block;margin-top:var(--space-12);font-size:var(--text-sm)}.detail-header{margin-bottom:var(--space-8)}.detail-header h1{font-size:var(--text-3xl);margin:0 0 var(--space-2);line-height:1.3}.detail-header .kana,.detail-header .sub{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.detail-hero{width:100%;max-height:420px;object-fit:cover;border-radius:8px;margin-bottom:var(--space-8)}.detail-section{margin-block:var(--space-8)}.detail-section>h2{font-size:var(--text-xl);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.spec-list{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-6);margin:0}.spec-list dt{color:var(--color-text-muted);font-size:var(--text-sm)}.spec-list dd{margin:0}.item-row{padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.item-row:last-child{border-bottom:none}.item-row .name{font-weight:600;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.item-row .price{color:var(--color-accent);white-space:nowrap}.item-row .desc{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.badge{display:inline-block;font-size:var(--text-sm);padding:.1em .6em;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}.badge.is-accent{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.article-body{line-height:1.8;margin-top:var(--space-6)}.article-body>*:first-child{margin-top:0}.article-body h1,.article-body h2,.article-body h3,.article-body h4{margin-top:var(--space-8);margin-bottom:var(--space-3);line-height:1.5}.article-body h2{font-size:var(--text-2xl);color:#fff;background-color:#000;padding:10px 16px;border-left:8px solid var(--red-highlight)}.article-body h3{font-size:var(--text-xl);font-weight:700;padding-bottom:10px;border-bottom:2px solid var(--red-highlight)}.article-body h4{font-size:var(--text-lg);font-weight:700}.article-body p,.article-body ul,.article-body ol{margin-block:var(--space-3)}.article-body figure{margin:var(--space-4) 0}.article-body figcaption{text-align:center;margin-top:var(--space-2)}.article-body img{display:block;width:auto;height:auto;max-width:100%;margin-inline:auto}.article-body img.align-center{margin-inline:auto}.article-body img.align-right{margin-inline:auto 0}.article-body img.align-left{margin-inline:0 auto}@media(max-width:640px){.article-body img.align-left,.article-body img.align-right{margin-inline:auto}}.article-body table{border-collapse:collapse;width:100%;margin-block:var(--space-4)}.article-body th,.article-body td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.article-body th{background:var(--color-surface);font-weight:600}.article-body pre{background:#1e1e2e;color:#cdd6f4;margin-block:var(--space-4);padding:var(--space-4);border-radius:6px;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm)}.article-body code{font-family:var(--font-mono);font-size:.9em}.article-body :not(pre)>code{background:var(--color-surface);border:1px solid var(--color-border);padding:.1em .3em;border-radius:3px}.article-body blockquote{border-left:4px solid var(--color-accent);margin:var(--space-4) 0;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text-muted)}.article-body .callout{border:1px solid var(--color-border);border-radius:6px;padding:var(--space-4);margin-block:var(--space-4);background:var(--color-surface)}.article-body .callout-info{border-color:#3b82f6;background:#eff6ff}.article-body .callout-warning{border-color:#f59e0b;background:#fffbeb}.article-body .callout-danger{border-color:#ef4444;background:#fef2f2}.article-body .callout-success{border-color:#22c55e;background:#f0fdf4}.youtube-embed,.embed{width:100%;aspect-ratio:16 / 9;border:none;border-radius:6px;margin-block:var(--space-6)}.pc-only{display:block}.sp-only{display:none}@media(max-width:767px){.pc-only{display:none}.sp-only{display:block}}