body[data-route="/articles/"] main{background:#fff}body[data-route="/articles/"] .search-breadcrumb{color:#4a423b;max-width:1232px;padding:40px 16px 0}body[data-route="/articles/"] .search-breadcrumb li+li:before{content:"›";margin-right:6px}body[data-route="/articles/"] .search-breadcrumb ol{gap:6px}.home-a2 [data-home-articles],.article-archive{color:#191512;background:#fff}.home-a2 [data-home-articles] *,.article-archive *{box-sizing:border-box}.home-a2 [data-home-articles]{padding:56px 0}.home-a2 [data-home-articles] .a2-container{width:calc(100% - 32px);max-width:1200px;margin:auto}.home-a2 [data-home-articles] .a2-section-stack,.home-a2 [data-home-articles] .a2-article-panel{flex-direction:column;gap:22px;display:flex}.home-a2 [data-home-articles] [hidden],.article-archive [hidden]{display:none}.home-a2 [data-home-articles] .a2-heading{font-size:22px}.home-a2 [data-home-articles] .a2-tabs{flex-wrap:wrap;gap:8px;display:flex}.home-a2 [data-home-articles] .a2-tabs button{color:#191512;background:#fff;border:0;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.85;display:flex;box-shadow:inset 0 0 0 1px #19151233}.home-a2 [data-home-articles] .a2-tabs button[aria-selected=true]{color:#fff;box-shadow:none;background:#191512}.home-a2 [data-home-articles] .a2-tabs button:disabled,.article-archive .archive-disabled{color:#76685a;box-shadow:none;cursor:default;background:#faf7f2;border:1.5px dashed #c3b6a2;padding:0 16px}.home-a2 [data-home-articles] .a2-feature-grid,.home-a2 [data-home-articles] .a2-extra-articles{grid-template-columns:560px minmax(0,1fr);align-items:start;column-gap:40px;display:grid}.home-a2 [data-home-articles] .a2-feature>a{flex-direction:column;gap:12px;display:flex}.home-a2 [data-home-articles] .a2-feature h3{text-wrap:pretty;font-size:18px;font-weight:700;line-height:1.6}.article-v2-thumb{color:#191512;background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) 236px;height:270px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #19151214}.article-v2-thumb-copy{flex-direction:column;justify-content:space-between;min-width:0;padding:22px 24px;display:flex}.article-v2-thumb-copy small{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.article-v2-thumb-copy small i{background:#191512;border-radius:50%;flex:none;width:8px;height:8px}.article-v2-thumb-copy strong{font-size:30px;font-weight:900;line-height:1.4}.article-v2-thumb-copy strong span{display:block}.article-v2-thumb-theme{color:#4a423b;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.article-v2-thumb-theme i{background:#19151222;flex:1;order:-1;height:1px}.article-v2-thumb>img{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.home-a2 [data-home-articles] .a2-article-list{border-top:1px solid #19151222;flex-direction:column;display:flex}.home-a2 [data-home-articles] .a2-compact-v2>a{border-bottom:1px solid #19151222;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0;display:grid}.home-a2 [data-home-articles] .a2-compact-v2 img{object-fit:cover;border-radius:10px;width:80px;height:80px;display:block}.home-a2 [data-home-articles] .a2-compact-v2>a>div{flex-direction:column;gap:3px;min-width:0;display:flex}.home-a2 [data-home-articles] .a2-role{color:#4a423b;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.home-a2 [data-home-articles] .a2-role:before{content:"";background:#da3a22;border-radius:50%;flex:none;width:6px;height:6px}.home-a2 [data-home-articles] .a2-compact-v2 strong{font-size:16px;font-weight:700;line-height:1.45}.home-a2 [data-home-articles] .a2-compact-v2 p{color:#4a423b;font-size:12px;line-height:1.6}.home-a2 [data-home-articles] .a2-extra-articles .a2-compact-v2>a{border-top:1px solid #19151222}.home-a2 [data-home-articles] .a2-lower-articles{border-top:1px solid #19151222;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;padding-top:20px;display:grid}.home-a2 [data-home-articles] .a2-lower-articles>div{flex-direction:column;gap:10px;min-width:0;display:flex}.home-a2 [data-home-articles] .a2-lower-articles h3{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.home-a2 [data-home-articles] .a2-lower-articles h3>span{background:#efe3cd;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.home-a2 [data-home-articles] .a2-lower-articles .a2-compact-v2>a{border:0;align-items:start;gap:12px;padding:0}.home-a2 [data-home-articles] .a2-lower-articles strong{font-size:15px}.home-a2 [data-home-articles] .a2-lower-articles .a2-role:before{display:none}.home-a2 [data-home-articles] .a2-more{justify-content:center;padding-top:4px;display:flex}.home-a2 [data-home-articles] .a2-more>a{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 24px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1.5px #191512}.home-a2 [data-home-articles] a{color:#191512;text-decoration:none}.home-a2 [data-home-articles] :is(.a2-feature,.a2-compact-v2)>a:hover,.article-archive .archive-card>a:hover{color:#da3a22}.home-a2 [data-home-articles] .a2-more>a:hover{background:#f7f3ec}.home-a2 [data-home-articles] :is(a,button):focus-visible,.article-archive :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #191512}.home-a2 .a2-trouble-topics .a2-trouble-more{flex-direction:row;justify-content:space-between;font-size:13px;font-weight:700}.article-archive{flex-direction:column;gap:24px;max-width:1232px;margin:auto;padding:24px 16px 64px;display:flex}.article-archive h1,.article-archive h2,.article-archive p{margin:0}.article-archive a{color:#191512;text-decoration:none}.article-archive header{flex-direction:column;gap:8px;display:flex}.article-archive h1{font-size:32px;font-weight:900;line-height:1.5}.article-archive header p{color:#4a423b;font-size:15px;line-height:1.8}.archive-filters{flex-direction:column;gap:10px;display:flex}.archive-filters>h2{color:#4a423b;font-size:12px;font-weight:700}.archive-chips{flex-wrap:wrap;gap:8px;display:flex}.archive-chips :is(a,.archive-disabled){border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.archive-chips a{box-shadow:inset 0 0 0 1px #19151233}.archive-chips a[aria-current=page]{color:#fff;box-shadow:none;background:#191512}.archive-chips a span,.archive-trouble>span:first-of-type{opacity:.8;font-family:Roboto Mono,monospace;font-size:12px}.article-archive .archive-trouble{background:#fff;border-radius:12px;align-self:flex-start;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 3px 0 #da3a22,0 0 0 1px #19151222}.article-archive .archive-trouble[aria-current=page]{background:#fbede8}.archive-status{border-bottom:1px solid #19151222;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;display:flex}.archive-status h2{font-size:16px;font-weight:700}.archive-status span{color:#4a423b;font-size:13px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;display:grid}.archive-card>a{flex-direction:column;gap:10px;display:flex}.article-v2-thumb--archive{border-radius:14px;grid-template-columns:minmax(0,1fr) 192px;height:220px}.article-v2-thumb--archive .article-v2-thumb-copy{padding:16px 14px 16px 18px}.article-v2-thumb--archive small{gap:6px;font-size:12px}.article-v2-thumb--archive small i{width:7px;height:7px}.article-v2-thumb--archive strong{font-size:19px}.article-v2-thumb--archive .article-v2-thumb-theme{gap:8px;font-size:11px}.archive-card-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.archive-card-copy small{color:#4a423b;gap:8px;font-size:11px;font-weight:700;display:flex}.archive-card-copy small span{color:#da3a22}.archive-card h3{margin:0;font-size:16px;font-weight:700;line-height:1.6}.archive-card-copy p{color:#4a423b;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.75;display:-webkit-box;overflow:hidden}.archive-mobile-art,.archive-mobile-hook{display:none}.archive-related{border-top:1px solid #19151222;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:20px;display:grid}.archive-related>a{border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:0 16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 0 0 1px #19151233}.archive-pager{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.archive-pager a{border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #19151233}.archive-pager a[aria-current=page]{color:#fff;background:#191512}@media (width<=999px){body[data-route="/articles/"] .search-breadcrumb{padding:24px 16px 0}.home-a2 [data-home-articles]{padding:32px 16px}.home-a2 [data-home-articles] .a2-container{width:100%}.home-a2 [data-home-articles] .a2-section-stack,.home-a2 [data-home-articles] .a2-article-panel{gap:16px}.home-a2 [data-home-articles] .a2-heading{font-size:18px}.home-a2 [data-home-articles] .a2-feature-grid{grid-template-columns:1fr;gap:18px}.home-a2 [data-home-articles] .a2-feature h3{font-size:16px}.article-v2-thumb{grid-template-columns:minmax(0,1fr) 148px;height:170px}.article-v2-thumb-copy{padding:14px}.article-v2-thumb-copy small{font-size:11px}.article-v2-thumb-copy strong{font-size:20px}.home-a2 [data-home-articles] .a2-extra-articles{border-top:1px solid #19151222;grid-template-columns:1fr}.home-a2 [data-home-articles] .a2-extra-articles .a2-compact-v2>a{border-top:0}.home-a2 [data-home-articles] .a2-lower-articles{grid-template-columns:1fr}.article-archive{gap:18px;padding:24px 16px 40px}.article-archive h1{font-size:24px}.archive-grid{grid-template-columns:1fr;gap:14px}.archive-card>a{border-bottom:1px solid #19151214;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;padding-bottom:14px;display:grid}.archive-card .article-v2-thumb{display:none}.archive-mobile-art{object-fit:cover;border-radius:12px;width:96px;height:96px;display:block}.archive-card-copy{gap:4px}.archive-mobile-hook{font-size:15px;line-height:1.45;display:block}.archive-card h3{font-size:13px;font-weight:500;line-height:1.6}.archive-card-copy p{-webkit-line-clamp:2;font-size:12px;line-height:1.7}.archive-related{grid-template-columns:1fr}}@media (width>=1000px) and (width<=1279px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}.article-v2-thumb--archive strong{font-size:21px}}.article-v2-thumb--archive small{color:#191512;background:#f7f3ec;border-radius:999px;align-self:flex-start;min-height:24px;padding:0 10px}.article-v2-thumb--archive small i{display:none}.article-v2-thumb--archive[data-role=方法を知る] small{color:#fff;background:#191512}.article-v2-thumb--archive[data-role=違いを比較] small{background:#fff;box-shadow:inset 0 0 0 1px #191512}.article-v2-thumb--archive[data-role=困りごと] small{color:#b03018;background:#fbede8}@media (width>=1000px){.archive-card-copy>small{display:none}}@media (width<=999px){.archive-chips{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 40px 2px 16px;scroll-padding-left:16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.archive-chips::-webkit-scrollbar{display:none}.archive-chips :is(a,.archive-disabled){white-space:nowrap;scroll-snap-align:start;flex:none;padding:0 14px;font-size:13px}.archive-card-copy>small{font-size:12px}}