html, body{
	overflow: hidden;
	height: 100%;
}
body {
	-moz-user-select: none;  
	-webkit-user-select: none;  
	-ms-user-select: none;  
	user-select: none;
}
#map {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: #b9cfff;
}

* {
	font-family: 'Meiryo UI','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Verdana, sans-serif;
}

*:focus {
	outline: none;
}

#map .leaflet-bottom.leaflet-left {
	width: 100%;
	margin-bottom: 0px !important;
}

/* 任意情報 */
#eminfo_win {
	background-color: rgba(128,0,32,0.9);
}
#nminfo_win {
	background-color: rgba(0,128,32,0.9);
}
#eminfoBtn, #nminfoBtn {
	display: none;
}

/* リスク情報 */
#riskinfo_win {
	background-color: rgba(255,0,0,0.9);
}

/* 初回メッセージ */
#introduction_win {
	background-color: rgba(0,32,128,0.9);
}

#msg_error {
	background-color: rgba(160,0,0,0.9);
}

/* マニュアル */
div.side-menu-dialog-item div.manual {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	text-align: center;
}
div.side-menu-dialog-item div.manual img {
	width: 100%;
	max-width: 620px; /* 画像と同じ幅を指定 */
}

/* 防災の心得 */
div.side-menu-dialog-item iframe.knowledge {
	width: 100%;
	height: 100%;
}

/* トースト */
#toast {
	background-color: rgba(0, 116, 255, 0.9);
	width: auto;
	top: 20%;
}

/* 横向き設定 */
@media all and (max-height: 420px){
	/* 現在位置ボタン */
	img#locationBtn{
		top: 57px;
		right: 70px;
		position: absolute;
	}

	/* 浸水想定区域ボタン */
	img#inundationBtn{
		top: 119px;
		right: 70px;
		position: absolute;
	}

	/* 凡例ボタン */
	img#legendBtn{
		top: 181px;
		right: 70px;
		position: absolute;
	}
}

/* 河川ラインのツールチップ */
.riverline-tooltip {
	color: #000000;
}

/* スライダー（IE用） */
input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
	background-color: #c7c7c7;
	height: 4px;
}
input[type="range"]::-ms-thumb {
	background-color: #eee;
	height: 18px;
	width: 9px;
	border: outset #aaa 1px;
	border-radius: 1px;
}
input[type="range"]::-ms-track {
	border: none;
	color: transparent;
	height: 20px;
	background-color: transparent;
}
input[type="range"]::-ms-tooltip {
	display:none;
}

/* スライダー（Firefox用） */
input[type="range"]::-moz-range-track {
	background-color: #c7c7c7;
	height: 4px;
}
input[type="range"]::-moz-range-thumb {
	background-color: #eee;
	height: 18px;
	width: 9px;
	border: outset #aaa 1px;
	border-radius: 1px;
}

/* カーソル */
button,
img.leaflet-control,
.zoom-base,
div.swin-stgdlg-pnl img,
#magImgClose,
.leaflet-control select,
#mv_ctl_btn,
.panel_btn,
#headMenuBtn,
input[type="range"] {
	cursor: pointer;
}

/* loader */
.loader-bk{
	overflow: hidden;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 9999;
}
.loader,
.loader:after {
	border-radius: 50%;
	width: 7em;
	height: 7em;
}
.loader {
	top: 40%;
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(0, 0, 160, 0.2);
	border-right: 1.1em solid rgba(0, 0, 160, 0.2);
	border-bottom: 1.1em solid rgba(0, 0, 160, 0.2);
	border-left: 1.1em solid rgb(0, 55, 255);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.5s infinite linear;
	animation: load8 1.5s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}