@charset "utf-8";
/* CSS Document */
#sitemap{
	margin-bottom: 100px;
}
#sitemap ul{}
#sitemap ul li{
	width: 29.333%;
	margin: 2%;
	float: left;
	text-align: left;
}
#sitemap ul li a{
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	display: block;
}
#sitemap ul li a h3{
	border-bottom: 2px solid #010f3b;
	color: #010f3b;
	padding-left: 10px;
}
#sitemap ul li a p{
	color: #010f3b;
	padding-left: 10px;
	position: relative;
	overflow: hidden;
	-ms-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}
#sitemap ul li a p::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #ccc;
	left: 100%;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: -1;
}
#sitemap ul li a:hover p{
	color: #fff;
}
#sitemap ul li a:hover p::after{
	left: 0;
}
/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
#sitemap ul li{
	width: 46%;
	margin: 2%;
	float: left;
	text-align: left;
}
#sitemap ul li a p{
	color: #fff;
}
#sitemap ul li a p::after{
	left: 0;
}
}
/*ここからスマートフォン用(480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 480px){
#sitemap ul li{
	width: 80%;
	margin: 5% 10%;
	float: left;
	text-align: left;
}
}