/*
Theme Name: ことり LP
Theme URI:
Author: kotori
Description: 児童発達支援・放課後等デイサービス「ことり」のランディングページテーマ。絵本風・温かみのあるデザイン。
Version: 1.0.0
Text Domain: kotori
*/

html, body { margin: 0; padding: 0; }
* { box-sizing: border-box; }
image-slot { background: #EFF6E6; }
br.mbr{display:none;}


  /* ===== ヒーロー：テキストは中央、鳥+吹き出しは右の丘の上に絶対配置（広いデスクトップのみ） ===== */
  @media (min-width:820px){
    .hero-bird-col{position:absolute; right:55px; bottom:92px; width:360px; margin:0; z-index:2; transform:scale(1.2); transform-origin:bottom right;}
    .hero-text-col{flex:1 1 100%; max-width:100%;}
  }
  /* 中間幅・スマホ：1カラムで中央揃え */
  @media (max-width:819px){
    .hero-row > div{flex:1 1 100%!important; max-width:100%!important;}
  }

  /* ===== スマホ対応 ===== */
  @media (max-width:600px){
    div[style*="repeat(5,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
    div[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}
    div[style*="repeat(2,1fr)"]{grid-template-columns:1fr!important;}
    div[style*="1fr 1fr 1fr"]{grid-template-columns:1fr!important;gap:30px!important;text-align:center;}
    div[style*="margin-left:12%"]{margin-left:0!important;max-width:100%!important;}
    div[style*="justify-content:center; gap:16px"]{flex-wrap:wrap!important;}
    div[style*="flex:0 0 14px"]{display:none!important;}
    div[style*="padding:40px 30px 36px"]{padding:24px 14px!important;}
    div[style*="padding:30px 24px"]{padding:20px 12px!important;}
    img[src*="hero-birds"]{display:block!important;}
    .hero-lead{font-size:18px!important;}
    span[style*="display:block; font-size:29px"]{font-size:23px!important;}
    h2[style*="font-size:30px"]{font-size:25px!important;}
    p[style*="font-size:23px; line-height:2.05"]{font-size:20px!important;}
    a[style*="padding:15px 36px"]{font-size:16px!important;padding:13px 18px!important;}
    h2[style*="font-size:28px"]{font-size:23px!important;}
    span[style*="font-size:14px; color:#8a7a64"]{order:3!important;flex-basis:100%!important;text-align:center!important;}
    br.mbr{display:inline!important;}
    svg[width="38"]{display:none!important;}
    p[style*="margin:13px 0 0; font-size:13px; color:#7d6b56; letter-spacing:0.02em"]{color:#5b4d3e!important;font-weight:700!important;text-shadow:0 1px 6px rgba(255,255,255,0.95)!important;}
    section[style*="hero-bg.png"]{background-size:cover!important;background-position:left bottom!important;}
    div[style*="padding:30px 24px"]{padding:20px 12px!important;}
  }