:root{--color-bg: #ffffff;--color-surface: #f6f7f9;--color-text: #1a202c;--color-muted: #5a6472;--color-border: #e2e8f0;--color-primary: #0f6bb7;--color-primary-dark: #0b5493;--color-accent: #e0532f;--color-accent-dark: #c44526;--color-pr-bg: #fff7ed;--color-pr-border: #fdba74;--max-width: 760px;--radius: 10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.85;font-size:16px}a{color:var(--color-primary)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header .inner{max-width:var(--max-width);margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-logo{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--color-text)}.site-logo span{color:var(--color-primary)}.site-nav a{margin-left:14px;font-size:.9rem;color:var(--color-muted);text-decoration:none}.site-nav a:hover{color:var(--color-primary);text-decoration:underline}.site-footer{margin-top:64px;border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:.85rem}.site-footer .inner{max-width:var(--max-width);margin:0 auto;padding:28px 16px}.site-footer nav{margin-bottom:12px;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--color-muted)}.pr-disclosure{display:flex;align-items:baseline;gap:8px;background:var(--color-pr-bg);border:1px solid var(--color-pr-border);border-radius:var(--radius);padding:10px 14px;margin:16px 0;font-size:.85rem;color:#7c2d12}.pr-disclosure .pr-badge{flex-shrink:0;background:var(--color-accent);color:#fff;font-weight:700;font-size:.75rem;border-radius:4px;padding:1px 8px}.article-body h1{font-size:1.55rem;line-height:1.5;margin:.6em 0}.article-body h2{font-size:1.3rem;line-height:1.5;margin:2.2em 0 .8em;padding:.45em .7em;background:var(--color-surface);border-left:5px solid var(--color-primary);border-radius:4px}.article-body h3{font-size:1.12rem;margin:1.8em 0 .6em;padding-bottom:.25em;border-bottom:2px solid var(--color-border)}.article-body table{border-collapse:collapse;width:100%;font-size:.88rem;margin:1em 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body th,.article-body td{border:1px solid var(--color-border);padding:8px 10px;text-align:left;vertical-align:top}.article-body th{background:var(--color-surface);white-space:nowrap}.table-scroll,.article-body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--color-border);color:var(--color-muted)}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}.cta-box{text-align:center;margin:1.6em 0 2.2em;padding:18px 14px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius)}.cta-button{display:inline-block;background:var(--color-accent);color:#fff!important;font-weight:700;font-size:1.02rem;text-decoration:none;padding:14px 28px;border-radius:999px;box-shadow:0 3px 0 var(--color-accent-dark);transition:transform .08s ease;max-width:100%}.cta-button:hover{transform:translateY(1px);box-shadow:0 2px 0 var(--color-accent-dark)}.cta-sub{margin:10px 0 0;font-size:.78rem;color:var(--color-muted)}.vod-table-section h2{font-size:1.3rem}.vod-table{border-collapse:collapse;width:100%;font-size:.85rem;min-width:640px}.vod-table th,.vod-table td{border:1px solid var(--color-border);padding:9px 10px;text-align:left;vertical-align:top;background:var(--color-bg)}.vod-table thead th{background:var(--color-primary);color:#fff;white-space:nowrap}.vod-table thead th.sortable{cursor:pointer;user-select:none}.vod-table thead th.sortable:hover{background:var(--color-primary-dark)}.vod-table thead th .sort-mark{font-size:.7rem;opacity:.85;margin-left:2px}.vod-table .svc-name{font-weight:700;white-space:nowrap}.vod-table .svc-note{display:block;font-weight:400;font-size:.76rem;color:var(--color-muted);white-space:normal}.vod-table .genre-tag{display:inline-block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:0 6px;margin:1px 2px 1px 0;font-size:.76rem;white-space:nowrap}.vod-table .cta-cell{text-align:center}.vod-table .table-cta{display:inline-block;background:var(--color-accent);color:#fff;font-weight:700;font-size:.8rem;text-decoration:none;padding:7px 12px;border-radius:999px;white-space:nowrap}.vod-table .table-cta.secondary{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary)}.vod-table .free-badge{color:var(--color-accent);font-weight:700}.table-note{font-size:.78rem;color:var(--color-muted);margin-top:8px}.hero{padding:40px 0 8px}.hero h1{font-size:1.6rem;line-height:1.5;margin:0 0 12px}.hero p{color:var(--color-muted);margin:0}.article-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.article-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 18px;transition:border-color .15s ease,box-shadow .15s ease}.article-card:hover{border-color:var(--color-primary);box-shadow:0 2px 10px #0f6bb71f}.article-card a{text-decoration:none;color:var(--color-text);font-weight:700;line-height:1.55;display:block}.article-card a:hover{color:var(--color-primary)}.article-card .meta{margin-top:6px;font-size:.78rem;color:var(--color-muted)}.section-title{font-size:1.3rem;margin:48px 0 16px;padding:.45em .7em;background:var(--color-surface);border-left:5px solid var(--color-primary);border-radius:4px}.static-page h1{font-size:1.5rem;line-height:1.5}.static-page h2{font-size:1.15rem;margin-top:2em;padding-bottom:.25em;border-bottom:2px solid var(--color-border)}.static-page th,.static-page td{border:1px solid var(--color-border);padding:8px 12px;text-align:left;font-size:.9rem}.static-page table{border-collapse:collapse;width:100%}.article-meta{color:var(--color-muted);font-size:.82rem;margin:20px 0 0;display:flex;gap:14px;flex-wrap:wrap}@media(max-width:600px){body{font-size:15.5px}.hero h1{font-size:1.35rem}.article-body h1{font-size:1.3rem}.article-body h2{font-size:1.15rem}}