@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      sitemap.css
 Update:         2017.2.10
 Style Info:     プライバシーポリシーCSSファイル
----------------------------------------------------------- */
/********************************************
モバイルファースト
*********************************************/
#sitemap {
	margin:70px 10px 0 10px;
	padding-bottom:60px;
}
h2#page_title {
	font-size:28px;
	font-weight:bold;
}
h2#page_title:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right:0;
	margin:auto;
	content: '';
	width: 0;
	height: 0;
	border-bottom: none;	
}

#sitemap>ul {
	margin-top:20px;
}
#sitemap>ul>li {
	margin-bottom:30px;
}
#sitemap>ul>li>h3 {
	font-size:16px;
	color:#61b042;
	font-weight:normal;
	position:relative;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
#sitemap>ul>li>h3 a {
	color:#61b042;
}
#sitemap>ul>li>h3:after {
	position:absolute;
	bottom:-2px;
	left:0;
	z-index:2;
	content:'';
	width:15%;
	height:3px;
	background:#61b042;
}

#sitemap>ul>li.no-child a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
#sitemap>ul>li.no-child a:after {
	display:block;
	content:'\f178';
	position:absolute;
	right:10px;
	top:0;
	font-family:FontAwesome;
	font-size:24px;
	color:#ccc;
	transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}
#sitemap>ul>li.no-child a:hover:after {
	display:block;
	content:'\f178';
	position:absolute;
	right:0;
	top:0;
	font-family:FontAwesome;
	font-size:24px;
	color:#61b042;
	font-weight:bold;
}
#sitemap>ul>li>ul {
	margin:10px 0 0 0;
}
#sitemap>ul>li>ul>li {
	margin-bottom:10px;
}

#sitemap>ul>li>ul>li a {
	color:#aaa;
	display:block;
	width:100%;
	height:100%;
	margin-left:0;
	transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}
#sitemap>ul>li>ul>li a:before {
	content:'\f0da';
	font-family:FontAwesome;
	padding-right:5px;
}
#sitemap>ul>li>ul>li#icon_twitter a:before {
	content:'\f099';
	font-family:FontAwesome;
	padding-right:5px;
}
#sitemap>ul>li>ul>li#icon_facebook a:before {
	content:'\f09a';
	font-family:FontAwesome;
	padding-right:5px;
}
#sitemap>ul>li>ul>li#icon_blog a:before {
	content:'\f040';
	font-family:FontAwesome;
	padding-right:5px;
}
#sitemap>ul>li>ul>li#icon_insta a:before {
	content:'\f16d';
	font-family:FontAwesome;
	padding-right:5px;
}
#sitemap>ul>li>ul>li#icon_line a:before {
	content:'\f075';
	font-family:FontAwesome;
	padding-right:5px;
}
#sitemap>ul>li>ul>li a:hover {
	color:#61b042;
	margin-left:5px;
	font-weight:bold;
}

/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:480px){	


}


/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:640px){
	#sitemap {
		margin:80px 20px 0 20px;
		padding-bottom:60px;
	}
	h2#page_title {
		font-size:36px;
		font-weight:bold;
		margin-bottom:10px;
	}
	#sitemap>ul>li h3 {
		font-size:20px;
	}
	#sitemap>ul>li>ul {
		margin:20px 0 0 0;
	}
	#sitemap>ul>li>ul>li {
		margin-bottom:15px;
		font-size:16px;
	}

}

/********************************************
タブレット
*********************************************/
@media screen and (min-width:768px){
	#sitemap {
		margin:80px 30px 0 30px;
		padding-bottom:80px;
		font-size:16px;
	}
	h2#page_title {
		margin-bottom:20px;
	}
	#sitemap>ul{
		float:left;
		width:50%;
		padding-right:15px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	#sitemap>ul:last-child{
		padding-right:0;
		padding-left:15px;
	}
}

/********************************************
タブレット　ランドスケープ
*********************************************/
@media only screen and (min-width: 1024px) {
	#sitemap {
		padding-bottom:80px;
	}
	h2#page_title {
		font-size:36px;
	}
	#sitemap>ul{
		float:left;
		width:50%;
		padding-right:25px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	#sitemap>ul:last-child{
		padding-right:0;
		padding-left:25px;
	}

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1051px) {
	#sitemap {
		margin:30px 40px 0 40px;
		padding-bottom:80px;
	}
	h2#page_title {
		font-size:38px;
		margin-bottom:25px;
	}
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1100px) {
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1280px) {
	#sitemap {
		width:80%;
		margin:0 auto;
		margin-top:40px;
		padding-bottom:80px;
	}

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1370px) {
	#sitemap {
		width:70%;
		margin:0 auto;
		margin-top:40px;
		padding-bottom:80px;
	}
}


/********************************************
PC
*********************************************/
@media only screen and (min-width: 1600px) {

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1680px) {
	h2#page_title {
		font-size:42px;
		margin-bottom:35px;
	}
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1710px) {

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1920px) {

}