@charset "UTF-8";
html{
      	background-color:#bbb;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
}

body {
	text-align: left;
	margin:0;
	padding: 0;
	width:100%;
}


#戻る{
	position:	absolute;
	top:0.1em;
	left:1vw;
	width:4em;
	background-color:#eee;
	border:1px solid gray;
	border-radius:0.5em;
	font-size:20pt;
	text-decoration:none ; 
	padding:0.3em 0;
	opacity:0.5;
	text-align:center;
}

#戻る:hover{
	color:red;
	 background-color:white;
	text-shadow:3px 3px 2px #C9C9F8;
	opacity:1;
}


非表示{
	color:#eee;
	text-shadow:2px 2px 2px #00000000;
	opacity:0;
}

article{
	text-align: center;
}
article a{
	padding:0;
}
article a:hover{
	background-color:transparent;
}
article img{
	width:100%;
	border:none;
}

h1{
	position:fixed;
	top:0;
	left:45vw;
	width:22em;
	margin:0.2em;
	color:#444;
	text-align:center;
	font-size:max(8pt,1.8vw);
	z-index:3;
	background-color:white;
	padding:0.3em;
	border:none;
	border-radius:0.2em;
	word-break:keep-all;
	opacity:0.75;
}

#ケースリスト{
	position:fixed;
	top:3em;
	left:0.5vw;
	width:8em;
	line-height:200%;
	text-align:center;
}

#ケースリスト a{
	display:block;
	background-color:white;
	text-decoration:none;
	margin:0.5em;
	border-radius: 0.5em;
}


.選択{
	border:1px solid black;	
	opacity:1;
	cursor:default;
}
.非選択{
	border:1px solid blue;
	opacity:0.5;
	color:blue;
}

.非選択:hover{
	color:red;
	opacity:1;
	background-color:white;
	border:1px solid blue;	
	cursor:pointer;
	text-shadow:2px 2px 2px #C9C9F8;
}


#地図{
	width:100%;
	position:relative;
	margin:0 auto;
	border:none;
}
#地図 a{

}



#凡例{
	position:fixed;
	border:1px solid white;
	opacity:0.8;
}
#凡例:hover{
	border-color:blue;
	opacity:1;
}



#虫眼鏡{
	position:fixed;

	bottom:1vh;
	left:45%;
	width:10%;
	opacity:0.3;
	text-align:center;
	border:none;
}
#虫眼鏡 a{
	display:inline-block;
	border-radius:3em;
}

#虫眼鏡:hover{
	opacity:1;
}
#虫眼鏡:visited{
	opacity:0;
	outline:none;
}


#避難所{
	position:fixed;
	bottom:3em;
	left:1vw;
	width:200px;
	border:2px solid white;
	opacity:0.5;
}

#避難所:hover{
	border-color:blue;
	opacity:1;
}

#地域リスト{
	position:fixed;
	bottom:0.2em;
	left:0.5em;
	width:50vw;
	text-align:left;
}

#地域リスト a{
	display:inline-block;
	width:6em;
	background-color:white;
	text-decoration:none;
	margin:0;
	border-radius: 0.5em;
	text-align:center;
	padding:0.3em;
}

#モード変更{
	position:fixed;
	bottom:0.2em;
	right:1vw;
	width:50vw;
	text-align:right;
}
#モード変更 a{
	display:inline-block;
	width:8em;
	padding:0.3em;
	background-color:white;
	text-decoration:none;
	bordedr:none;
	border-radius: 0.5em;
	text-align:center;
}
}