@charset "UTF-8";

body {
  margin: 0;
  font-family: "Zen Maru Gothic", sans-serif;
  background: #f9fbff;
}

/* ヘッダー */
header {
  padding: 20px;
  text-align: center;
  background: linear-gradient(90deg, #6fb1fc, #a1eafb);
  color: white;
}

header h1 {
  margin: 0;
  font-size: 1.8em;
}

/* マップ */
#map {
  height: calc(100vh - 80px);
}

/* ポップアップ */
.leaflet-popup-content-wrapper {
  border-radius: 16px;
  background: #ffffff;
  color: #444;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.leaflet-popup-content h3 {
  margin-top: 0;
  color: #ff7aa2;
}

.leaflet-popup-content img {
  width: 100%;
  border-radius: 12px;
  margin-top: 8px;
}

/* 吹き出しの三角 */
.leaflet-popup-tip {
  background: #ffffff;
}