/* ============================================================
   対応エリアの各市区ページ（page-area-lp.php）だけの追加スタイル。
   design.css / page.css の後に読む。トップの部品はそのまま使い、
   ここではエリアページで足りない所だけを足す。
   ============================================================ */

/* ヒーロー背景：市区の写真。design.css はSPでトップの写真に !important で
   差し替えているので、li の --bg で上書きし直す（詳細度 0,3,1 > 0,2,1） */
.exe-area-lp .hero-bg li:nth-child(n){background-image:var(--bg)!important}
/* 写真が1枚だけのときは切り替え演出を止めて表示し続ける */
.exe-area-lp .hero-bg li:only-child{animation:none;opacity:1}

/* 本文（wp-admin）のセクション */
.lp-area{padding:clamp(72px,9vw,120px) 0;background:var(--card,#fff)}
.lp-bc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-10px 0 36px;font-size:12px;color:var(--body)}
.lp-bc a{color:var(--accent-ink)}
.lp-area .pg-body{padding:0;background:none}
.lp-area .lp-body > :first-child{margin-top:0}

/* スマホでは画面下の固定ボタン（電話・LINE・フォーム）と重なるので、ヒーロー内のボタンは出さない（トップと同じ見た目） */
@media (max-width:760px){
  .exe-area-lp .hero-act{display:none}
}