#map {
  height: 75vw;
  width: 90vw;
  margin: auto;
}

.leaflet-popup-content {
  max-width: auto !important;  /* ポップアップ全体の最大幅 */
  max-height: 300px;
  font-size: 14px;
  line-height: 1.0;
  overflow-y: auto;                /* 縦スクロールを有効にする */
}

.popup-content {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.popup-content img {
  max-width: 300px;
  height: auto;
  margin-top: 5px;
  border-radius: 6px;
}