@charset "UTF-8";

main { 
	padding: 0px !important; 
} 

main section { 
	width: 100%; 
} 

header, footer { 
	position: relative; 
}

header {
	border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; 
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.mapids { 
	min-height: 100vh; 
	min-height: calc(var(--vh, 1vh) * 100 - 60px - 35px - 60px); 
}

#mapid { 
	position: relative; 
}

#status { 
	width: 100%; 
	font-size: 14px; 
	line-height: 16px; 
	height: 34px; 
	border-top: 1px solid rgba(255, 255, 255, 0.25); 
	background: rgba(88, 166, 54, 0.975); 
	color: #FFFFFF; 
	z-index: 3000; 
	text-align: center; 
	border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; 
	box-shadow: 0px  5px 10px 0px rgba(0, 0, 0, 0.2);
}

#gps, #ctr, #rut { 
	display: block; 
	text-indent: -9999px; 
	width: 68px; 
	height: 40px; 
	position: absolute; 
	background-image: url(//frt.nationalparks.jp/images/mbutton.png); 
	background-size: 204px 80px; 
	z-index: 3000; 
	left: 10px; 
}

#rut { 
	bottom: 210px; 
	background-position: -136px 0px;
	opacity: 0.5; 
}

#gps { 
	bottom: 160px; 
	background-position: -68px 0px;
}

#ctr { 
	bottom: 110px; 
	background-position: 0px 0px;
}

#rut:hover { 
	background-position: -136px -40px;
}

#gps:hover { 
	background-position: -68px -40px;
}

#ctr:hover { 
	background-position: 0px -40px;
}