@charset "UTF-8";


@media all and (max-width: 840px) {


/* ===============
.main_nav 
================*/
.main_nav ul li a {
	width: 100%;
	height: 44px;
	display: block;
	padding: 4px 3px 4px 3px;
	text-align: center;
	background-color: var(--bgcolor_lightblue);
	border-left: 1px solid var(--themecolor);
	transition: 0.2s all ease 0s;
}


/* ===============
.emergencyinfo_menu
================*/
.menu_title {
	line-height: 1.3;
}

/* ===================
.emergency_detail 
====================== */
.emergency_detail dl.civilprotec_dl dt,
.emergency_detail dl.volcanic_dl dt {
  	width: 130px;
}
.emergency_detail dl.civilprotec_dl dd,
.emergency_detail dl.volcanic_dl dd {
  	width: calc(100% - 130px);
}



}