.col-page{--blue:#07f;--blue-dark:#005ecc;--blue-light:#e8f2ff;--blue-text:#04b;--orange:#f07830;--green:#10b981;--red:#dc2626;--gold:#f59e0b;--bg-page:#f5f7fa;--bg-card:#fff;--bg-muted:#f3f4f6;--bg-soft:#fafbfc;--border:#e0e8f0;--t1:#111827;--t2:#4b5563;--t3:#9ca3af;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--shared-pc-max:1280px;--shared-pc-pad:24px;background:var(--bg-page);color:var(--t1);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",var(--font-noto-jp),"Noto Sans JP",sans-serif}.col-bc{background:var(--bg-card);border-bottom:1px solid var(--border);padding:10px 0}.col-bc-inner{max-width:var(--shared-pc-max);padding:0 var(--shared-pc-pad);color:var(--t2);margin:0 auto;font-size:13px}.col-bc-inner .sep{color:var(--t3);margin:0 6px}.col-page-hd{background:var(--bg-card);border-bottom:1px solid var(--border);padding:32px 0 28px}.col-page-hd-inner{max-width:var(--shared-pc-max);padding:0 var(--shared-pc-pad);margin:0 auto}.col-page-hd h1{color:var(--t1);font-size:28px;font-weight:700}.col-page-hd .lead{color:var(--t2);margin-top:8px;font-size:14px}.col-main-wrap{max-width:var(--shared-pc-max);padding:24px var(--shared-pc-pad)0;align-items:flex-start;gap:28px;margin:0 auto;display:flex}.col-main-col{flex:1;min-width:0}.col-side-col{flex-direction:column;flex-shrink:0;gap:14px;width:320px;max-height:calc(100vh - 96px);display:flex;position:sticky;top:80px;overflow-y:auto}.col-sw-toc{max-height:60vh;overflow-y:auto}.col-filter-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:20px;padding:14px 18px}.col-filter-bar .label{color:var(--t3);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.col-filter-bar .pills{flex-wrap:wrap;gap:8px;display:flex}.col-pill{border:1px solid var(--border);color:var(--t2);background:var(--bg-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex}.col-pill:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.col-pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}.col-pill-cnt{opacity:.85;font-size:11px}.col-art-list{flex-direction:column;gap:16px;display:flex}.col-art-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);gap:18px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.col-art-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #0077ff14}.col-art-thumb{border-radius:var(--r-md);color:#fff;background:linear-gradient(135deg,#cbd5e1,#94a3b8);flex-shrink:0;justify-content:center;align-items:center;width:160px;height:110px;font-size:24px;display:flex;overflow:hidden}.col-art-thumb img{object-fit:cover;width:100%;height:100%}.col-art-card .col-art-body{flex:1;min-width:0}.col-art-meta{color:var(--t3);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.col-art-meta .cat-tag{background:var(--blue-light);color:var(--blue-text);border-radius:999px;padding:2px 8px;font-weight:700}.col-art-title{color:var(--t1);margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.4}.col-art-title a{color:var(--t1);text-decoration:none}.col-art-title a:hover{color:var(--blue);text-decoration:none}.col-art-excerpt{color:var(--t2);font-size:13px;line-height:1.6}.col-art-foot{color:var(--t3);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.col-pager{justify-content:center;gap:6px;margin:32px 0 48px;display:flex}.col-pager a,.col-pager span{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card);min-width:36px;height:36px;color:var(--t2);justify-content:center;align-items:center;padding:0 10px;font-size:13px;text-decoration:none;display:inline-flex}.col-pager .current{background:var(--blue);color:#fff;border-color:var(--blue)}.col-pager a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.col-sw{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.col-sw h3{color:var(--t1);border-left:3px solid var(--blue);align-items:center;gap:6px;margin-bottom:12px;padding-left:8px;font-size:14px;font-weight:700;display:flex}.col-sw-cat-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.col-sw-cat-list li{border-bottom:1px solid var(--border)}.col-sw-cat-list li:last-child{border-bottom:0}.col-sw-cat-list a{color:var(--t1);justify-content:space-between;align-items:center;padding:10px 4px;font-size:13px;font-weight:500;display:flex}.col-sw-cat-list a:hover{color:var(--blue);text-decoration:none}.col-sw-cat-list a.active{color:var(--blue);font-weight:700}.col-sw-cat-list .cnt{background:var(--bg-muted);color:var(--t3);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.col-sw-cat-list a.active .cnt{background:var(--blue-light);color:var(--blue-text)}.col-sw-pop{flex-direction:column;gap:10px;display:flex}.col-sw-pop-item{align-items:flex-start;gap:10px;display:flex}.col-sw-pop-rank{background:var(--blue);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.col-sw-pop-rank.r1{background:var(--gold)}.col-sw-pop-rank.r2{background:#94a3b8}.col-sw-pop-rank.r3{background:#cd7f32}.col-sw-pop-title{color:var(--t1);font-size:13px;line-height:1.4}.col-sw-pop-title a{color:var(--t1)}.col-sw-pop-title a:hover{color:var(--blue);text-decoration:none}.col-sw-pop-meta{color:var(--t3);margin-top:2px;font-size:10px}.col-sw-author{flex-direction:column;gap:14px;display:flex}.col-sw-author-item{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.col-sw-author-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.col-sw-author-name{color:var(--t1);font-size:13px;font-weight:700}.col-sw-author-role{color:var(--t3);font-size:11px}.col-sw-tags{flex-wrap:wrap;gap:6px;display:flex}.col-sw-tag{background:var(--bg-muted);color:var(--t2);border-radius:999px;padding:3px 10px;font-size:12px;text-decoration:none}.col-sw-tag:hover{background:var(--blue-light);color:var(--blue);text-decoration:none}.col-sw-rel{flex-direction:column;gap:10px;display:flex}.col-sw-rel-item a{color:var(--t1);border-radius:6px;padding:8px;font-size:12px;line-height:1.5;text-decoration:none;display:block}.col-sw-rel-item a:hover{background:var(--blue-light);text-decoration:none}.col-sw-rel-item .meta{color:var(--t3);margin-top:2px;font-size:10px}.col-sw-share{flex-wrap:wrap;gap:6px;display:flex}.col-sw-share .b{background:var(--bg-soft);border:1px solid var(--border);text-align:center;color:var(--t2);border-radius:6px;flex:1;padding:8px;font-size:11px;text-decoration:none}.col-sw-share .b:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.col-sw-toc ul{margin:0;padding:0;list-style:none}.col-sw-toc li{font-size:13px;line-height:1.6}.col-sw-toc li a{color:var(--t1);border-left:2px solid #0000;padding:5px 0 5px 10px;font-weight:500;text-decoration:none;display:block}.col-sw-toc li a:hover{color:var(--blue);text-decoration:none}.col-sw-toc li.h3 a{color:var(--t2);padding-left:24px;font-size:12px;font-weight:500}.col-cta-rich{border:2px solid var(--blue);border-radius:var(--r-lg);background:#fff;margin:32px 0;overflow:hidden;box-shadow:0 4px 16px #0077ff1a}.col-cta-rich-head{background:linear-gradient(135deg,var(--blue)0%,var(--blue-dark)100%);color:#fff;align-items:center;gap:10px;padding:14px 20px;display:flex}.col-cta-rich-head .badge{background:var(--orange);color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.col-cta-rich-head .h{font-size:16px;font-weight:700}.col-cta-rich-body{grid-template-columns:1.2fr 1fr;gap:0;display:grid}.col-cta-rich-left{border-right:1px solid var(--border);padding:22px 24px}.col-cta-rich-product{color:var(--t2);margin-bottom:4px;font-size:13px}.col-cta-rich-grade{background:var(--blue-light);color:var(--blue-text);border-radius:6px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.col-cta-rich-price{align-items:baseline;gap:4px;margin:8px 0;display:flex}.col-cta-rich-price .num{color:var(--t1);font-variant-numeric:tabular-nums;font-size:36px;font-weight:700}.col-cta-rich-price .yen{color:var(--t1);font-size:18px;font-weight:700}.col-cta-rich-meta{color:var(--t3);margin-bottom:14px;font-size:11px}.col-cta-rich-meta strong{color:var(--orange)}.col-cta-rich-btn{background:var(--orange);color:#fff;border-radius:var(--r-md);text-align:center;padding:14px;font-size:15px;font-weight:700;text-decoration:none;display:block}.col-cta-rich-btn:hover,.col-cta-rich-btn:active,.col-cta-rich-btn:focus,.col-cta-rich-btn:focus-visible{color:#fff;background:#d96820;text-decoration:none}.col-cta-rich-btn small{opacity:.9;margin-top:2px;font-size:11px;font-weight:400;display:block}.col-cta-rich-right{background:var(--bg-soft);padding:22px 24px}.col-cta-rich-right .label{color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.col-cta-rich-flow{color:var(--t2);flex-direction:column;gap:6px;font-size:12px;display:flex}.col-cta-rich-flow .step{align-items:center;gap:6px;display:flex}.col-cta-rich-flow .step .n{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.col-cta-rich-flow .step .n.last{background:var(--orange)}.col-cta-rich-trust{border-top:1px dashed var(--border);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.col-cta-rich-trust .chip{background:var(--bg-card);border:1px solid var(--border);color:var(--t2);border-radius:999px;padding:3px 8px;font-size:10px}.col-cta-rich-foot{color:#7c5c00;background:#fffbeb;border-top:1px solid #f3e8a8;align-items:center;gap:8px;padding:10px 24px;font-size:12px;display:flex}.col-cta-rich-foot .voice-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.col-cardlinks{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;display:grid}.col-cardlink{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md);color:var(--t1);gap:12px;padding:14px;text-decoration:none;display:flex}.col-cardlink:hover{border-color:var(--blue);background:var(--blue-light);text-decoration:none}.col-cardlink-icon{flex-shrink:0;font-size:24px}.col-cardlink-body .cardlink-label{color:var(--t3);font-size:11px}.col-cardlink-body .cardlink-title{color:var(--t1);font-size:14px;font-weight:700}@media (max-width:767px){.col-cta-rich-body{grid-template-columns:1fr}.col-cta-rich-left{border-right:0;border-bottom:1px solid var(--border)}.col-cardlinks{grid-template-columns:1fr}}.col-art{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:24px;padding:32px 36px}.col-art-detail-meta{color:var(--t3);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.col-art-detail-meta .cat-tag{background:var(--blue-light);color:var(--blue-text);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.col-art-detail-meta .upd{color:var(--orange);font-weight:700}.col-art-h1{color:var(--t1);margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.35}.col-art-lead{color:var(--t2);background:var(--bg-soft);border-left:4px solid var(--blue);border-radius:var(--r-md);margin-bottom:28px;padding:14px 18px;font-size:15px;line-height:1.7}.col-art .col-art-body{color:var(--t1);font-size:15px;font-weight:500;line-height:1.8}.col-art .col-art-body h2{border-bottom:2px solid var(--blue);color:var(--t1);margin:36px 0 14px;padding-bottom:8px;font-size:22px;font-weight:700}.col-art .col-art-body h2:first-child{margin-top:0}.col-art .col-art-body h3{color:var(--t1);border-left:4px solid var(--blue);margin:24px 0 10px;padding-left:10px;font-size:18px;font-weight:700}.col-art .col-art-body p{color:var(--t2);margin:12px 0}.col-art .col-art-body ul,.col-art .col-art-body ol{color:var(--t2);margin:12px 0 12px 24px}.col-art .col-art-body li{margin:6px 0}.col-art .col-art-body strong{color:var(--t1);background:linear-gradient(#0000 60%,gold 60%);padding:0 2px;font-weight:700}.col-art .col-art-body table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px}.col-art .col-art-body th{background:var(--bg-muted);text-align:left;border:1px solid var(--border);padding:10px;font-weight:700}.col-art .col-art-body td{border:1px solid var(--border);color:var(--t2);padding:10px;font-weight:400}.col-art .col-art-body td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--t1);font-weight:700}.col-art .col-art-body td>p,.col-art .col-art-body th>p{color:inherit;font-weight:inherit;margin:0}.col-art .col-art-body blockquote{border-radius:var(--r-md);color:var(--t2);background:#fffbeb;margin:18px 0;padding:14px 18px}.col-art .col-art-body blockquote:before{content:"Point!";background:var(--orange);color:#fff;letter-spacing:.02em;vertical-align:2px;border-radius:999px;margin-right:10px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.col-art .col-art-body figure{width:100%;margin:20px 0}.col-art .col-art-body figure.col-fig{width:var(--col-fig-w-pc,100%)}.col-art .col-art-body figure img{border-radius:var(--r-md);border:1px solid var(--border);width:100%;display:block}.col-art .col-art-body figcaption{color:var(--t3);text-align:center;margin-top:6px;font-size:12px}@media (max-width:767px){.col-art .col-art-body figure.col-fig{width:var(--col-fig-w-sp,100%)}}.col-art .col-art-body a{color:var(--blue);text-decoration:underline}.col-author-card{background:var(--bg-soft);border-radius:var(--r-md);align-items:center;gap:16px;margin-top:36px;padding:18px;display:flex}.col-share{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.col-share .b{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-card);color:var(--t2);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.col-share .b:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.col-author-card .avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.col-author-card .label{color:var(--t3);font-size:11px}.col-author-card .name{color:var(--t1);font-size:16px;font-weight:700}.col-author-card .role{color:var(--t2);font-size:12px}.col-author-card .bio{color:var(--t2);margin-top:4px;font-size:13px}.col-related{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:24px;margin-bottom:48px;padding:24px 28px}.col-related h2{border-left:4px solid var(--blue);margin-bottom:16px;padding-left:10px;font-size:18px;font-weight:700}.col-related-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.col-related-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md);color:var(--t1);padding:12px;text-decoration:none;display:block}.col-related-card:hover{border-color:var(--blue);text-decoration:none}.col-related-thumb{color:#fff;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:6px;justify-content:center;align-items:center;height:80px;margin-bottom:10px;font-size:20px;display:flex;overflow:hidden}.col-related-thumb img{object-fit:cover;width:100%;height:100%}.col-related-meta{color:var(--t3);margin-bottom:4px;font-size:10px}.col-related-title{color:var(--t1);font-size:13px;font-weight:700;line-height:1.4}.col-empty{text-align:center;color:var(--t3);padding:48px 24px;font-size:14px}@media (max-width:767px){.col-page{max-width:100%;overflow-x:clip}.col-bc-inner,.col-page-hd-inner{padding:0 16px}.col-page-hd{padding:20px 0}.col-page-hd h1{font-size:22px}.col-main-wrap{flex-direction:column;max-width:100%;padding:16px;overflow-x:clip}.col-side-col{display:none}.col-art-card{flex-direction:column}.col-art-thumb{width:100%;height:160px}.col-art{max-width:100%;padding:20px 16px}.col-art-h1{font-size:22px}.col-art .col-art-body{word-break:break-word;max-width:100%;overflow-x:clip}.col-art .col-art-body table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.col-related-list{grid-template-columns:1fr}.col-related{padding:20px 16px}}