.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-pt{margin:20px 0}.col-pt-hd{color:#0f1350;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14.5px;font-weight:700;display:flex}.col-pt-upd{color:var(--t3);font-size:11px;font-weight:600}.col-pt table{margin-top:10px}.col-pt-ft{text-align:right;margin-top:6px;font-size:13px}.col-cb{border:2px solid var(--blue);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0;padding:18px 24px;display:flex}.col-cb-body{min-width:0}.col-cb-t{color:#0f1350;font-size:16px;font-weight:700}.col-cb-d{color:var(--t2);margin-top:2px;font-size:12px}.col-art .col-art-body .col-cb-btn,.col-cb-btn{background:var(--blue);color:#fff;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:10px 24px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-block}.col-art .col-art-body .col-cb-btn:hover,.col-cb-btn:hover{background:var(--blue-dark);color:#fff;text-decoration:none}@media (max-width:767px){.col-cb{padding:16px}.col-cb-btn{text-align:center;width:100%;margin-left:0}}.col-mp{background:linear-gradient(135deg,#fff 60%,#f2f8ff);border:1.5px solid #dbe7f5;border-radius:16px;align-items:center;gap:20px;margin:28px 0;padding:18px 24px;display:flex}.col-mp-ph{text-align:center;flex:none;width:88px}.col-mp-ph img{max-width:88px;max-height:104px}.col-mp-body{min-width:0}.col-mp-name{color:#0f1350;font-size:15px;font-weight:700}.col-mp-lede{color:#0a7d4f;margin-top:1px;font-size:12px;font-weight:700}.col-mp-price{color:var(--blue);font-variant-numeric:tabular-nums;font-size:29px;font-weight:700;line-height:1.4}.col-mp-price small{color:var(--t2);margin-left:6px;font-size:12.5px;font-weight:700}.col-mp-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.col-mp-chip{color:var(--t2);white-space:nowrap;background:#f1f5fb;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.col-mp-chip b{color:#0f1350;font-variant-numeric:tabular-nums}.col-mp-cta{flex:none;margin-left:auto}.col-art .col-art-body .col-mp-cta a,.col-mp-cta a{color:#fff;white-space:nowrap;text-align:center;background:#0f1350;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:700;text-decoration:none;display:block}.col-art .col-art-body .col-mp-cta a:hover,.col-mp-cta a:hover{color:#fff;background:#1c2a7a;text-decoration:none}.col-mp-upd{color:var(--t3);text-align:center;margin-top:5px;font-size:10.5px}@media (max-width:767px){.col-mp{flex-wrap:wrap;gap:14px;padding:16px}.col-mp-ph{width:64px}.col-mp-body{flex:1}.col-mp-cta{width:100%;margin-left:0}}.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:#f2f8ff;border-radius:10px;margin-bottom:28px;padding:16px 18px;font-size:15px;line-height:1.7}.col-art-lead:before{content:"この記事でわかること";background:var(--blue);color:#fff;letter-spacing:.04em;border-radius:999px;width:fit-content;margin-bottom:8px;padding:3px 12px;font-size:11px;font-weight:700;display:block}.col-art .col-art-body{color:var(--t1);font-size:15px;font-weight:500;line-height:1.8}.col-art .col-art-body h2{background:linear-gradient(90deg,var(--blue)0 72px,#dbe7f5 72px)left bottom/100% 4px no-repeat;color:var(--t1);margin:36px 0 14px;padding-bottom:10px;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);margin:24px 0 10px;font-size:18px;font-weight:700}.col-art .col-art-body h3:before{content:"";border:3px solid var(--blue);vertical-align:1px;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.col-art .col-art-body p{color:var(--t2);margin:12px 0}.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 ul{color:var(--t2);margin:12px 0;padding:0;list-style:none}.col-art .col-art-body ul>li{margin:8px 0;padding-left:26px;position:relative}.col-art .col-art-body ul>li:before{content:"✓";color:#0a9d6c;font-weight:900;position:absolute;top:0;left: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.price{text-align:right}.col-art .col-art-body td.price>p{background:var(--blue-light);color:var(--blue-dark);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 14px;font-weight:700;display:inline-block}.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:24px 0}.col-art .col-art-body figure.col-fig{width:var(--col-fig-w-pc,100%);border:1px solid var(--border);background:#fff;border-radius:12px;max-width:680px;padding:14px 14px 4px;box-shadow:0 6px 18px #0f135014}.col-art .col-art-body figure img{border-radius:var(--r-md);width:100%;display:block}.col-art .col-art-body figcaption{color:var(--t2);text-align:center;padding:8px 0 6px;font-size:12px;font-weight:700}@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-art .col-art-body p a,.col-art .col-art-body li a,.col-art .col-art-body td a{color:var(--blue-dark);background:var(--blue-light);border-radius:6px;padding:2px 8px;font-weight:700;text-decoration:none}.col-art .col-art-body p a:before,.col-art .col-art-body li a:before,.col-art .col-art-body td a:before{content:"📄 "}.col-art .col-art-body p a:hover,.col-art .col-art-body li a:hover,.col-art .col-art-body td a:hover{background:#d8e9ff;text-decoration:none}.col-art .col-art-body hr{text-align:center;border:0;margin:34px 0 26px}.col-art .col-art-body hr:after{content:"◇ ◆ ◇";color:var(--blue);letter-spacing:10px;font-size:12px}.col-art .col-art-body blockquote.col-bq-tagged{color:var(--t2);background:#fff;border:1.5px solid #f4b400;border-radius:10px;margin:26px 0 18px;padding:16px 18px 12px;position:relative}.col-art .col-art-body blockquote.col-bq-tagged:before{content:none}.col-art .col-art-body .col-bq-tag{color:#fff;letter-spacing:.02em;background:#f4b400;border-radius:6px;padding:2px 10px;font-size:11px;font-weight:700;line-height:1.6;position:absolute;top:-11px;left:14px}.col-art .col-art-body .col-box{border-radius:10px;gap:10px;margin:14px 0;padding:13px 16px;font-size:14px;display:flex}.col-art .col-art-body .col-box>p{color:inherit;margin:0}.col-art .col-art-body .col-box-ic{flex:none;font-weight:900}.col-art .col-art-body .col-box-point{background:#f2f8ff}.col-art .col-art-body .col-box-point .col-box-ic{color:var(--blue)}.col-art .col-art-body .col-box-warn{background:#fff7ed}.col-art .col-art-body .col-box-warn .col-box-ic{color:#d97706}.col-art .col-art-body .col-box-note{color:var(--t2);background:#f5f7fa}.col-art .col-art-body .col-box-note .col-box-ic{color:var(--t3)}.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}}