:root{--text: #333;--muted: #888;--line: #dedede;--line-soft: #ededed;--link: #2474b8;--paper: #fff;--gray: #f4f4f4;--gray-dark: #e8e8e8;--accent: #bd5960;--shell: 1010px;--article: 689px;--side: 300px;--sans: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;--serif: "Times New Roman", Times, serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--link);text-decoration:underline}p,ul,ol,dl{margin-top:0}h1,h2,h3,h4{margin-top:0;color:#292929}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container,.header-inner,.footer-inner{width:min(calc(100% - 32px),var(--shell));margin-inline:auto}.site-main{min-height:60vh;padding-bottom:60px}.site-header{height:75px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 5px #00000014}.header-inner{position:relative;display:grid;grid-template-columns:270px 1fr 270px;align-items:center;height:75px}.site-search{display:flex;width:270px;height:31px;background:#f2f2f2}.site-search input{width:228px;min-width:0;padding:0 12px;background:transparent;border:0;outline:0;color:#555;font-family:var(--sans);font-size:12px}.site-search button{width:42px;overflow:hidden;background:transparent;border:0;color:transparent;cursor:pointer;position:relative}.site-search button:before{content:"";position:absolute;top:7px;left:10px;width:11px;height:11px;border:2px solid #333;border-radius:50%}.site-search button:after{content:"";position:absolute;top:19px;left:23px;width:8px;height:2px;background:#333;transform:rotate(45deg)}.brand{justify-self:center;display:flex;flex-direction:column;align-items:center;line-height:1}.brand:hover{color:inherit;text-decoration:none}.brand strong{color:#111;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:25px;font-weight:600;letter-spacing:.04em}.brand small{margin-top:7px;color:#777;font-size:8px;letter-spacing:.08em}.header-about{justify-self:end;color:#333;font-size:12px;font-weight:600}.pr-notice{width:min(calc(100% - 32px),var(--shell));margin:8px auto 6px;color:#777;font-size:10px;line-height:1.4;text-align:right}.media-heading{position:relative;text-align:center}.media-heading h2{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:.02em}.media-heading h2:before,.media-heading h2:after{content:"";display:inline-block;width:34px;height:1px;margin:0 12px 5px;background:#777}.media-heading p{margin:5px 0 0;color:#777;font-size:10px;line-height:1.4}.media-heading.small h2{font-size:16px}.media-heading.small h2:before,.media-heading.small h2:after{width:26px;margin-inline:8px}.media-heading.large h2{font-size:24px}.home-top{margin:0 calc(50% - 50vw) 24px;padding:24px 0;background:#f3f3f3}.home-top-inner{display:grid;grid-template-columns:710px 280px;gap:20px;width:min(calc(100% - 32px),var(--shell));margin-inline:auto}.home-feature{position:relative;display:block;height:340px;overflow:hidden;background:#ddd}.home-feature img{width:100%;height:100%;object-fit:cover}.home-feature:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.75))}.home-feature h1{position:absolute;z-index:1;right:28px;bottom:20px;left:28px;margin:0;color:#fff;font-size:18px;line-height:1.6;text-shadow:0 1px 2px #000}.home-feature:hover h1{text-decoration:underline}.top-pickup{padding:0 0 0 10px}.top-pickup .media-heading{margin-bottom:5px}.text-more{display:block;margin-top:10px;color:#555;font-size:10px;text-align:right}.home-columns{display:grid;grid-template-columns:150px 517px 300px;gap:21.5px;align-items:start;margin-top:26px}.category-column{min-width:0}.category-column .media-heading{margin-bottom:12px}.category-menu{margin:0;padding:0;list-style:none}.category-menu li{margin:0;border-bottom:1px solid #eee}.category-menu a{display:block;padding:8px 4px 8px 19px;color:#444;font-size:11px;position:relative}.category-menu a:before{content:"◇";position:absolute;left:2px;color:#777;font-size:11px}.pickup-column{min-width:0;padding:0 4px;border-right:1px solid #e4e4e4}.pickup-column>.media-heading{margin-bottom:5px;padding-bottom:12px}.home-side-column,.article-side,.category-side{display:grid;gap:18px;align-content:start}.side-section{min-width:0}.side-section>.media-heading{margin-bottom:7px;padding-bottom:8px;border-bottom:1px solid #eee}.article-list{margin:0;padding:0;list-style:none}.list-item{margin:0;border-bottom:1px solid #e7e7e7}.list-item>a{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;min-height:100px;padding:10px 0}.list-thumb{width:80px;height:80px;object-fit:cover;background:#eee}.list-body{min-width:0;position:relative;padding-bottom:19px}.list-cat{display:none}.list-title{display:-webkit-box;margin:0;overflow:hidden;color:#333;font-size:12px;font-weight:600;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.list-meta{position:absolute;right:0;bottom:1px;display:flex;gap:10px;margin:0;color:#888;font-size:9px}.list-writer{font-weight:400}.is-numbered{counter-reset:rank}.is-numbered .list-item>a{position:relative;padding-left:28px}.is-numbered .list-item>a:before{counter-increment:rank;content:counter(rank);position:absolute;top:10px;left:0;display:grid;place-items:center;width:20px;height:20px;background:#333;color:#fff;font-family:var(--serif);font-size:10px}.list-ad{margin:0;list-style:none;border-bottom:1px solid #e7e7e7}.mini-article-list{margin:0;padding:0;list-style:none}.mini-article-list li{margin:0;border-bottom:1px solid #ececec}.mini-article-list a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;min-height:70px;padding:9px 0}.mini-thumb-wrap{position:relative}.mini-thumb-wrap img{width:70px;height:52px;object-fit:cover;background:#eee}.mini-thumb-wrap b{position:absolute;top:-4px;left:-4px;display:grid;place-items:center;width:20px;height:20px;background:#222;color:#fff;font-family:var(--serif);font-size:9px}.mini-copy{min-width:0}.mini-copy small{display:none}.mini-copy strong{display:-webkit-box;overflow:hidden;color:#333;font-size:10px;font-weight:400;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ad-slot{width:100%;margin:18px auto;text-align:center}.ad-label{margin:0 0 3px;color:#aaa;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.12em;line-height:1.2}.ad-placeholder{display:grid;place-items:center;align-content:center;width:100%;background:#f5f5f5;border:1px solid #e4e4e4;color:#aaa;font-family:Arial,sans-serif}.ad-placeholder span{font-size:12px}.ad-placeholder small{display:block;margin-top:3px;font-size:8px}.ad-leaderboard{max-width:728px}.ad-leaderboard .ad-placeholder{height:90px}.ad-rectangle{max-width:300px;margin-top:0}.ad-rectangle .ad-placeholder{height:250px}.ad-infeed .ad-placeholder{height:110px}.ad-auto .ad-placeholder{min-height:90px}.affiliate-zone{position:relative;padding:20px;background:#f6f6f6;border:1px solid #ddd}.affiliate-pr{position:absolute;top:0;right:0;padding:3px 8px;background:#222;color:#fff;font-size:8px}.affiliate-zone h2{margin:0 0 7px;font-size:15px;line-height:1.5}.affiliate-zone>p{margin-bottom:12px;color:#666;font-size:10px;line-height:1.7}.affiliate-zone>a{display:block;margin-top:8px;padding:11px 12px;background:#111;color:#fff;text-align:center}.affiliate-zone>a:hover{background:#333;color:#fff;text-decoration:none}.affiliate-zone>a strong{display:block;font-size:11px}.affiliate-zone>a span{display:block;margin-top:2px;color:#ccc;font-size:8px}.affiliate-zone>small{display:block;margin-top:10px;color:#888;font-size:8px;line-height:1.6}.breadcrumbs{margin:15px 0 12px;color:#888;font-size:9px;line-height:1.5}.breadcrumbs .sep{margin:0 6px}.article-layout,.category-layout{display:grid;grid-template-columns:var(--article) var(--side);gap:21px;align-items:start}.article{min-width:0}.article-head{margin-bottom:10px}.article-head h1{margin:0 0 8px;font-size:23px;font-weight:700;line-height:34px}.article-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#999;font-size:10px}.article-meta a{color:#777}.article-lead{color:#555;font-size:12px;line-height:1.9}.article-lead p{margin-bottom:8px}.toc{margin:10px 0 30px;padding:13px 18px 15px;background:#f2f2f2;border:1px solid #ddd}.toc-title{margin:0 0 9px;font-size:13px;font-weight:700}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin:5px 0}.toc a{color:#1f70b5;font-size:11px;text-decoration:underline}.article-body{font-size:14px;line-height:1.9}.article-body p{margin-bottom:1.4em}.article h2{margin:2.8em 0 .9em;padding:0 0 10px;border-bottom:3px solid #333;font-size:21px;line-height:1.55}.article h3{margin:2.2em 0 .8em;padding-left:12px;border-left:4px solid #555;font-size:17px;line-height:1.55}.article h4{margin:1.8em 0 .6em;font-size:15px}.article ul,.article ol{padding-left:1.7em}.article li{margin:.35em 0}.article blockquote{margin:1.5em 0;padding:14px 18px;background:#f5f5f5;border-left:4px solid #999;color:#555}.article table,.prose table{width:100%;border-collapse:collapse;font-size:11px}.article th,.article td,.prose th,.prose td{padding:9px 10px;border:1px solid #d7d7d7;text-align:left;vertical-align:top}.article th,.prose th{background:#f1f1f1}.table-scroll{width:100%;overflow-x:auto}.mini-table{min-width:560px}.service-catch{margin:-.3em 0 1em;color:#555;font-size:13px;font-weight:700}.service-box{position:relative;margin:20px 0 35px;padding:19px;background:#f5f5f5;border:1px solid #d5d5d5}.service-pr{position:absolute;top:0;right:0;padding:3px 8px;background:#222;color:#fff;font-size:8px}.service-rows{margin:0}.service-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #ddd;font-size:11px}.service-row dt{color:#777;font-weight:600}.service-row dd{margin:0}.service-checked,.note{color:#888;font-size:9px;line-height:1.6}.service-checked{margin:9px 0 0}.cta-wrap{margin:13px 0 0;text-align:center}.cta-btn{display:block;width:min(100%,300px);margin-inline:auto;padding:9px 12px;background:#111;border:1px solid #fff;color:#fff;text-align:center}.cta-btn:hover{background:#333;color:#fff;text-decoration:none}.cta-main{display:block;font-size:11px;font-weight:700}.cta-sub{display:block;margin-top:2px;color:#ccc;font-size:8px}.uranai-caution{margin:1.5em 0;padding:15px;background:#fff8f6;border:1px solid #e5c9c7;color:#555;font-size:11px}.related{width:var(--article);margin:36px 0 0}.related>.media-heading{margin-bottom:10px}.related .list-item>a,.category-main .list-item>a{grid-template-columns:120px minmax(0,1fr);min-height:110px}.related .list-thumb,.category-main .list-thumb{width:120px;height:90px}.related .list-title,.category-main .list-title{font-size:13px}.related-box{margin:22px 0;padding:11px 13px;background:#f2f2f2;border:1px solid #ddd}.related-box-label{margin:0 0 7px;color:#555;font-size:10px;font-weight:700}.related-box-link{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center}.related-box-link img{width:88px;height:66px;object-fit:cover}.related-box-link span{color:#2474b8;font-size:11px;font-weight:600;line-height:1.6;text-decoration:underline}.writer-box{margin-top:28px;padding:16px;background:#f5f5f5;border:1px solid #ddd}.writer-box-heading{margin:0 0 12px;font-size:12px;font-weight:700}.writer-box-inner{display:flex;gap:13px;align-items:flex-start}.writer-avatar{display:grid;place-items:center;width:50px;height:50px;flex:none;background:var(--writer-color, #555);border-radius:50%;color:#fff;font-size:15px;font-weight:700}.writer-box-text{min-width:0}.writer-name{margin:0 0 5px;font-size:11px;font-weight:700}.writer-role{margin-left:8px;color:#888;font-size:8px;font-weight:400}.writer-bio{margin:0;color:#666;font-size:9px;line-height:1.7}.category-head{margin:20px 0 24px;padding-bottom:15px;border-bottom:1px solid #ccc}.category-head>span{display:block;margin-bottom:2px;color:#777;font-family:var(--serif);font-size:12px;font-style:italic}.category-head h1{margin:0 0 7px;font-size:24px}.category-head p{max-width:720px;margin:0;color:#666;font-size:11px}.category-main>.media-heading{margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #ddd}.faq{margin:20px 0;border:1px solid #ddd}.faq details{border-bottom:1px solid #ddd}.faq details:last-child{border-bottom:0}.faq summary{display:flex;gap:10px;padding:14px;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.faq summary:before{content:"Q";font-family:var(--serif);font-size:16px}.faq summary:after{content:"+";margin-left:auto}.faq details[open] summary:after{content:"−"}.faq-a{padding:0 15px 14px 40px;color:#555;font-size:11px}.prose{width:min(100%,var(--article));margin:20px 0 0}.sec{margin:22px 0;padding-bottom:12px;border-bottom:1px solid #ccc}.sec .label{color:#777;font-family:var(--serif);font-size:12px;font-style:italic}.sec h1{margin:3px 0 0;font-size:24px}.prose h2{margin:2.4em 0 .9em;padding-bottom:8px;border-bottom:2px solid #333;font-size:19px}.prose h3{font-size:15px}.prose ul,.prose ol{padding-left:1.6em}.card{padding:15px;background:#f5f5f5;border:1px solid #ddd}.page-head{margin:22px 0;padding-bottom:13px;border-bottom:1px solid #ccc}.page-head h1{margin:0;font-size:24px}.page-head-lead{color:#666;font-size:11px}.cta-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.cta-links a{padding:8px 13px;background:#111;color:#fff;font-size:10px}.site-footer{background:#111;color:#aaa}.footer-inner{padding:34px 0 18px}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #333}.footer-brand{color:#fff;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:23px}.footer-top p{margin:0;font-size:10px}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:24px 0}.footer-columns h2{margin:0 0 9px;color:#ddd;font-size:11px}.footer-columns ul{display:flex;flex-wrap:wrap;gap:5px 18px;margin:0;padding:0;list-style:none}.footer-columns li{margin:0}.footer-columns a{color:#999;font-size:9px}.footer-copy{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid #333;font-size:8px}.footer-copy p{margin:0}@media(max-width:1040px){.home-top-inner{grid-template-columns:minmax(0,1fr) 280px}.home-columns{grid-template-columns:135px minmax(0,1fr) 280px;gap:18px}.article-layout,.category-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.article-side .ad-rectangle,.category-side .ad-rectangle{max-width:280px}}@media(max-width:800px){.header-inner{grid-template-columns:72px 1fr 72px}.site-search{width:36px;background:transparent}.site-search input{display:none}.site-search button{width:36px}.header-about{font-size:10px}.home-top{padding:16px 0}.home-top-inner{grid-template-columns:1fr}.top-pickup{padding-left:0}.home-columns,.article-layout,.category-layout{grid-template-columns:1fr}.category-column{order:0}.category-menu{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee}.category-menu li{border-right:1px solid #eee}.category-menu a{padding:9px 6px;font-size:10px;text-align:center}.category-menu a:before{display:none}.pickup-column{border-right:0}.home-side-column,.article-side,.category-side{grid-template-columns:1fr 1fr}.article-side .ad-slot,.category-side .ad-slot{max-width:300px}.related{width:100%}}@media(max-width:560px){body{font-size:13px}.container,.header-inner,.footer-inner,.pr-notice,.home-top-inner{width:min(calc(100% - 24px),var(--shell))}.site-header,.header-inner{height:64px}.header-inner{grid-template-columns:42px 1fr 58px}.brand strong{font-size:19px}.brand small{font-size:7px}.header-about{font-size:8px}.pr-notice{text-align:left}.home-feature{height:230px}.home-feature h1{right:16px;bottom:13px;left:16px;font-size:15px}.media-heading.large h2{font-size:20px}.category-menu{grid-template-columns:repeat(2,1fr)}.home-side-column,.article-side,.category-side{grid-template-columns:1fr}.article-head h1{font-size:21px;line-height:1.55}.article-meta{justify-content:flex-start;flex-wrap:wrap}.toc{padding:12px 13px}.article h2{font-size:19px}.article h3{font-size:16px}.service-row{grid-template-columns:1fr;gap:2px}.related .list-item>a,.category-main .list-item>a{grid-template-columns:100px minmax(0,1fr)}.related .list-thumb,.category-main .list-thumb{width:100px;height:75px}.footer-top,.footer-copy{display:grid;gap:8px}.footer-columns{grid-template-columns:1fr;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}