.center-marker {
	position: absolute;
	top: 50%; left: 50%;
}
.center-marker-v {
	background-color: black;
	display:block;
	height: 32px; width: 1px;
	margin-top: -16px;  margin-left: -1px;
	position: absolute;
}
.center-marker-h {
	background-color: black;
	display:block;
	height: 1px; width: 32px;
	margin-top: -1px;  margin-left: -16px;
	position: absolute;
}
.ol-popup {
	background-color: #e5fbfb;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	font-size: 80%;
	padding: 8px;
	border-radius: 10px;
	border: 1px solid #72caca;
	bottom: 12px;
	left: -50px;
	white-space: nowrap;
}
.popup-table, .popup-table td {
	text-align: left;
}
.popup-title {
	color: red;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 4px;
}
.popup-key {
	color: blue;
	font-size: 80%;
}
.popup-val {
	font-size: 80%;
	padding-left: 4px;
}
/* ハザードマップの追加 */
input.btn_hazardmap {
	color: #000000;
	background-color: #d0d9f1;
	border-radius: 5px;
}
input.btn_hazardmap_on {
	color: #ffffff;
	background-color: #7787b2;
}
/* カーソルを重ねる要素 */
.tooltip {
	display: inline-block;
	position: relative;
  	cursor: pointer;
}
/* ツールチップのテキスト */
.tooltip-text {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0;
	transform: translateX(0%); /* 親に対して中央配置 */
	bottom: 30px; /* 親要素下からの位置 */
	display: inline-block;
	padding: 5px;
	white-space: nowrap;
	font-size: 1rem;
	line-height: 1.3;
	background: #333333;
	color: #ffffff;
	border-radius: 3px;
	transition: 0.3s ease-in; /* アニメーション */
	z-index: 10000;
	text-align: left;
}
/* マウスオーバー時にツールチップを表示 */
.tooltip:hover .tooltip-text {
	opacity: 1;
	visibility: visible;
}
.legend_hazardmap {
	position: absolute;
	bottom: 44px;
	right: 5px;
	opacity: 0;
	visibility: hidden;
}
.legend_hazardmap_on {
	opacity: 1;
	visibility: visible;
}
.ol-collapsed .legend_hazardmap_on {
	opacity: 1;
	visibility: visible;
}
.ol-viewport .legend_hazardmap img {
	max-height: 120px !important;
}
.ol-viewport .legend_hazardmap#legend_hazardmap_dosya img {
	max-height: 150px !important;
}
@media print{
	.legend_hazardmap {
		bottom: 5px;
		right: 5px;
	}
}