.footer-area-map{content-visibility:auto;contain-intrinsic-size:auto 980px;container-type:inline-size;--map-ink:#17324d;--map-blue:#245a9b;--map-green:#2f7d4a;--map-line:#dbe4ee;font-size:13px;line-height:1.5}
.footer-area-map__lead{margin:0 0 12px;color:#475569;font-size:12px}
.footer-area-map__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.footer-area-map__visual{width:100%;max-width:520px;box-sizing:border-box;margin:0 auto;padding:8px;border:1px solid var(--map-line);border-radius:12px;background:linear-gradient(155deg,#f5faf8,#f8fafc)}
.footer-area-map__map-stage{position:relative;width:100%;aspect-ratio:500/600}.footer-area-map__loading{display:grid;height:100%;place-items:center;color:#64748b;font-size:11px}
.footer-area-map__visual svg{display:block;width:100%;height:100%;overflow:visible}
.footer-area-map__visual svg path{fill:#e0eee4;stroke:#739582;stroke-width:.8;vector-effect:non-scaling-stroke;transition:fill .18s,stroke .18s,filter .18s}
.footer-area-map__visual svg .footer-area-map__background{fill:#ecefeb;stroke:#b9c4bd}
.footer-area-map__context{fill:#83908a;font-size:15px;letter-spacing:.12em}
.footer-area-map__region{cursor:pointer;outline:0;text-decoration:none}
.footer-area-map__region text{fill:var(--map-ink);font-size:15px;font-weight:800;pointer-events:none;letter-spacing:.01em;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.footer-area-map__region[data-hm-overview-color="0"] path,.footer-area-map__overview-legend i[data-hm-overview-color="0"],.footer-area-map__prefecture[data-hm-overview-color="0"] path{fill:#d8e6f5;background:#d8e6f5}
.footer-area-map__region[data-hm-overview-color="1"] path,.footer-area-map__overview-legend i[data-hm-overview-color="1"],.footer-area-map__prefecture[data-hm-overview-color="1"] path{fill:#cde8dc;background:#cde8dc}
.footer-area-map__region[data-hm-overview-color="2"] path,.footer-area-map__overview-legend i[data-hm-overview-color="2"],.footer-area-map__prefecture[data-hm-overview-color="2"] path{fill:#f1dfb9;background:#f1dfb9}
.footer-area-map__region[data-hm-overview-color="3"] path,.footer-area-map__overview-legend i[data-hm-overview-color="3"]{fill:#cfe8ea;background:#cfe8ea}
.footer-area-map__region[data-hm-overview-color="4"] path,.footer-area-map__overview-legend i[data-hm-overview-color="4"]{fill:#ead7ef;background:#ead7ef}
.footer-area-map__region[data-hm-overview-color="5"] path,.footer-area-map__overview-legend i[data-hm-overview-color="5"]{fill:#f4d5d0;background:#f4d5d0}
.footer-area-map__region:hover path,.footer-area-map__region:focus-visible path,.footer-area-map__region.is-active path{fill:#cfe9dc;stroke:var(--map-green);filter:drop-shadow(0 2px 2px rgba(30,80,54,.12))}
.footer-area-map__region:hover text,.footer-area-map__region:focus-visible text,.footer-area-map__region.is-active text{fill:#176036}
.footer-area-map__overview,.footer-area-map__detail{position:absolute;inset:0}
.footer-area-map__overview{display:flex;min-height:0;flex-direction:column}
.footer-area-map__overview svg{min-height:0;flex:1 1 auto}
.footer-area-map__overview[hidden],.footer-area-map__detail[hidden]{display:none}
.footer-area-map__detail{display:flex;min-height:0;flex-direction:column}
.footer-area-map__detail svg{min-height:0;flex:1 1 auto}
.footer-area-map__detail svg[hidden]{display:none}
.footer-area-map__outside-overview-hidden{display:none!important}
.footer-area-map__outside-subarea-overview-hidden{display:none!important}
.footer-area-map__outside-map{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
.footer-area-map__outside-map[hidden]{display:none}
.footer-area-map__outside-map svg{width:100%;height:100%}
.footer-area-map__outside-subarea-map{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
.footer-area-map__outside-subarea-map[hidden]{display:none}
.footer-area-map__outside-subarea-map svg{min-height:0;flex:1 1 auto}
.footer-area-map__subarea{cursor:pointer;outline:0}
.footer-area-map__subarea[data-hm-subarea-color="0"] path,.footer-area-map__subarea-legend i[data-hm-subarea-color="0"]{fill:#c9e8d5;background:#c9e8d5}
.footer-area-map__subarea[data-hm-subarea-color="1"] path,.footer-area-map__subarea-legend i[data-hm-subarea-color="1"]{fill:#cbdcf4;background:#cbdcf4}
.footer-area-map__subarea[data-hm-subarea-color="2"] path,.footer-area-map__subarea-legend i[data-hm-subarea-color="2"]{fill:#f3d6ad;background:#f3d6ad}
.footer-area-map__subarea text{fill:var(--map-ink);font-size:7px;font-weight:800;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:2.8px;stroke-linejoin:round}
.footer-area-map__subarea-hit{fill:transparent;stroke:none;pointer-events:all}
.footer-area-map__subarea-leader{fill:none;stroke:#335f49;stroke-width:.8;vector-effect:non-scaling-stroke;opacity:.8;pointer-events:none}
.footer-area-map__subarea:hover path,.footer-area-map__subarea:focus-visible path{fill:#bfe4ce;stroke:#176036;stroke-width:2}
.footer-area-map__subarea-legend{display:flex;flex-wrap:wrap;gap:4px 9px;margin:1px 0 4px;color:#475569;font-size:9px;font-weight:700}
.footer-area-map__subarea-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.footer-area-map__subarea-legend i{width:10px;height:10px;border:1px solid #739582;border-radius:2px}
.footer-area-map__overview-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 8px;margin:0 0 3px;color:#475569;font-size:8px;font-weight:700}
.footer-area-map__overview-legend span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.footer-area-map__overview-legend i{width:9px;height:9px;border:1px solid #739582;border-radius:2px}
.footer-area-map__map-back{align-self:flex-start;appearance:none;margin:0 0 4px;padding:3px 7px;border:1px solid #b8cce1;border-radius:999px;background:#fff;color:var(--map-blue);cursor:pointer;font:inherit;font-size:10px;font-weight:700}
.footer-area-map__detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;color:var(--map-ink)}
.footer-area-map__detail-head strong{font-size:14px}
.footer-area-map__detail-head button{appearance:none;border:1px solid #b8cce1;border-radius:999px;background:#fff;color:var(--map-blue);cursor:pointer;font:inherit;font-size:11px;font-weight:700;padding:5px 8px}
.footer-area-map__detail-head button:hover,.footer-area-map__detail-head button:focus-visible{border-color:#78ad8b;background:#e7f3ec;color:#176036;outline:0}
.footer-area-map__municipality{cursor:pointer;outline:0}
.footer-area-map__detail-background{fill:#f2f5f3!important;stroke:#d4dcd7!important;stroke-width:.7!important;pointer-events:none}
.footer-area-map__municipality path{fill:#cfe8d8;stroke:#3f7356;stroke-width:1.2;vector-effect:non-scaling-stroke}
.footer-area-map__municipality:hover path,.footer-area-map__municipality:focus-visible path{fill:#bfe4ce;stroke:#176036;stroke-width:2}
.footer-area-map__prefecture.is-active path{fill:#a9d8bb;stroke:#176036;stroke-width:2}
.footer-area-map__label-leader{fill:none;stroke:#537a65;stroke-width:.65;vector-effect:non-scaling-stroke;opacity:.72;pointer-events:none}
.footer-area-map__municipality-label{fill:var(--map-ink);font-weight:800;pointer-events:all;paint-order:stroke;stroke:#fff;stroke-linejoin:round}
.footer-area-map__label-link{cursor:pointer}
.footer-area-map__note{display:block;margin:5px 2px 0;color:#64748b;font-size:10px}
.footer-area-map__source{display:block;margin:8px 2px 0;color:#64748b;font-size:9px}
.footer-area-map__choices{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.footer-area-map__choice{appearance:none;border:1px solid #c8d9f0;border-radius:999px;background:#fff;color:var(--map-blue);cursor:pointer;font:inherit;font-size:12px;font-weight:700;line-height:1.3;padding:6px 9px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.footer-area-map__choice:hover,.footer-area-map__choice:focus-visible,.footer-area-map__choice.is-active{background:#e7f3ec;border-color:#9dd0ad;color:#176036;box-shadow:0 1px 2px rgba(15,35,60,.06);outline:0}
.footer-area-map__panel{border:1px solid var(--map-line);border-radius:10px;background:#fff;padding:10px 11px}
.footer-area-map__panel[hidden]{display:none}
.footer-area-map__panel h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 7px;padding-left:8px;border-left:4px solid var(--map-green);color:var(--map-ink);font-size:14px;line-height:1.35}
.footer-area-map__panel h3 span{color:#64748b;font-size:10px;font-weight:500;white-space:nowrap}
.footer-area-map__panel h4{margin:10px 0 5px;color:#475569;font-size:11px}
.footer-area-map__panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 6px;list-style:none;margin:0;padding:0}
.footer-area-map__panel li a{display:flex;align-items:center;min-height:34px;padding:6px 8px;border:1px solid #e1e8f0;border-radius:7px;background:#f8fafc;color:var(--map-blue);font-size:12px;font-weight:700;text-decoration:none}
.footer-area-map__panel li a::after{content:'→';margin-left:auto;color:#6b9b7f;font-weight:500}
.footer-area-map__panel li a:hover,.footer-area-map__panel li a:focus-visible{border-color:#9dd0ad;background:#e7f3ec;color:#176036;outline:0}
.footer-area-map__outside-guide{margin:0 0 8px;color:#64748b;font-size:11px}
.footer-area-map__outside-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 6px}
.footer-area-map__outside-choices button{display:flex;align-items:center;min-height:38px;padding:7px 9px;border:1px solid #e1e8f0;border-radius:7px;background:#f8fafc;color:var(--map-blue);cursor:pointer;font:inherit;font-size:12px;font-weight:700;text-align:left}
.footer-area-map__outside-choices button span{margin-left:auto;color:#6b9b7f;font-weight:500}
.footer-area-map__outside-choices button:hover,.footer-area-map__outside-choices button:focus-visible,.footer-area-map__outside-choices button.is-active{border-color:#9dd0ad;background:#e7f3ec;color:#176036;outline:0}
.footer-area-map__outside-subarea-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.footer-area-map__outside-subarea-choices button{display:flex;min-height:42px;flex-direction:column;justify-content:center;padding:6px;border:1px solid #cfe0f3;border-radius:7px;background:#f2f7fd;color:var(--map-blue);cursor:pointer;font:inherit;font-size:12px;font-weight:800;text-align:center}
.footer-area-map__outside-subarea-choices button span{color:#64748b;font-size:9px;font-weight:600}
.footer-area-map__outside-subarea-choices button:hover,.footer-area-map__outside-subarea-choices button:focus-visible,.footer-area-map__outside-subarea-choices button.is-active{border-color:#9dd0ad;background:#e7f3ec;color:#176036;outline:0}
.footer-area-map__outside-back{appearance:none;margin:0 0 7px;padding:0;border:0;background:transparent;color:var(--map-blue);cursor:pointer;font:inherit;font-size:11px;font-weight:700}
.footer-area-map__outside-all{display:flex;align-items:center;min-height:34px;margin:0 0 9px;padding:6px 8px;border:1px solid #9dd0ad;border-radius:7px;background:#e7f3ec;color:#176036;font-size:12px;font-weight:800;text-decoration:none}
.footer-area-map__spot-list li a{background:#fffaf0;border-color:#f0dfbd;color:#8a5a12}
.footer-area-map__tourism-area-list li a{background:#f2f7fd;border-color:#cfe0f3;color:#245a9b}
.footer-area-map__outside-detail[hidden],.footer-area-map__outside-subarea-detail[hidden],.footer-area-map [data-hm-outside-index][hidden],.footer-area-map [data-hm-outside-subarea-index][hidden]{display:none}
@container(min-width:700px){.footer-area-map__layout{grid-template-columns:minmax(340px,1fr) minmax(320px,1fr)}}
@media(max-width:599px){
  .footer-area-map__layout{grid-template-columns:1fr}
  .footer-area-map__visual{width:calc(100% + 12px);max-width:none;margin-left:-6px;margin-right:-6px;overflow:hidden}
  .footer-area-map__detail svg{transform:scale(1.12);transform-origin:50% 53%}
  .footer-area-map__outside-map svg{transform:none}
  .footer-area-map__detail[data-hm-area-map-detail="kobe"] svg{transform:scale(1.15);transform-origin:50% 53%}
  .footer-area-map__panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}