/* head */
.head{background:url(../img/topimg-sitemap.jpg);}

.box{
	margin:auto;
	padding:20px;
	max-width:500px;
	width:90%;
}
.box ul{
	width:50%;
	float:left;
}
.box li{
	margin:20px 0px;
	font-family: 'Staatliches', sans-serif;
	letter-spacing:2px;
	font-size:20px;
}

.box li span{
	padding-left:5px;
	display:inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:12px;
	color:#fff;
	vertical-align:middle;
	visibility:hidden;
}


.box a:hover + span{
	visibility:visible;
}


/* clear */
.box:after{
	content:"";
	display:block;
	clear:both;
}


@media only screen and (max-width: 768px) {
.info{
	display:none;
}
article{
	margin-left:0px;
}


.head{background-position:45% 0%;}


.box{
	width:80%;
}
.box li span{
	display:none;

}



}