@charset "utf-8";
/* CSS Document */

/* すべての設定をリセットして、スマホ画面内に強制的に収める */
#map {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: hidden; /* はみ出しをカット */
 margin: 0 auto 40px auto !important; /* ★下側に40pxのスペースを作ります */
  padding: 0 !important;
}

#map .row, 
#map .col-12 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.responsive-map {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto 30px auto; /* ★ここを変更：下に30pxの空きを作ります */
}