/*
Theme Name: AI Park Reader First
Theme URI: https://example.invalid/
Author: AI Park
Description: 高額・緊急商材向けの読みやすさと計測を両立する軽量テーマ。
Version: 1.1.2
Text Domain: aipark-affiliate
*/
:root{--primary:#14324a;--accent:#d08a45;--soft:#f5efe7;--ink:#17212b;--muted:#5a6671;--line:#dce3e8;--white:#fff;--shadow:0 12px 34px rgba(15,35,52,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.86;background:#fafbfc}a{color:var(--primary);text-underline-offset:.2em}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}
.site-header{position:sticky;z-index:20;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner,.site-footer-inner,.container{width:min(1120px,calc(100% - 32px));margin:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:22px}.brand{display:flex;align-items:center;min-width:0;text-decoration:none}.brand-logo{width:min(330px,31vw);height:58px;object-fit:contain;object-position:left center}.site-nav{min-width:0}.site-nav ul{display:flex;gap:16px;list-style:none;padding:0;margin:0}.site-nav a{display:block;text-decoration:none;font-weight:800;font-size:.84rem;white-space:nowrap}.site-nav a:hover{text-decoration:underline}
.hero{overflow:hidden;background:linear-gradient(145deg,#fff 0%,var(--soft) 100%);border-bottom:1px solid var(--line)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:58px 0}.eyebrow,.cta-kicker{display:inline-block;color:var(--primary);font-size:.78rem;letter-spacing:.08em;font-weight:900}.hero h1{font-size:clamp(2.15rem,5vw,4rem);line-height:1.22;margin:.35em 0;color:var(--primary)}.hero p{font-size:1.08rem;max-width:39rem}.hero-image{margin:0;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.hero-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero-action{display:inline-flex;margin-top:10px;padding:13px 22px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:900}.hero-action:hover{filter:brightness(1.08)}
main{min-height:70vh}.problem-section{padding:64px 0 30px;background:#fff}.home-section{padding:52px 0 72px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.35;margin:.15em 0}.section-heading p{color:var(--muted)}.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.problem-card{position:relative;display:flex;min-height:150px;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 6px 20px rgba(15,35,52,.05);transition:.2s}.problem-card strong{color:var(--primary);font-size:1.02rem}.problem-card span{margin-top:8px;color:var(--muted);font-size:.83rem;line-height:1.65}.problem-card b{position:absolute;right:16px;bottom:12px;color:var(--accent);font-size:1.25rem}.problem-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.post-card img{aspect-ratio:1200/630;object-fit:cover}.post-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.post-card h3{font-size:1.08rem;line-height:1.55;margin:0 0 10px}.post-card p{font-size:.91rem;color:var(--muted)}.read-more{margin-top:auto;font-weight:800;text-decoration:none}
.article-shell{max-width:880px;padding:48px 0 80px}.article-shell>article{min-width:0}.article-header{margin-bottom:30px}.article-header h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.42;margin:.2em 0}.article-meta{color:var(--muted);font-size:.84rem}.article-body{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,5vw,52px);box-shadow:var(--shadow)}.article-body h2{font-size:1.55rem;line-height:1.55;margin:2.4em 0 .8em;padding-left:.75em;border-left:6px solid var(--accent)}.article-body p,.article-body li{font-size:1rem}.article-body figure{margin:30px 0}.article-visual img{width:100%;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.article-guide img{background:#fff}figcaption{margin-top:8px;color:var(--muted);font-size:.79rem}.lead{font-size:1.08rem!important}.quick-answer{margin:30px 0;padding:25px;border-radius:16px;background:var(--soft)}.quick-answer h2{border:0;margin:0 0 8px;padding:0}.article-index{margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:14px}.article-index ul{margin-bottom:0}.step-list{display:grid;gap:12px;padding:0;list-style:none}.step-list li{display:flex;gap:14px;padding:16px;border-radius:12px;background:#f6f8fa}.step-list strong{flex:0 0 auto;color:var(--primary)}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.article-body table{width:100%;border-collapse:collapse;min-width:620px}.article-body th,.article-body td{padding:13px;border:1px solid var(--line);text-align:left;vertical-align:top}.article-body thead th{background:var(--primary);color:#fff}.warning-list{padding:22px 22px 22px 44px;border-radius:14px;background:#fff4f1}.faq-list details{padding:16px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-weight:800;cursor:pointer}.source-list{word-break:break-all;font-size:.82rem}.cta-panel{position:relative;margin:48px 0 40px;padding:26px 0 8px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-panel h2{border:0;margin:.25em 0;padding:0;color:var(--primary)}.pr-label{position:absolute;top:8px;right:0;padding:2px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:.68rem;font-weight:800}.aff-cta{display:block;margin:20px auto 14px;max-width:620px;text-decoration:none;border-radius:999px;overflow:hidden;box-shadow:0 10px 25px rgba(15,35,52,.16);animation:cta-pulse 2.8s ease-in-out infinite;transition:transform .2s,filter .2s}.aff-cta img{display:block;width:100%;height:auto}.aff-cta:hover{transform:translateY(-3px) scale(1.01);filter:brightness(1.04)}@keyframes cta-pulse{0%,100%{transform:translateY(0);box-shadow:0 10px 25px rgba(15,35,52,.16)}50%{transform:translateY(-3px);box-shadow:0 15px 32px rgba(15,35,52,.24)}}
.page-shell{padding:54px 0 80px}.page-content{max-width:820px;margin:auto;padding:clamp(24px,5vw,52px);background:#fff;border:1px solid var(--line);border-radius:20px}.contact-form{display:grid;gap:16px}.contact-form label{font-weight:800}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #aeb9c2;border-radius:8px}.contact-form button{padding:15px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:900}.notice{padding:14px;border-radius:10px;background:var(--soft)}
.site-footer{padding:44px 0;background:#10202d;color:#dae4eb}.site-footer a{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0}.copyright{font-size:.78rem;color:#aebdc8}
.consent-banner{position:fixed;z-index:50;right:18px;bottom:18px;width:min(470px,calc(100% - 36px));padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 38px rgba(15,35,52,.22)}.consent-banner p{margin:0 0 10px;font-size:.84rem}.consent-banner div{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.consent-banner button{padding:8px 13px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-size:.78rem;font-weight:800;cursor:pointer}.consent-banner .consent-decline{border:1px solid var(--line);background:#fff;color:var(--ink)}.consent-banner a{font-size:.75rem}
@media(max-width:980px){.header-inner{display:block;padding:8px 0}.brand-logo{width:min(300px,70vw);height:48px}.site-nav{padding:4px 0 7px}.site-nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.site-nav a{height:100%;padding:8px 6px;border-radius:8px;background:var(--soft);font-size:.78rem;line-height:1.35;text-align:center;white-space:normal}.problem-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr;padding:42px 0}.hero-image{order:-1;max-height:360px}.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.site-header{position:static}.problem-grid,.post-grid{grid-template-columns:1fr}.problem-card{min-height:108px}.header-inner{min-height:64px}.brand-logo{width:min(265px,72vw);height:48px}.article-shell{width:min(100% - 20px,880px);padding-top:20px}.article-body{border-radius:16px}.article-body h2{font-size:1.32rem}.hero h1{font-size:2.25rem}.cta-panel{padding-top:32px}.aff-cta{border-radius:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aff-cta,.problem-card{animation:none;transition:none}}
