@charset "utf-8";

#sitemap{
	max-width: 800px;
}

/*---------------------------PC--------------------------------*/

#sitemap .box{
	width: 150px;
	margin: 0 3%;
	margin-bottom: 30px;
	display: inline-block;
}
#sitemap .box .pc_btn img{
	width: 100px;
}


/*（780px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 780px){
	#sitemap{
		margin-bottom: 10%;
	}
}
/*（623px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 623px){
	#sitemap .box{
		margin: 0 1.5%;
		margin-bottom: 50px;
	}
	#sitemap .box:last-of-type{
		
	}
}

/*（501px以上）
--------------------------------------------------------------------------*/
@media  screen and (min-width: 501px){
	.sp_btn{
		display: none;
	}

}
/*スマホ用（500px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 561px){
	.pc_btn{
		display: none;
	}
	.sp_btn{
		display: block;
	}
	#sitemap .box{
		width: 80%;
		padding: 0 10%;
		margin: 0;
		margin-bottom: 30px;
		display: block;
	}
	#sitemap .box .sp_btn img{
		
	}
}