@charset "UTF-8";
/* kawai-area-page.css — 対応エリアページ（/area/ の子ページ）専用。front-page.css（トップページの FV）の後に読み込む（2026-11-08、4 版） */

/* FV: 見出し（1 行目は素のテキスト、2 行目だけトップページと同じ茶色の帯） */
.fv-section .fv-area-title {
  display: block !important;        /* front-page.css の .post_content h1 {display:none} を打ち消す */
  text-align: center;
  font-weight: 700;
  line-height: 1.35;
  font-size: 1.5rem;
  margin: 0 auto 0.75rem !important;
}
.fv-section .fv-area-title .fv-area-lead {
  display: block;
  font-size: 0.78em;
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
.fv-section .fv-area-title .fv-area-brand {
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 0.75rem 0.5rem;
  background-color: #55421d;
  color: #fff;
  border-radius: 5rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-size: 0.9em;
  white-space: nowrap;
}
.fv-section .fv-area-title .fv-area-brand .swl-fz { color: #fff; }

/* FV: 区地図（SVG） */
.fv-section .fv-area-map { margin: 0 auto 0.75rem !important; }
.fv-section .fv-area-map img {
  display: block;
  width: 100%;
  max-width: 24rem;
  height: auto;
  margin: 0 auto;
  border-radius: 0 !important;
}

/* FV: お迎え目安・吹き出し・ボタン（駅名ページの FV と同じ部品） */
.fv-section .fv-area-pickup { line-height: 1.5; font-size: 1.05em; }
.fv-section .fv-area-pickup .kawai-dyn { font-size: 1.15em; }
.fv-section .hukidashi-text { margin-top: 0.25rem; }

@media (min-width: 960px) {
  .fv-section .fv-area-title { font-size: 1.9rem; margin-bottom: 1.25rem !important; }
  .fv-section .fv-area-title .fv-area-brand { width: 96%; }
  .fv-section .fv-area-map img { max-width: 28rem; }
  .fv-section .fv-area-pickup { font-size: 1.1em; }
}
@media (max-width: 599px) {
  /* スマホ: 1 行目・帯とも折り返さず、横幅いっぱいに（画面幅に比例させる） */
  .fv-section .fv-area-title { font-size: 5.55vw; line-height: 1.3; }
  .fv-section .fv-area-title .fv-area-lead { font-size: 1em; letter-spacing: 0.02em; margin-bottom: 0.45rem; }
  .fv-section .fv-area-title .fv-area-brand { width: 100%; font-size: 1.05em; padding: 0.55rem 0; letter-spacing: 0; }
  .fv-section .fv-area-map img { max-width: 19rem; }
  .fv-section .fv-area-pickup { font-size: 1.15em; line-height: 1.6; }
  /* 区ページの見出しは 1 行が 11〜13 文字あるので、スマホだけ少し小さくして [spbr] の位置で折り返す */
  .post_content h2.is-style-section_ttl { font-size: 1.55rem !important; }
}

/* 周辺エリア: クリッカブルマップ（区を押すとその区のページへ） */
.kawai-ward-map-wrap { max-width: 34rem; margin: 0 auto 1rem; }
.kawai-ward-map-wrap svg { width: 100%; height: auto; display: block; }
.kawai-ward-map-wrap + .kawai-ward-map-note { text-align: center; font-size: 0.85em; }

/* 費用表・プラン表 */
.area-plan-table td:first-child a { font-weight: 700; }