/* =========================================================
   asunaro 専用デザイン（手書き風・お母さん向け / Klee One・可愛く）
   2026-06-14。すべて body.asunaro スコープで css/style.css を上書き。
   共有 style.css は変更しない（この CSS を読み込む/外すだけで切替可＝可逆）。
   強調の原則：感情語（やりたい・笑顔）と重要事実のみ強調。
   「について」等の接尾語は強調しない。見出しは飾り線で処理。
   ========================================================= */

body.asunaro{
  --a-coral:#f58a5a; --a-coral-d:#e7733f; --a-ink:#46524a;
  --a-cream:#fffaf2; --a-peach:#ffd9bf; --a-peach-d:#ffc7a3;
  --a-sun:#ffd166; --a-sky:#d6edfb; --a-mint:#d8f1df; --a-yellow:#fff0bf;
  --a-hl:#fff0a8;
  /* 見出しを Klee One（手書き）に。style.css の asunaro=丸ゴシック を上書き */
  --font-head:"Klee One","Hiragino Maru Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;
}

/* 見出し系を Klee One に */
body.asunaro h1, body.asunaro h2, body.asunaro h3,
body.asunaro .section-title h2{ font-family:var(--font-head); font-weight:600; }

/* ロゴ・現在ページ nav をコーラルに */
body.asunaro .header-logo span{ color:var(--a-coral)!important; font-family:var(--font-head); }
body.asunaro .header-nav a.active{ color:var(--a-coral); }

/* セクションの地色（.section-dark は実は薄グレー）→ クリームへ */
body.asunaro .section-dark{ background:var(--a-cream); color:var(--text); }

/* ---- section-title：.en をピル、h2 は飾り線（単語マーカーは使わない） ---- */
body.asunaro .section-title .en{
  display:inline-block; background:var(--teal); color:#fff;
  font-family:var(--font-head); font-weight:600; letter-spacing:.04em;
  font-size:.78rem; padding:4px 16px; border-radius:20px; margin-bottom:14px;
}
body.asunaro .section-title .en{ display:block; width:fit-content; margin-left:auto; margin-right:auto; }
body.asunaro .section-title h2{
  color:var(--a-ink); position:relative; display:block; padding-bottom:16px;
}
body.asunaro .section-title h2::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:2px;
  width:46px; height:6px; border-radius:6px; background:var(--a-peach);
}

/* ---- page-header（下層ページのヒーロー）：温かいグラデ＋お日さま、暗幕除去 ---- */
body.asunaro .page-header{
  padding:120px 0 76px;
  background:
    radial-gradient(600px 240px at 10% 0%, var(--a-peach) 0%, transparent 64%),
    radial-gradient(640px 260px at 94% 10%, var(--a-sky) 0%, transparent 60%),
    var(--a-cream) !important;
}
/* 暗幕(::before)を、お日さま(右上)に転用。底の装飾ライン(::after=orange→teal)は活かす */
body.asunaro .page-header::before{
  inset:auto; top:96px; right:7%; width:58px; height:58px; opacity:.95; z-index:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg stroke='%23f0b429' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='40' y1='6' x2='40' y2='16'/%3E%3Cline x1='40' y1='64' x2='40' y2='74'/%3E%3Cline x1='6' y1='40' x2='16' y2='40'/%3E%3Cline x1='64' y1='40' x2='74' y2='40'/%3E%3Cline x1='16' y1='16' x2='23' y2='23'/%3E%3Cline x1='57' y1='57' x2='64' y2='64'/%3E%3Cline x1='64' y1='16' x2='57' y2='23'/%3E%3Cline x1='23' y1='57' x2='16' y2='64'/%3E%3C/g%3E%3Ccircle cx='40' cy='40' r='17' fill='%23ffd166'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.asunaro .page-header h1{ color:var(--a-ink); font-family:var(--font-head); }
body.asunaro .page-header .subtitle{ color:var(--a-coral); font-family:var(--font-head); font-weight:600; }

/* ---- ボタン（btn-more）：コーラル丸ピル ---- */
body.asunaro .btn-more{
  border:none; background:var(--a-coral); color:#fff; border-radius:30px;
  font-family:var(--font-head); font-weight:600; padding:13px 38px; letter-spacing:.02em;
  box-shadow:0 6px 16px rgba(245,138,90,.35);
}
body.asunaro .btn-more:hover{ background:var(--a-coral-d); color:#fff; opacity:1; transform:translateY(-2px); }

/* ---- apply-box：ふきだし風 ---- */
body.asunaro .apply-box{
  background:#fff; border:3px dashed var(--a-peach-d); border-radius:30px;
}
body.asunaro .apply-box p{ font-family:var(--font-head); color:var(--a-ink); }

/* ---- feature-card（プログラム） ---- */
body.asunaro .feature-card{
  border:3px solid var(--a-mint); border-left:3px solid var(--a-mint);
  border-radius:20px; box-shadow:0 6px 18px rgba(0,0,0,.06);
}
body.asunaro .feature-card h3{ color:var(--a-ink); }

/* ---- store-card（施設一覧） ---- */
body.asunaro .store-card{
  border-radius:22px; border:3px solid var(--a-peach); border-left:3px solid var(--a-peach);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
body.asunaro .store-card:hover{ transform:translateY(-4px); border-left-color:var(--a-peach); }
body.asunaro .store-card img{ border-radius:14px; }
body.asunaro .store-info h3{ color:var(--a-ink); }

/* ---- recruit ---- */
body.asunaro .recruit-category h3{ color:var(--a-ink); border-bottom-color:var(--a-peach-d); }
body.asunaro .recruit-item .btn-detail{ background:var(--teal); border-radius:20px; }
body.asunaro .recruit-item .btn-detail:hover{ background:var(--teal-dark); }

/* ---- contact ---- */
body.asunaro .contact-info-box{
  background:var(--a-cream); border:2px dashed var(--a-peach-d); border-radius:24px;
}
body.asunaro .btn-submit{ background:var(--teal); border-radius:14px; font-family:var(--font-head); font-weight:600; }
body.asunaro .btn-submit:hover{ background:var(--teal-dark); }
body.asunaro .form-group input:focus,
body.asunaro .form-group textarea:focus{ border-color:var(--a-coral); }

/* =========================================================
   index：施設カード（カラフル・可愛く）
   ========================================================= */
body.asunaro .facility-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1000px; margin:0 auto; }
body.asunaro .facility-card{
  background:#fff; border-radius:24px; overflow:hidden; border:3px solid var(--a-peach);
  box-shadow:0 8px 22px rgba(0,0,0,.07); transition:transform .25s;
}
body.asunaro .facility-card:nth-child(2){ border-color:var(--a-sky); }
body.asunaro .facility-card:nth-child(3){ border-color:var(--a-mint); }
body.asunaro .facility-card:hover{ transform:translateY(-6px) rotate(-1deg); }
body.asunaro .facility-card img{ width:100%; height:170px; object-fit:cover; }
body.asunaro .facility-card-body{ padding:18px 20px 22px; }
body.asunaro .facility-card h3{ font-size:1.02rem; color:var(--a-ink); margin-bottom:6px; }
body.asunaro .facility-card p{ font-size:.84rem; color:var(--text-light); line-height:1.7; }

/* =========================================================
   index：ヒーロー（手書き・可愛く・お日さま/雲/きらきら）
   ========================================================= */
body.asunaro .asunaro-hero{
  position:relative; overflow:hidden; padding:74px 0 104px; text-align:center;
  background:
    radial-gradient(700px 300px at 8% 0%, var(--a-peach) 0%, transparent 62%),
    radial-gradient(720px 320px at 96% 8%, var(--a-sky) 0%, transparent 58%),
    radial-gradient(800px 360px at 50% 120%, var(--a-mint) 0%, transparent 60%),
    var(--a-cream);
}
/* 手描きドゥードル */
body.asunaro .ah-sun{ position:absolute; top:30px; right:6%; width:72px; height:72px; }
body.asunaro .ah-cloud{ position:absolute; fill:#fff; opacity:.9; }
body.asunaro .ah-cloud.c1{ top:64px; left:5%; width:88px; }
body.asunaro .ah-cloud.c2{ top:150px; right:12%; width:60px; opacity:.75; }
body.asunaro .ah-doodle{ position:absolute; }
body.asunaro .ah-doodle.s1{ top:120px; left:16%; width:22px; }
body.asunaro .ah-doodle.s2{ top:206px; right:15%; width:18px; }
body.asunaro .ah-doodle.s3{ bottom:124px; left:24%; width:16px; }
body.asunaro .ah-dot{ position:absolute; border-radius:50%; }
body.asunaro .ah-dot.p1{ width:16px; height:16px; background:var(--a-coral); opacity:.55; top:96px; right:24%; }
body.asunaro .ah-dot.p2{ width:12px; height:12px; background:var(--teal); opacity:.5; bottom:150px; right:30%; }
body.asunaro .ah-dot.p3{ width:20px; height:20px; background:var(--a-sun); opacity:.6; top:166px; left:30%; }

body.asunaro .asunaro-hero .container{ position:relative; z-index:2; }
body.asunaro .ah-kicker{
  position:relative; display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-weight:600; color:var(--teal-dark); font-size:1rem;
  margin-bottom:22px; background:#fff; padding:7px 18px; border-radius:30px;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
}
body.asunaro .ah-kicker .leaf{ width:20px; height:20px; }
body.asunaro .asunaro-hero h1{
  position:relative; font-family:var(--font-head); font-weight:600; color:var(--a-ink);
  font-size:clamp(2rem,4.8vw,3.1rem); line-height:1.6; margin-bottom:0;
}
/* マーカー蛍光（感情語のみ） */
body.asunaro .ah-mark{ background:linear-gradient(transparent 58%, var(--a-hl) 58%, var(--a-hl) 92%, transparent 92%); padding:0 4px; border-radius:2px; }
/* 手描きうねうね下線（感情語のみ） */
body.asunaro .ah-wave{ position:relative; white-space:nowrap; }
body.asunaro .ah-wave svg{ position:absolute; left:-2%; width:104%; height:13px; bottom:-10px; }
body.asunaro .asunaro-hero .lead{
  position:relative; font-family:var(--font-head); font-size:1.1rem; color:var(--text);
  line-height:2.05; margin-top:22px;
}
body.asunaro .asunaro-hero .lead .big{
  display:inline-block; font-size:1.28rem; color:var(--teal-dark); font-weight:600; margin-bottom:6px;
}
/* 下端の波 */
body.asunaro .ah-wavebot{ position:absolute; left:0; right:0; bottom:-1px; width:100%; height:46px; z-index:1; }

@media (max-width:768px){
  body.asunaro .facility-cards{ grid-template-columns:1fr; }
  body.asunaro .asunaro-hero{ padding:72px 0 72px; }
  body.asunaro .ah-sun{ width:48px; height:48px; top:16px; right:5%; }
  body.asunaro .page-header{ padding:104px 0 60px; }
  body.asunaro .page-header::before{ width:44px; height:44px; top:84px; }
}