:root{--c-ink: #333333;--c-muted: #888888;--c-bg: #efefef;--c-panel: #ffffff;--c-primary: #5d8ac1;--c-primary-deep: #3c74ad;--c-hero-bg: #d8ebf8;--c-cta: #ffa30d;--c-chip: #ffbd44;--c-widget: #8fba39;--c-widget-strong: #d82a56;--c-pager: #607d8b;--c-pager-off: #afafaf;--c-line: #e5e5e5;--radius: 4px;--maxw: 1140px;--shadow: 0 1px 2px rgba(0, 0, 0, .1);--font-sans: "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--c-ink);background:var(--c-bg);line-height:1.8;-webkit-font-smoothing:antialiased}body{margin:0;font-size:16px}a{color:var(--c-primary);text-decoration:none}a:hover{opacity:.85}img{max-width:100%;height:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{background:var(--c-primary);color:#fff;padding:14px 0 12px}.site-header .site-name{margin:0;font-size:22px;font-weight:700;letter-spacing:.04em}.site-header .site-name a{color:#fff}.site-header .site-tagline{margin:2px 0 0;font-size:12px;color:#ffffffeb;font-weight:500}.hero{background:radial-gradient(circle at 82% 30%,rgba(255,255,255,.55) 0 90px,transparent 91px),radial-gradient(circle at 90% 75%,rgba(255,255,255,.35) 0 55px,transparent 56px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.25) 0 35px,transparent 36px),linear-gradient(180deg,var(--c-hero-bg),color-mix(in srgb,var(--c-hero-bg) 82%,var(--c-primary)));color:var(--c-primary-deep)}.hero .hero-inner{max-width:var(--maxw);margin:0 auto;padding:76px 24px}.hero .hero-title{margin:0 0 8px;font-size:clamp(26px,4.5vw,42px);font-weight:800;letter-spacing:.08em}.hero .hero-sub{margin:0;font-size:clamp(14px,2vw,17px);color:var(--c-ink)}.hero .hero-domain{margin-top:18px;font-size:12px;letter-spacing:.14em;color:var(--c-muted)}.global-nav{background:var(--c-primary-deep);box-shadow:var(--shadow)}.global-nav ul{max-width:var(--maxw);margin:0 auto;padding:0;list-style:none;display:flex;flex-wrap:wrap}.global-nav li{flex:1 1 auto;text-align:center;border-left:1px solid rgba(255,255,255,.18)}.global-nav li:first-child{border-left:none}.global-nav a{display:block;padding:14px 10px;color:#fff;font-size:14px;font-weight:600}.global-nav a:hover{background:#ffffff1f;opacity:1}.pickups{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.pickup-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:110px;padding:14px 16px;border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.pickup-card:hover{opacity:.9}.pickup-card .pickup-label{font-size:16px;font-weight:800}.pickup-card .pickup-sub{font-size:12px;color:#ffffffeb}.pickup-a{background:var(--c-primary)}.pickup-b{background:var(--c-widget)}.pickup-c{background:var(--c-cta)}.pickup-d{background:var(--c-widget-strong)}.search-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 26px}.search-form{display:flex;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden}.search-form input{flex:1;border:none;padding:11px 14px;font-size:15px;font-family:inherit;outline:none}.search-form button{border:none;background:var(--c-primary-deep);padding:0 18px;cursor:pointer;font-size:15px;color:#fff}.category-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);font-weight:700;color:var(--c-ink);padding:11px}.section-title{font-size:23px;font-weight:800;margin:34px 0 18px;padding-bottom:10px;position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:88px;height:4px;background:var(--c-primary)}.carousel-wrap{position:relative}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:32.2%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.carousel>*{scroll-snap-align:start}.carousel-btn{position:absolute;top:34%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:#2828288c;color:#fff;font-size:18px;font-weight:700;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:#282828cc}.carousel-btn.prev{left:-8px}.carousel-btn.next{right:-8px}.article-card{background:var(--c-panel);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.article-card:hover{box-shadow:0 5px 14px #00000021;transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:2px solid var(--c-primary-deep);outline-offset:2px}.article-card .card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.card-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:4 / 3;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.35) 0 34px,transparent 35px),radial-gradient(circle at 18% 82%,rgba(255,255,255,.22) 0 46px,transparent 47px),linear-gradient(150deg,color-mix(in srgb,var(--thumb-color) 78%,white),var(--thumb-color));color:#fff}.card-thumb .card-thumb-emoji{font-size:44px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.card-thumb .card-thumb-label{font-size:13px;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 4px rgba(0,0,0,.25)}.article-card .card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--c-muted)}.chip{display:inline-block;background:var(--c-chip);color:#fff;border-radius:3px;padding:1px 10px;font-size:11px;font-weight:700}.article-card .card-title{margin:0;font-size:16px;font-weight:700;line-height:1.5}.article-card .card-title a{color:var(--c-ink)}.article-card .card-excerpt{margin:0;font-size:13px;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.article-grid-3{grid-template-columns:repeat(3,1fr)}.pickups-2{grid-template-columns:repeat(2,1fr)}.chip-author{background:var(--c-primary);color:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;padding:8px 0 40px}.sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:16px}.side-panel{background:var(--c-panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:0 0 14px;overflow:hidden}.side-panel .side-title{margin:0 0 12px;font-size:15px;font-weight:700;padding:10px 16px;background:var(--c-widget);color:#fff}.side-panel>*:not(.side-title):not(.side-cta-title){margin-left:16px;margin-right:16px}.side-panel ul{margin:0 16px;padding:0;list-style:none}.side-panel li{border-bottom:1px dashed var(--c-line)}.side-panel li:last-child{border-bottom:none}.side-panel li a{display:block;padding:8px 2px;font-size:13px;color:var(--c-ink)}.side-recent-item{display:block;margin:0 16px 14px}.side-recent-item .card-thumb{border-radius:3px;aspect-ratio:4 / 3}.side-recent-item .side-recent-title{display:block;font-size:13px;font-weight:700;color:var(--c-ink);line-height:1.5;margin-top:6px}.side-cta .side-cta-title{margin:0 0 12px;padding:10px 16px;background:var(--c-widget-strong);color:#fff;font-size:15px;font-weight:700}.side-cta{text-align:center}.side-cta p{font-size:13px;margin:0 16px 12px;color:var(--c-ink);text-align:left}.btn{display:inline-block;background:var(--c-primary);color:#fff;font-weight:700;border-radius:var(--radius);padding:10px 24px;font-size:14px;box-shadow:var(--shadow)}.btn-primary{background:var(--c-cta);color:#fff}.pagination{display:flex;justify-content:center;gap:8px;margin:26px 0 8px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:3px;background:var(--c-pager-off);color:#fff;font-weight:700;font-size:14px}.pagination .current{background:var(--c-pager)}.page-panel{background:var(--c-panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.post-header .post-title{margin:6px 0 10px;font-size:26px;line-height:1.45;font-weight:800}.post-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--c-muted)}.breadcrumb{font-size:12px;color:var(--c-muted);margin:14px 0 4px}.breadcrumb a{color:var(--c-muted)}.prose h2{font-size:20px;margin:36px 0 14px;padding:10px 14px;background:var(--c-primary);color:#fff;border-radius:3px}.prose h3{font-size:17px;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--c-primary)}.prose ul,.prose ol{padding-left:1.4em}.prose blockquote{margin:1em 0;padding:10px 16px;background:var(--c-bg);border-left:4px solid var(--c-line);color:var(--c-muted)}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--c-line);padding:8px 12px}.prose th{background:var(--c-hero-bg)}.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.price-card{border:1px solid var(--c-line);border-radius:var(--radius);padding:20px;text-align:center}.price-card .price-label{font-weight:700;color:var(--c-muted);font-size:14px}.price-card .price-value{font-size:32px;font-weight:800;color:var(--c-primary-deep);margin:4px 0}.price-card .price-note{font-size:12px;color:var(--c-muted)}.steps{counter-reset:step;list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.steps li{counter-increment:step;background:var(--c-bg);border-radius:var(--radius);padding:16px 18px 16px 62px;position:relative}.steps li:before{content:counter(step);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--c-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.steps .step-title{font-weight:800;display:block}.faq-item{border-bottom:1px solid var(--c-line);padding:14px 0}.faq-item .faq-q{font-weight:800;margin:0 0 6px}.faq-item .faq-q:before{content:"Q. ";color:var(--c-primary)}.faq-item .faq-a{margin:0;font-size:15px;color:#4a4a4a}.faq-item .faq-a:before{content:"A. ";font-weight:800;color:var(--c-cta)}.site-footer{background:var(--c-panel);color:var(--c-muted);border-top:1px solid var(--c-line);margin-top:30px;padding:34px 0 20px;font-size:13px}.site-footer .footer-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.site-footer .footer-title{color:var(--c-ink);font-weight:700;margin:0 0 10px;font-size:14px}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:6px}.site-footer a{color:var(--c-muted)}.site-footer .copyright{text-align:center;margin-top:26px;padding-top:14px;border-top:1px solid var(--c-line);color:#aaa;font-size:12px}@media(max-width:960px){.layout{grid-template-columns:1fr}.article-grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.pickups{grid-template-columns:repeat(2,1fr)}.carousel{grid-auto-columns:48%}.site-footer .footer-cols{grid-template-columns:1fr}}@media(max-width:640px){.article-grid,.article-grid-3,.pickups-2,.search-row{grid-template-columns:1fr}.global-nav ul{display:grid;grid-template-columns:repeat(2,1fr)}.global-nav li{border-left:none;border-top:1px solid rgba(255,255,255,.18)}.global-nav li:nth-child(-n+2){border-top:none}.global-nav li:nth-child(2n){border-left:1px solid rgba(255,255,255,.18)}.global-nav li:last-child:nth-child(odd){grid-column:1 / -1;border-left:none}.price-cards{grid-template-columns:1fr}.carousel{grid-auto-columns:88%}.hero .hero-inner{padding:44px 20px}}
