@charset "UTF-8";

/*-----------------------------------------------
 side-menu (for MOBILE) Sep.19-30, 2015 revised
 side-menu (for MOBILE) TOP, 2014.05.17 - 06.17 revised
-----------------------------------------------*/

/*BASE*/
#side-menu,
#side-menu dt,
#side-menu .globalNav {
	display: none;
}
#side-menu dd{
	padding-bottom: 30px;
	font-size:13px;
}
#side-menu dd ul {
	width: 201px;
	list-style: none;
}
#side-menu dd>ul {
	border-bottom: 1px solid rgb(204,204,204)
}
#side-menu dd ul li {
	list-style-type: none;
	border-top: 1px solid rgb(204,204,204);
	line-height: 1.4;
}
#side-menu dd ul li a {
	display: table-cell;
	width: 181px;
	padding: 9px 7px 9px 13px;
	vertical-align: middle;
	text-decoration: none;
}

/*text adjustment*/
#side-menu dd ul li a span {
	letter-spacing: -0.09em
}



@media only screen and (max-width:480px) {

	/*BASE*/
	#side-menu {
		display: block;
		position: absolute;
		width: 75.431034482759%;
		height: 100vh;
		top: 0;
		right: -370px;
		overflow-y: scroll;
		overflow-x: hidden;
		background-color: #666;
		z-index: 200
	}
	#side-menu.open {
		position: fixed;
		right: 0;
		box-shadow: -10px 10px 20px rgba(0,0,0,0.3);
	}
	#side-menu ul#side-menu-a li {
		border-top: 1px solid #848299;
	}
	#side-menu ul#side-menu-a li:first-child {
		border-top: 1px solid rgb(204,204,204);
	}
	#side-menu .globalNav {
		display: block;
	}
	#side-menu .globalNav:first-child {
		padding-top: 10px;
	}
	#side-menu .globalNav:last-child {
		padding-bottom: 10px;
	}
	#side-menu .globalNav:first-child dd ul {
		border-bottom: none;
	}
	#side-menu dd {
		padding-bottom: 0px;
		font-size: 18px;
	}
	#side-menu dd ul {
		width: 96%;
		margin-left: 2%;
	}
	#side-menu dd ul li a {
		display: block;
		width: inherit;
		padding: 15px 7px 15px 25px;
		color: #fff;
		background-color: #5d5c6c;
		-webkit-tap-highlight-color: rgba(54,52,127,0.7);
	}
	#side-menu .globalNav dd ul li a {
		background-color: #666;
		padding: 22px 7px 22px 13px;
	}
	/*ROLL OVER*/
	#side-menu .globalNav dd ul li a:hover,
	#side-menu .globalNav dd ul li a:active,
	#side-menu dd ul li a:hover,
	#side-menu dd ul li a:active {
		background-color: #535271;
	}
	#side-menu dd ul li a:active {
		font-weight: bold;
	}
	/*HIGHLIGHT*/
	body#top-page #side-menu .globalNav dd ul li.navi-top a {
		background-color: #535271;
		font-weight: bold;
		color: #fff;
	}
	/* add. for GLOSSARY, nest, etc.*/
	#sideList {
		display: none;
	}
	

}