.gifu-map-wrap{ position: relative; width: 100%; max-width: 1200px; margin: 0 auto;padding-bottom: 40px;}
.gifu-svg{ width: 100%; height: auto; display: block; color:#E3F2FF;}

/* 市町村パスの見た目 */
.gifu-svg .muni{
  stroke:#0168B7; stroke-width: .9;
  cursor: pointer;
  transition: filter .15s ease, color .15s ease;
  /* fill は SVG 側で currentColor 指定済みなので .gifu-svg の color が効く */
}
.gifu-svg .muni:hover,
.gifu-svg .muni:focus-visible{
  color:#3e81c4;
  filter: drop-shadow(0 0 0.5px rgba(1,104,183,.55));
}

/* 岐阜市がメニュー表示中のときの強調 */
.gifu-svg .muni.is-active{ color:#3e81c4; outline:2px solid #0168B7; outline-offset:2px; }

/* ポップオーバー */
.popover{
  position: absolute; z-index: 3000;
  min-width: min(92vw, 320px);
  background: #fff; border:1px solid #CFE5F7; border-radius:12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 8px; transform: translate(-50%, -8px);
  opacity: 0; visibility: hidden;
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
}

.popover{ position: absolute; z-index:1500; }
.popover.is-open{ opacity:1; visibility:visible; transform: translate(-50%, 0); }

.popover .popover-close{
  position:absolute; top:6px; right:6px; width:28px; height:28px;
  border-radius:999px; background:#EEF6FF; color:#0168B7; border:1px solid #D8EAFE;
  font-weight:700; line-height:1;
}
.popover .popover-list{ list-style:none; margin:0; padding:8px; }
.popover .popover-list li a{
  display:block; text-decoration:none; color:#0b1b2b;
  padding:10px 12px; border-radius:8px; font-weight:600;
}
.popover .popover-list li a:hover,
.popover .popover-list li a:focus{ background:#F3F8FF; outline:none; }

@media (max-width: 768px){
  .popover .popover-list li a{ font-size:.95rem; }
}
/* ラベルの見た目（読みやすさ優先） */
.gifu-svg .label{
  font: 500 15px/1.1 "Noto Sans JP", system-ui, sans-serif;
  fill: #0b1b2b;
  paint-order: stroke;
  stroke: #fff; stroke-width: 3px;
  pointer-events: none;   /* クリックの邪魔をしない */
  opacity: .85;
}

@media (max-width: 768px){
  .gifu-svg .label{ font-size: 10px; stroke-width: 2.5px; }
  .gifu-svg .label--small{ font-size: 9px; }
}


/* マウス/タッチでフォーカスされた時は黒枠を消す */
.gifu-svg .muni:focus { outline: none; }

/* キーボード操作のときだけカスタムリングを出す（アクセシブル） */
.gifu-svg .muni:focus-visible{
  outline: 2px solid #0168B7;
  outline-offset: 2px;
}

/* もし .is-active で青い枠を付けてたら、枠じゃなく“ほのかな光”に変更 */
.gifu-svg .muni.is-active{
  outline: none; /* 枠を使わない */
  filter: drop-shadow(0 0 0.75px rgba(1,104,183,.6));
}

/* iOSの“タップ時の灰色ハイライト”も消しておくと無用なチラつきが消える */
.gifu-map-wrap, .gifu-map-wrap * { -webkit-tap-highlight-color: transparent; }

/* 念のため：地図でテキスト選択が走らないように */
.gifu-svg { user-select: none; -webkit-user-select: none; }
.gifu-svg {
  display: block;      /* inline要素のスキマ対策 */
  width: 100%;
  height: auto;
}
.map-wrap {            /* 包む要素があるなら */
  overflow: hidden;    /* はみ出し防止（好みで） */
}


.gifu-svg .label {
  font: 500 12px/1.1 "Noto Sans JP", system-ui, sans-serif;
  stroke-width: 3px;
}

.gifu-svg .label--small {
  font-size: 12px; /* ← ここを調整 */
}


/* ふだんの色を muni 自身に明示（inherit ではなく自前の色を持つ） */
.gifu-svg .muni { color: #E3F2FF; }

/* すでにある hover/focus-visible での色変更はそのまま有効 */
.gifu-svg .muni:hover,
.gifu-svg .muni:focus-visible {
  color: #3e81c4;
}


/* 地図内リンクの :link / :visited は親からの色を継承させる */
.gifu-svg a:link,
.gifu-svg a:visited {
  color: inherit;
}
/* 1) muni の塗りは currentColor をやめ、fill を直で指定（変数経由だと運用が楽） */
.gifu-svg { --muni-fill: #E3F2FF; }

.gifu-svg .muni {
  /* ← ここが肝心。fill を CSS で決め打ち（UAや:visitedに勝つように） */
  fill: var(--muni-fill) !important;

  /* 既存の線等はそのまま維持 */
  stroke: #0168B7;
  stroke-width: .9;

  /* color 継承は切っておく（テキストでないので意味は薄いが保険） */
  color: inherit;
  transition: filter .15s ease /* 既存 */, fill .15s ease;
  cursor: pointer;
}

/* 2) 状態変化は color ではなく fill を変更 */
.gifu-svg .muni:hover,
.gifu-svg .muni:focus-visible {
  --muni-fill: #3e81c4; /* ⇒ 上の !important な fill に反映される */
  filter: drop-shadow(0 0 0.5px rgba(1,104,183,.55));
}

/* 3) アクティブ時の強調も統一（枠は消しつつ、光だけに） */
.gifu-svg .muni.is-active{
  --muni-fill: #3e81c4;
  outline: none;
  filter: drop-shadow(0 0 0.75px rgba(1,104,183,.6));
}

/* 4) SVG内リンクの :link/:visited は色を継承に戻しておく（保険） */
.gifu-svg a:link,
.gifu-svg a:visited { color: inherit !important; }

/* 既存の .gifu-svg{ color:#E3F2FF } が残っていても OK ですが、
   もう fill に切り替えたので色指定は不要です。消しても挙動は変わりません。 */