/* グローバルCSS変数 */
:root{
	/* コンテンツ高さ */
	--content-height: 375px;
	/* コンテンツのpadding値 */
	--content-padding: 4px;
	/* サブタイトル高さ */
	--subtitle-height: 30px;
	/* サブタイトルのmargin-bottom値 */
	--subtitle-margin-bottom: 8px;
	/* 発表時刻部の高さ */
	--publishtime-height: 18px;
	/* リンク部の高さ */
	--link-height: 18px;
	/* フッター（発表時刻部とリンク部）のmargin-top値 */
	--footer-margin-top: 4px;
}

body{
	margin-top: 0;
	margin-bottom: 0;
}
#radar{
	font-size: 12px;
}

#map{
	width: 100%;
	height: calc(var(--content-height) - var(--subtitle-height) - var(--content-padding) * 2 - var(--subtitle-margin-bottom) -
			var(--publishtime-height) - var(--link-height) - var(--footer-margin-top) * 2);
}

#publish_time{
	position: relative;
	height: var(--publishtime-height);
	margin-top: var(--footer-margin-top);
}
#link{
	position: relative;
	height: var(--link-height);
	margin-top: var(--footer-margin-top);
}

/* 地図タイルのフィルタ */
.gray_scale {
	filter: brightness(66%) grayscale(100%);
}