/*
 * [ntl_map]。地図そのものはゲームの暗い背景をそのまま使う（紙の上に地図を1枚置く扱い）。枠や影は付けない。
 * 絞り込みのボタンは front.css の .ntl-filter__btn--el（文字＋色の下線）をそのまま使う。
 */

.ntl-map__canvas {
	height: min(72vh, 720px);
	min-height: 380px;
	margin: 0.4rem 0 0.3rem;
	border-radius: 2px;
	background: #0b0b0d;
}

.ntl-map__canvas.leaflet-container {
	font-family: inherit;
}

.post_content .ntl-map__region,
select.ntl-map__region.ntl-map__region {
	min-width: 12rem;
	padding: 0.25rem 0.5rem;
	border: 1px solid var(--ntl-border);
	border-radius: 2px;
	background: var(--ntl-surface);
	color: var(--ntl-text);
	font-size: 0.85rem;
}

.ntl-map__count {
	margin: 0 0 0.6rem;
	font-size: 0.75rem;
	color: var(--ntl-muted);
}

.ntl-map__pop-kind {
	margin-top: 0.15rem;
	font-size: 0.75rem;
	color: #6b6480;
}

/* SWELL の本文の img 指定がタイルに効くと隙間ができるので打ち消す */
.post_content .ntl-map__canvas img,
.ntl-map__canvas.leaflet-container img {
	max-width: none;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}