/*
Theme Name: kawarayasan-sp
Theme URI: https://kawarayasan.net/
Author: Takeshi + ChatGPT
Description: Smartphone-first theme aligned to /sp/ design for the /blog/ site.
Version: 1.0.19
*/
:root{--content:760px;}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;background:#f4f6f8;color:#222;}
img{max-width:100%;height:auto;display:block}
a{color:#0b63c7;text-decoration:none}
a:hover{opacity:.88}

/* Header */
.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.header-inner{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;max-width:var(--content);margin:0 auto;}
.brand img{height:38px;width:auto}
.header-cta{margin-left:auto}
.header-cta .btn{background:#b30000;color:#fff;padding:.5rem .8rem;border-radius:.6rem;font-weight:700;}
.nav{display:flex;gap:.6rem;overflow-x:auto;white-space:nowrap;padding:.6rem .9rem;border-top:1px solid #eee;background:#fff;max-width:var(--content);margin:0 auto;}
.nav li{list-style:none}
.nav a{display:inline-block;padding:.45rem .8rem;background:#f2f2f2;border-radius:.6rem;color:#333;font-size:.85rem;font-weight:700}

/* Container */
.container{max-width:var(--content);width:100%;margin:0 auto;padding:1rem .9rem;}

/* Cards */
.card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 6px 18px rgba(0,0,0,.08);margin:1rem 0}

/* Hero */
.hero{text-align:center}
.hero .badge{color:#b30000;font-weight:700;font-size:.85rem;line-height:1.4}
.hero h1{font-size:1.2rem;line-height:1.5;margin:.5rem 0}
.hero-image img{width:100%;border-radius:12px;}

/* Post list */
.post-list{display:grid;grid-template-columns:1fr;gap:12px}
.post-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);overflow:hidden}
.post-body{padding:12px}
.post-title{margin:0 0 .4rem;font-size:1rem;font-weight:700;line-height:1.4}
.meta{font-size:.8rem;color:#666;margin-bottom:.4rem}

/* Entry (single) */
.entry{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:1rem;margin:1rem 0}
.entry h1{margin-top:0;font-size:1.25rem}
.entry .entry-meta{color:#666;font-size:.84rem;margin:.25rem 0 1rem}
.entry .entry-content p{line-height:1.9;margin:1em 0}
.entry .entry-content img{border-radius:8px;margin:.5rem auto}

/* Footer banners */
.site-footer{background:#fff;border-top:1px solid #eee;margin-top:1rem}
.footer-inner{max-width:var(--content);margin:0 auto;padding:1rem .9rem 2rem;}
.footer-banners{display:flex;flex-direction:column;gap:12px}
.footer-banners a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.footer-meta{color:#666;font-size:.82rem;margin-top:10px;text-align:center}