/*
Theme Name: HANATON KIDS
Theme URI: https://kids.hanaton.com/
Author: HANATON
Description: HANATON KIDS 専用の軽量テーマ。家庭用キッズポータルとPWA風アプリ画面向け。
Version: 0.1.1
Text Domain: hanaton-kids
*/
:root{--hk-ink:#162019;--hk-muted:#6c786f;--hk-green:#3f8b59;--hk-green-dark:#285f3d;--hk-soft:#f4f8f4;--hk-line:#e2ebe3;--hk-bg:#fbfcfb;--hk-white:#fff;--hk-shadow:0 14px 36px rgba(35,65,45,.08)}
*{box-sizing:border-box}html{margin:0!important;background:var(--hk-bg);scroll-behavior:smooth}body{margin:0;background:var(--hk-bg);color:var(--hk-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.hk-shell{width:min(1120px,calc(100% - 40px));margin:auto}.hk-site-header{height:88px;background:#fff;border-bottom:1px solid rgba(0,0,0,.045);display:flex;align-items:center;position:relative;z-index:50}.hk-header-inner{display:flex;align-items:center;justify-content:space-between}.hk-brand{font-size:24px;font-weight:800;letter-spacing:-.04em}.hk-brand small{display:block;color:var(--hk-green);font-size:10px;letter-spacing:.16em;margin-bottom:2px}.hk-menu-btn{width:44px;height:44px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer}.hk-menu-btn span,.hk-menu-btn span:before,.hk-menu-btn span:after{display:block;width:25px;height:2px;background:var(--hk-ink);content:"";position:relative}.hk-menu-btn span:before{position:absolute;top:-8px}.hk-menu-btn span:after{position:absolute;top:8px}.hk-drawer{display:none;position:absolute;right:20px;top:72px;width:min(300px,calc(100vw - 40px));background:#fff;border:1px solid var(--hk-line);border-radius:22px;padding:12px;box-shadow:var(--hk-shadow)}.hk-drawer.open{display:block}.hk-drawer a{display:block;padding:13px 15px;border-radius:12px;font-weight:700}.hk-drawer a:hover{background:var(--hk-soft)}.hk-main{min-height:calc(100vh - 88px)}body.hk-money-app .hk-main{min-height:0}.hk-page{padding:64px 0 90px}.hk-page-title{font-size:clamp(40px,7vw,70px);letter-spacing:-.05em;margin:0 0 34px}.hk-content{font-size:17px;line-height:1.8}.hk-content>*:first-child{margin-top:0}.hk-app-page{padding:28px 0 60px}body.hk-money-app .hk-app-page{padding-bottom:0;min-height:0}body.hk-money-app .hk-site-footer{display:none}.hk-app-page .hk-shell{width:min(760px,calc(100% - 24px))}.hk-home{padding:54px 0 90px}.hk-hero{border-radius:34px;background:linear-gradient(135deg,#edf8f0,#f8fbf8 58%,#eef6ff);padding:42px 38px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--hk-shadow)}.hk-eyebrow{color:var(--hk-green);font-size:13px;font-weight:800;letter-spacing:.11em}.hk-hero h1{font-size:clamp(42px,8vw,76px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 12px}.hk-hero p{color:var(--hk-muted);font-size:17px;margin:0;max-width:600px}.hk-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.hk-app-card{background:#fff;border:1px solid var(--hk-line);border-radius:28px;padding:26px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;box-shadow:0 8px 28px rgba(35,65,45,.045)}.hk-app-card:hover{transform:translateY(-2px);box-shadow:var(--hk-shadow)}.hk-app-icon{font-size:42px}.hk-app-card h2{margin:22px 0 5px;font-size:28px;letter-spacing:-.035em}.hk-app-card p{margin:0;color:var(--hk-muted);font-size:14px}.hk-app-card.is-coming{opacity:.56}.hk-site-footer{padding:28px 0 46px;color:#8a948d;font-size:12px;text-align:center}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.hk-site-header{height:76px}body.hk-money-app .hk-main{min-height:0}body.hk-money-app .hk-app-page{padding:0;min-height:0}.hk-brand{font-size:21px}.hk-shell{width:calc(100% - 28px)}.hk-home{padding:20px 0 56px}.hk-hero{min-height:270px;border-radius:26px;padding:30px 24px}.hk-hero p{font-size:15px}.hk-app-grid{grid-template-columns:1fr;gap:12px}.hk-app-card{min-height:150px;border-radius:22px;padding:22px}.hk-page{padding:32px 0 60px}.hk-page-title{font-size:44px}.hk-app-page{padding:0}.hk-app-page .hk-shell{width:100%}.hk-site-footer{padding-bottom:28px}}