@charset "utf-8";

/* =========================
   トップページ Googleマップ
   （buy/index.css のマップ部分を移植）
   ========================= */
.map-wrap { padding-bottom:50px; }

.map-top { width:100%; padding:10px 0; display:flex; align-items:center; justify-content:center; gap:10px; background:#004680; color:#fff; }
.map-top-nanmaru { width:90px; margin:-30px 0 -10px 0; }
.map-top-text { font-weight:bold; line-height:1.5; }
@media (min-width:768px) {
    .map-top-nanmaru { width:120px; margin:-25px 0 -35px 0; }
    .map-top-text { font-size:24px; }
}

.map-index{ width:100%; position:relative; z-index:0; }
/* 情報ウィンドウは地図の上・ヘッダー/SPメニューの下に収める（buy_map.css の z-index:1000 を打ち消す） */
.map-index #sp-iw { top:50px; z-index:5; }
#map { height:60vh; position:relative; z-index:0 !important; margin-bottom:0px; }
@media (min-width:768px) {
  #map { height:600px; max-height:70vh; position:relative; z-index:0; margin-bottom:0; }
  .map-wrap { position:relative; padding-bottom:80px;}
  .map { position:absolute; top:0; }
  /* PCでは bottom 基準で配置（/buy/ と同様）。top を残すと高さがマップに追従して伸びる */
  .map-index #sp-iw { top:auto; }
}