@charset "utf-8";
/* ===================================================================

 file name  :sitemap.css
 style info :サイトマップページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader{
	margin: 0 70px 65px;
	padding: 0;
	border-bottom:solid 1px #e6e6e6;
}
#pageHeader .page-inner {
	padding: 0 0 78px;
}
#main{
	padding:0 0 160px;
}


/* =================================== */
#main h2{
	margin:0 0 35px;
	padding:0 0 15px;
	border-bottom:solid 1px #000;
	font-size:28px;
}
#main p{
	margin:0 0 84px;
	font-size:16px;
	line-height:2.25;
}

#main .sitemap-list{
	width:50%;
	float:left;
}
#main .sitemap-list > ul> li{
	margin:0 0 67px;
}
#main .sitemap-list li a{
	color:#000;
	text-decoration:none;
}
#main .sitemap-list li a:hover{
	opacity:0.4;
}

#main .sitemap-list > ul> li > a{
	display:inline-block;
	padding:0.2em 0 0.2em 24px;
	font-size:20px;
	font-weight: bold;
	border-left:solid 3px #000;
}

#main .sitemap-list > ul> li > ul {
	padding:40px 0 0 30px;
}
#main .sitemap-list > ul> li > ul > li {
	margin:0 0 26px;
}
#main .sitemap-list > ul> li > ul > li > a{
	font-size:16px;
}
#main .sitemap-list > ul> li > ul > li > ul {
	padding:28px 0 0 70px;
}
#main .sitemap-list > ul> li > ul > li > ul  > li{
	margin:0 0 26px;
}
#main .sitemap-list > ul> li > ul > li > ul > li a{
	font-size:16px;
}
#main .sitemap-list > ul> li > ul > li > ul > li a:before{
	content:"";
	display:inline-block;
	width:9px;
	height:1px;
	margin:0 5px 0 0;
	background:#000;
	vertical-align:middle;
}







/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================
	
		overwrite
	
	=============================== */
	#pageHeader{
		margin: 0 0 30px;
	}
	#pageHeader .page-inner {
		padding: 0 0 30px;
	}
	
	#main{
		padding:0 15px 50px;
	}
	/* =================================== */
	#main h2{
		margin:0 0 20px;
		padding:0 0 10px;
		font-size:18px;
	}
	#main p{
		margin:0 0 40px;
		font-size:14px;
		line-height:1.8;
	}
	
	#main .sitemap-list{
		width:100%;
		float:none;
	}
	#main .sitemap-list > ul> li{
		margin:0 0 15px;
	}
	#main .sitemap-list li a:hover{
		opacity:1;
	}
	
	#main .sitemap-list > ul> li > a{
		padding:0.2em 0 0.2em 15px;
		font-size:16px;
		border-left:solid 2px #000;
	}
	
	#main .sitemap-list > ul> li > ul {
		padding:20px 0 0 20px;
	}
	#main .sitemap-list > ul> li > ul > li {
		margin:0 0 15px;
	}
	#main .sitemap-list > ul> li > ul > li > a{
		font-size:12px;
	}
	#main .sitemap-list > ul> li > ul > li > ul {
		padding:15px 0 20px 30px;
	}
	#main .sitemap-list > ul> li > ul > li > ul  > li{
		margin:0 0 15px;
	}
	#main .sitemap-list > ul> li > ul > li > ul > li a{
		font-size:12px;
	}
	#main .sitemap-list > ul> li > ul > li > ul > li a:before{
		width:6px;
	}
	
	
	
}