:root {
  --base-font:
    "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    "Yu Gothic", "YuGothic",
    "Meiryo",
    system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial,
    sans-serif;
}

body {
  font-family: var(--base-font);
}

.map-popup {
  width: 80% !important;
}

.map-popup-font {
  font-family: var(--base-font);
}

.map-hidden {
  opacity: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

#switch-map-button {
  margin-top: .58rem !important;
  margin-right: 3.8rem !important;
}

.legend-item-normal {
  width: 6em;
  font-size: .8em;
  white-space: nowrap;
}
.legend-item-disaster {
  width: 6em;
  font-size: .8em;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .navbar-brand {
    font-size: .9rem;
  }
  .navbar-brand > img {
    height: 36px;
  }

  .legend-item-normal {
    width: auto;
    font-size: .7em;
  }
  .legend-item-disaster {
    width: 5em;
    font-size: .7em;
  }
}