.article-page{margin:0;background:radial-gradient(ellipse at 5% 10%,#4a1935 0,transparent 30%),radial-gradient(ellipse at 95% 50%,#3a1530 0,transparent 30%),#1d0d1d;color:#fff6f3;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.8}.article-page *{box-sizing:border-box}.article-page a{color:inherit;text-decoration:none}.article-page a:focus-visible,.article-page button:focus-visible{outline:2px solid #ffda9f;outline-offset:3px}.article-header{background:#2b0f25;border-bottom:1px solid #a46c7c}.article-header .header-inner{max-width:1380px;height:72px;margin:auto;padding:0 24px;gap:24px;justify-content:flex-start}.article-header .brand{flex:none}.article-header-sub{border-left:1px solid #a87686;padding-left:22px;color:#f2dbe0;font-size:12px;white-space:nowrap}.article-header nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px}.article-header nav a:hover,.article-breadcrumb a:hover{color:#f4c98c}.article-header-action{white-space:nowrap;border:1px solid #c5949e;border-radius:25px;padding:8px 15px;font-size:12px}.article-main{max-width:1320px;margin:0 auto;padding:0 28px 65px}.article-breadcrumb{display:flex;gap:10px;color:#d6b7c2;font-size:12px;margin:20px 0}.article-layout,.column-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.story,.column-content{min-width:0}.story{border:1px solid #96667a;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#3c1d33,#291527 75%);box-shadow:0 14px 34px #0d050d55}.story-hero{background:#2a1325}.story-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.story-intro{padding:27px 32px 25px;border-bottom:1px solid #855368}.article-kicker{margin:0 0 6px;color:#ed9cba;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.16em}.story-intro h1,.column-hero h1{margin:0;color:#fff3ed;font:600 clamp(25px,2.3vw,33px)/1.5 'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.035em}.mobile-break{display:none}.article-lead{margin:13px 0 17px;font-size:15px;line-height:2;color:#f3dfe2}.author-line{display:flex;align-items:center;gap:10px}.author-line img{width:46px;height:46px;border:1px solid #d2aa79;border-radius:50%;object-fit:cover}.author-line strong,.author-line small{display:block}.author-line strong{font:700 15px Georgia,serif;color:#f8dbb2}.author-line small{font-size:11px;color:#d9b8c5}.story-body{padding:26px 32px 34px}.story-body p{font-size:15px;line-height:2.05;color:#f1e0e1;margin:10px 0 15px;text-wrap:pretty}.intro-callout{display:flex;gap:14px;padding:18px 20px;border:1px solid #bd896f;border-radius:9px;background:linear-gradient(120deg,#5d2b42,#3b1c31)}.intro-callout>span{font-size:24px;color:#f9d38b}.intro-callout strong{font-size:16px;color:#ffe1ac}.intro-callout p{margin:4px 0 0;font-size:14px}.toc{margin:25px 0 10px;padding:21px 23px;background:#2c1729;border:1px solid #946177;border-radius:10px}.toc-heading{display:flex;align-items:center;gap:14px}.toc-heading>span{color:#e9bf86;font-size:25px}.toc-heading h2,.side-toc h2{font:600 20px 'Yu Mincho',serif;margin:0}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;margin:13px 0 0;padding-left:23px;color:#f0c592}.toc li{padding:3px 0}.toc a{font-size:14px;color:#f3e2e3}.toc a:hover{text-decoration:underline}.story-section{padding-top:32px;scroll-margin-top:20px}.story-heading{display:flex;align-items:center;gap:13px;padding-bottom:13px;border-bottom:1px solid #a86e7e}.heading-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;color:#f5cb8e;font:600 33px Georgia,serif}.heading-icon img{width:100%;height:100%;object-fit:contain}.story-heading h2{margin:0;font:600 24px/1.4 'Yu Mincho',serif;letter-spacing:.035em;color:#fff5ee}.story-section h3{position:relative;margin:24px 0 8px;padding:0 0 0 15px;border:0;color:#f8ddc1;font:700 17px/1.6 'Yu Gothic',sans-serif}.story-section h3:before{content:'';position:absolute;left:0;top:.35em;bottom:.3em;width:3px;border-radius:2px;background:#d9a96e}.mrk-note{display:flex;align-items:flex-start;gap:14px;margin:19px 0;padding:16px 18px;border:1px solid #a66c80;border-radius:9px;background:#57264099}.mrk-note img{flex:none;width:58px;height:58px;object-fit:cover;border:1px solid #d5ad7b;border-radius:50%}.mrk-note strong{color:#ffdaa5;font-size:14px}.mrk-note p{font-size:14px;margin:3px 0 0;line-height:1.85}.price-example,.tip-box{margin:20px 0;padding:18px 20px;border-radius:9px;background:#2b1627;border:1px solid #9c6b72}.price-example .example-label{font-weight:700;color:#ffd18b;margin:0 0 8px}.example-label span{font-size:12px;color:#e4c8c9;font-weight:normal}.price-example p{margin:0 0 5px;font-size:14px}.price-example strong{display:block;font-size:17px;color:#ffdea9}.price-example small{display:block;margin-top:7px;color:#d9b9c3;font-size:12px}.tip-box{border-left:4px solid #d7ae77}.tip-box strong{color:#ffd6a1}.tip-box p{margin:5px 0 0;font-size:14px}.article-inline-link{display:inline-flex;margin:8px 0;padding:8px 0;color:#f5c58e!important;border-bottom:1px solid #be8974;font-weight:700;font-size:14px}.story-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.story-actions a{padding:9px 13px;border:1px solid #b9808e;border-radius:6px;color:#ffe2c1;font-size:13px}.faq-list>div{border-bottom:1px solid #81546a;padding:4px 0 10px}.faq-list h3{margin:15px 0 3px}.faq-list p{padding-left:15px;margin:6px 0}.article-end{text-align:center;margin-top:36px;padding:25px 20px;border:1px solid #b77c83;border-radius:10px;background:radial-gradient(ellipse at 85% 0,#793049 0,transparent 55%),#401c34}.article-end h2{font:600 22px/1.5 'Yu Mincho',serif;margin:0}.article-end p:not(.article-kicker){margin:8px 0 15px;font-size:14px}.article-end a,.side-owner>a{display:inline-flex;justify-content:center;gap:22px;align-items:center;padding:11px 19px;border:1px solid #e09ab0;border-radius:6px;background:linear-gradient(115deg,#b73a69,#852043);color:#fff;font-weight:700;font-size:13px}.article-sidebar{display:grid;gap:14px;position:sticky;top:20px}.side-owner,.side-toc,.side-search{padding:20px;border:1px solid #a66e82;border-radius:10px;background:linear-gradient(145deg,#4b203a,#2b1629)}.side-owner{display:grid;grid-template-columns:53px minmax(0,1fr);gap:10px}.side-owner img{width:53px;height:53px;object-fit:cover;border:1px solid #d7b07f;border-radius:50%}.side-owner h2,.side-toc h2{margin:0;font:600 18px/1.5 'Yu Mincho',serif}.side-owner p:not(.article-kicker){font-size:12px;line-height:1.85;color:#f0d9dc;margin:9px 0}.side-owner>a{grid-column:1/-1;text-align:center}.side-toc a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #80546a;font-size:12px}.side-toc a span{color:#f2c18a}.sidebar-column img{display:block;width:100%;height:auto;border-radius:9px}.article-footer{align-items:center;background:#180b18;border-top:1px solid #805466}.article-footer .footer-wordmark{font:600 20px 'Yu Mincho',serif}.footer-wordmark small{font:9px Georgia,serif;letter-spacing:.12em}.column-main{max-width:1320px}.column-hero{display:grid;grid-template-columns:1fr minmax(260px,410px);gap:30px;align-items:center;padding:30px;border:1px solid #a36c80;border-radius:12px;background:linear-gradient(120deg,#51213c,#291428);margin-bottom:25px}.column-hero p:not(.article-kicker){color:#efd5db;margin:10px 0 0;font-size:14px}.column-hero img{width:100%;height:auto;border-radius:7px}.column-content{padding:25px;border:1px solid #95677a;border-radius:11px;background:linear-gradient(140deg,#3d1e34,#2a1628)}.section-title{margin:0 0 15px}.section-title:not(:first-child){margin-top:34px}.section-title h2{font:600 23px/1.5 'Yu Mincho',serif;margin:0}.section-title>p:not(.article-kicker){color:#e6cbd3;font-size:13px;margin:6px 0}.column-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid #a97786;border-radius:9px;background:#321729}.column-feature img{width:100%;height:100%;min-height:190px;object-fit:cover}.column-feature>div{padding:20px}.column-category{display:inline-block;padding:2px 9px;border:1px solid #bb7b91;border-radius:20px;color:#ffcfda;font-size:11px}.column-feature h3{font:600 19px/1.5 'Yu Mincho',serif;color:#fff1e8;margin:10px 0}.column-feature p{font-size:13px;line-height:1.8;color:#ecd4d9}.column-link{color:#f2c48f;font-size:13px;font-weight:700}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-grid a{display:flex;align-items:center;gap:12px;min-height:85px;padding:13px;border:1px solid #9c6a7c;border-radius:8px;background:#341a2d}.topic-grid a>span,.side-search>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #b98d70;border-radius:50%;color:#f2c58b;font:20px Georgia,serif}.topic-grid strong,.topic-grid small,.side-search strong,.side-search small{display:block}.topic-grid strong{font-size:14px}.topic-grid small{font-size:11px;color:#e2becb}.topic-grid b{margin-left:auto;color:#e8bc88}.side-search{display:grid;grid-template-columns:40px 1fr;column-gap:10px}.side-search span{grid-row:span 2}.side-search strong{font-size:14px}.side-search small{font-size:11px;color:#e0c0c9}
@media(max-width:1050px){.article-header-sub{display:none}.article-header nav{gap:14px}.article-layout,.column-layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:800px){.article-header nav{display:none}.article-header-action{margin-left:auto}.article-layout,.column-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.sidebar-column{grid-column:1/-1;max-width:420px}.article-main{padding:0 18px 50px}.column-hero{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:700px){.article-header .header-inner{height:62px;padding:0 15px;margin:0}.article-header-action{font-size:11px;padding:7px 11px}.article-main{margin:0;padding:0 14px 40px}.article-breadcrumb{margin:13px 0;font-size:11px}.article-layout,.column-layout{gap:14px}.story{border-radius:10px}.story-intro{padding:21px 17px}.story-intro h1{font-size:24px;line-height:1.5}.mobile-break{display:block}.article-lead{font-size:14px;line-height:1.9;margin:10px 0 15px}.story-body{padding:19px 15px 25px}.story-body p{font-size:14px;line-height:1.95}.intro-callout{padding:14px 13px;gap:9px}.intro-callout strong{font-size:14px}.intro-callout p{font-size:13px}.toc{padding:17px 15px;margin:18px 0 6px}.toc ol{grid-template-columns:1fr;gap:2px}.toc a{font-size:13px}.story-section{padding-top:27px}.story-heading{gap:9px}.heading-icon{width:37px;height:37px;font-size:27px}.story-heading h2{font-size:20px}.story-section h3{font-size:16px;margin-top:21px}.mrk-note{padding:13px 12px;gap:10px}.mrk-note img{width:45px;height:45px}.mrk-note p{font-size:13px}.price-example,.tip-box{padding:15px 13px}.price-example strong{font-size:15px}.story-actions a{font-size:12px;padding:8px 9px}.article-end h2{font-size:19px}.article-sidebar{grid-template-columns:1fr}.sidebar-column{grid-column:auto}.article-footer{padding:25px 17px;align-items:flex-start}.column-hero{grid-template-columns:1fr;padding:20px;gap:15px}.column-hero h1{font-size:25px}.column-hero img{max-width:390px}.column-content{padding:18px 15px}.column-feature{grid-template-columns:1fr}.column-feature img{min-height:0;aspect-ratio:16/9}.column-feature>div{padding:15px}.topic-grid{grid-template-columns:1fr}.section-title h2{font-size:21px}.article-page:not(.mobile-feature-visible){padding-bottom:70px}}
@media(max-width:360px){.story-intro h1{font-size:21px}.story-heading h2{font-size:18px}.heading-icon{width:32px;height:32px}.article-header-action{font-size:10px;padding:6px 9px}.price-example strong{font-size:14px}}

.article-page .keep-word{white-space:nowrap}.article-page .article-lead{text-wrap:pretty}

.article-page .toc{display:block}.article-page .toc a{display:inline;padding:0;border:0;text-align:left;font-size:14px}@media(max-width:700px){.article-page .toc a{font-size:13px}}

.column-hero img,.sidebar-column img{clip-path:inset(11% .1% 11% .1% round 3%)}

.heading-icon svg{display:block;width:100%;height:100%;color:#edc18d}
/* Comparison and glossary are structured for both desktop and narrow screens. */
.compare-wrap{margin:20px 0;padding:16px;border:1px solid #9c6b7c;border-radius:9px;background:#2b1628}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.75;color:#f4e4e4}.compare-table caption{text-align:left;color:#ffdaa6;font-weight:700;font-size:14px;padding:0 0 12px}.compare-table th,.compare-table td{padding:11px 12px;border:1px solid #86576a;vertical-align:top;text-align:left}.compare-table thead th{background:#69324d;color:#ffe8d2}.compare-table thead th:first-child{width:20%}.compare-table tbody th{background:#4d263d;color:#ffe1bb}.compare-table tbody td{background:#321b2e}.story-body .compare-note{margin:10px 0 0;font-size:12px;line-height:1.7;color:#e0c3cb}.glossary{margin:18px 0 0;border:1px solid #946479;border-radius:9px;overflow:hidden}.glossary>div{display:grid;grid-template-columns:145px minmax(0,1fr);border-bottom:1px solid #80546a}.glossary>div:last-child{border-bottom:0}.glossary dt,.glossary dd{margin:0;padding:13px 15px;font-size:14px;line-height:1.85}.glossary dt{background:#5b2d46;color:#ffe2bc;font-weight:700}.glossary dd{background:#2d1729;color:#f0dfe2}
@media(max-width:700px){.compare-wrap{padding:13px}.compare-table{display:block}.compare-table caption{display:block;line-height:1.6}.compare-table thead{display:none}.compare-table tbody,.compare-table tr{display:block}.compare-table tr{border:1px solid #906078;border-radius:7px;overflow:hidden;margin-bottom:9px}.compare-table tr:last-child{margin-bottom:0}.compare-table tbody th,.compare-table td{display:block;width:100%;border:0;padding:9px 11px}.compare-table tbody th{font-size:14px}.compare-table td{font-size:13px;line-height:1.8}.compare-table td+td{border-top:1px solid #765064}.compare-table td:before{content:attr(data-label);display:block;font-weight:700;color:#eeb98f;font-size:11px}.glossary>div{grid-template-columns:1fr}.glossary dt{padding:8px 11px}.glossary dd{padding:9px 11px 12px;font-size:13px}}
/* 読み手が一文ずつ追えるよう、文章の切れ目に余白を設ける。 */
.article-page .story-intro .article-lead+.article-lead{margin-top:1.3em}
.article-page .story-body .story-section>p+p,.article-page .story-body .faq-list p+p{margin-top:1.3em}
.article-page .story-body .intro-callout p+p,.article-page .story-body .mrk-note p+p,.article-page .story-body .tip-box p+p{margin-top:1.2em}
.article-page .glossary .sentence-fragment{display:block}.article-page .glossary .sentence-fragment+.sentence-fragment{margin-top:1.2em}

.article-page .compare-table .sentence-fragment{display:block}.article-page .compare-table .sentence-fragment+.sentence-fragment{margin-top:1.1em}.article-page .side-owner p:not(.article-kicker)+p:not(.article-kicker){margin-top:1.2em}