﻿
/* CSS Document */
#sitemap h3 a{
	background:#76b2d5;
	color:#ffffff;
	display:block;
	position:relative;
	font-weight:500;
	padding-left:3em;
}
#sitemap h3 i{
	font-size:0.8em;
	display:block;
	position:absolute;
	width:1em;
	height:1em;
	border-radius:3px;
	background:rgba(255,255,255,0.5);
	top:0;
	bottom:0;
	left:10px;
	margin:auto;
	padding:5px;
}
#sitemap h3 i:before{
	font-size:0.8em;
	text-align:center;
	position:absolute;
	display:block;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:1em;
	height:1em;
	margin:auto;
}
#sitemap >ul{
	overflow:hidden;
	clear:both;
}
.sitemap a{
	text-decoration:none;
}
.sitemap a:before{
	color:#0168b3;
}
.sitemap .col li a,.sitemap .col li a:before{
	padding-left:1.5em;
	text-indent:-1.5em;
}
.sitemap .col >ul,.sitemap .col_child{
	overflow:hidden;
}
.sitemap .tle_h3:before{
	background:#428fc7;
	border-radius:2px;
}
#sitemap >ul{
	display:flex;
	flex-wrap:wrap;
}
#sitemap .col li{
	padding-left:1em;
	text-indent:-1em;
	
}
#sitemap .col li i{
	color:#76b2d5;
	font-size:0.8em;
	margin-right:5px;
}
/*PC
--------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#sitemap >ul{
	}
	#sitemap h3{
		margin-bottom:20px;
		font-size:1.143em;
	}
	#sitemap h3 a{
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	#sitemap .col{
		width:310px;
		margin-right:25px;
	}
	#sitemap .col:nth-child(3n){
		margin-right:0;
	}

	#sitemap .tle_h3:before{
		width:20px;
		text-align:center;
	}
	#sitemap .col >ul{
		margin-bottom:15px;
	}
	#sitemap .col li{
		margin-bottom:10px;
	}
	#sitemap .col .col_child{
		margin-bottom:30px;
	}
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#sitemap h3 a{
		padding-top:3%;
		padding-right:3%;
		padding-bottom:3%;
	}
	#sitemap h3{
		margin-bottom:5%;
		font-size:1.077em;
	}
	#sitemap .col{
		width:31.3%;
		margin-right:3%;
	}
	#sitemap .col:nth-child(3n){
		margin-right:0;
	}
	#sitemap .col >ul{
		margin-bottom:5%;
	}
	#sitemap .col li{
		margin-bottom:2%;
		font-size:0.885em;
	}
	#sitemap .col .col_child{
		margin-bottom:10%;
	}
}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	#sitemap h3 a{
		padding-top:3%;
		padding-right:3%;
		padding-bottom:3%;
	}
	#sitemap h3{
		margin-bottom:3%;
		font-size:1.077em;
	}
	#sitemap >ul{
	}
	#sitemap .col{
		width:100%;
	}
	#sitemap .col{
		margin-bottom:5%;
	}
	#sitemap .tle_h3:before{
		width:5%;
		text-align:center;
	}
	#sitemap .col >ul,#sitemap .col_child{
		margin-bottom:5%;
	}
	#sitemap .col li{
		margin-bottom:2%;
		font-size:0.885em;
	}
}