@charset "utf-8";


/* =======================================
	PC?モバイル共通書式
======================================= */

#sitemap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
/*	border: 1px solid #eee;*/
}

#sitemap h2 {
	clear: both;
	margin: 0px 1em 20px;
	padding: 0px 1em ;
    background: #5A8620;
    color: #fff;
    letter-spacing: 1px;
	font-size: 18px;
    font-weight: normal;
	border-bottom: none;
/*
	margin: 40px 1em 20px;
	padding: 20px 0.5em 10px ;
	line-height: 1.8;
	letter-spacing: 1px;
	text-align: left;
	font-weight: 600;
	color: #449401;
	border-left: 6px solid #81BC00;
	border: 1px solid #81BC00;
	border-bottom: none;
*/
}

#sitemap ul li:before{
	font-family: "FontAwesome";
	content: '\f138';
	font-weight: normal;
	color: #81BC00;
	font-size: 14px;
	padding-right: 0.5em;
}



/* =======================================
	PC用
======================================= */

@media screen and (min-width : 769px) {

#sitemap {
	width: 920px;
}

#sitemap .fWrap{
	width: 50%;
	margin: 0 auto;
	padding: 0;
	float: left;
}

#sitemap ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0 0 80px 2em;
}

#sitemap ul li{
  width: 50%;
  display: inline-block; 
  float: left;
  margin: 5px 0;
  padding: 0;
  text-align: left;
/*  background-color: #ccc;*/
}


} /* PC用ここまで */


/* =======================================
	モバイル用（スマホ?タブレット）
======================================= */

@media (max-width: 768px) {
	
#sitemap ul li{
  width: 100%;
  margin: 10px 2em 0;
  padding: 0;
  text-align: left;
  line-height:1.1;
/*  background-color: #ccc;*/
}

#sitemap h2 {
	margin: 20px 0.5em 10px;
	padding: 10px 0.5em 5px ;
}



}/* モバイル用ここまで */