@charset "shift_jis";


h2{
	margin-top: -20px;
}
h2 .pc{
	margin-top: -30px;
}
.subCopy img{
	margin-left: auto;
	margin-right: 0;
}
.circleBox{
	max-width: 907px;
	margin-left: auto;
	margin-right: auto;
}
.circleBox .imgRight{
	top: 0;
	right: 0;
}
#sStreet .stInner{max-width: 920px;}
#town>div>.floatLeft,#town>div>.floatRight{
	width: 50%;
}
#town .copyBox{
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.gourmetBox{
	padding: 30px;
	box-sizing: border-box;
}
#gourmet_1{background-color: #efeedf;}
#gourmet_2{background-color: #9d8771;}
#gourmet_3{background-color: #98605e;}
#gourmet_4{background-color: #efeedf;}
.gourmetBox .gTitle{margin-bottom: 10px;}
#gourmet_1 .gTitle,#gourmet_4 .gTitle{border-bottom: 1px solid #231815;}
#gourmet_2 .gTitle,#gourmet_3 .gTitle{border-bottom: 1px solid #ffffff;}
.gImg img{max-width: 100%;}

.infoInner{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.infoInner>.floatLeft,.infoInner>.floatRight{width: 48.5%;}
#shopping .cTitle{background-color: #ed6c00; }
#education .cTitle{background-color: #cf7487; }
#park .cTitle{background-color: #007d7a; }
#medical .cTitle{background-color: #0099c1; }
#public .cTitle{background-color: #055a8e; }

.size94{width: 94%;}


/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {
.circleBox .imgRight{
	position: static;
}
#sStreet,#lifeInfo{width: 100%!important;}
	
#town>div>.floatLeft,#town>div>.floatRight{
	width: 100%;
}
#town .copyBox{padding-left: 0; margin-bottom: 20px;}

.gourmetBox{
	padding: 4%;
}
#gourmet_1 .floatLeft{width: 46%;}
#gourmet_1 .floatRight{width: 52%;}
#gourmet_2 .floatLeft{width: 55%;}
#gourmet_2 .floatRight{width: 43%;}
#gourmet_3 .floatLeft{width: 45%;}
#gourmet_3 .floatRight{width: 53%;}
#gourmet_4 .floatLeft{width: 50%;}
#gourmet_4 .floatRight{width: 48%;}
.gourmetBox p{
	font-size: 2.6vw;
	line-height: 1.5em;
}
#gourmet_2 p,#gourmet_3 p{color: #ffffff; }
	
.infoInner>.floatLeft,.infoInner>.floatRight{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	#education{margin-top: 20px;}
	.caption.ml35{
		margin-left: auto;
	}
}