@charset "UTF-8";
/*
 * sitemap.css
 *
 */


/* !サイトマップ
---------------------------------------------------------- */
.sitemapCts01 {
	max-width:1240px;
	margin:0 auto;
	padding:70px 20px 80px 20px;
}

ul.sitemap {
	width:100%;
	margin-bottom:20px;
}
	ul.sitemap li a.parent{
		display:block;
		background:#EEF5D9;
		padding:12px 20px 12px 40px;
		color:#73940E;
		position:relative;
	}
		ul.sitemap li a{
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		ul.sitemap li a.top{
			border-radius:10px 10px 0 0;
		}
		ul.sitemap li a.btm{
			border-radius:0 0 10px 10px;
		}
		ul.sitemap li a.btm2{
			border-radius:10px 10px;
		}
		ul.sitemap li a.parent:before{
			position:absolute;
			display: inline-block;
			font-family: FontAwesome;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f138";
			color:#95C112;
			left:20px;
			top:20px;
		}
		ul.sitemap li a.parent span{
			width:52%;
			float:right;
			color:#111;
		}
	ul.sitemap li a.child{
		background:#EEF5D9;
		padding:12px 20px 12px 70px;
		color:#73940E;
		position:relative;
		border-top:1px solid #D9E3BB;
		display:flex;
		flex-wrap:wrap;
	}
		ul.sitemap li a.child:before{
			position:absolute;
			display: inline-block;
			font-family: FontAwesome;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f105";
			color:#95C112;
			left:55px;
			top:20px;
		}
		ul.sitemap li a.child span.left{
			display:block;
			width:52%;
		}
		ul.sitemap li a.child span.right{
			display:block;
			width:48%;
			color:#111;
		}
		ul.sitemap li a.child:hover{
			color:#73940E;
		}
		ul.sitemap li a:hover{
			color:#73940E;
			background:#E1EEBD;
		}


@media screen and (max-width:1039px){
.sitemapCts01 {
	padding:60px 20px 70px 20px;
}

ul.sitemap li a.parent span{
	display:none;
}

ul.sitemap li a.child span{
	display:none;
}

}

@media screen and (max-width:767px){
.sitemapCts01 {
	padding:50px 15px 60px 15px;
}

ul.sitemap li {
	
}

ul.sitemap li a.child{
		padding:12px 20px 12px 50px;
	}
		ul.sitemap li a.child:before{
			left:35px;
		}
		ul.sitemap li a.child span.left{
			width:100%;
			margin-bottom:8px;
		}
		ul.sitemap li a.child span.right{
			width:100%;
		}

}