/*================================================
 *  area 共通
 ================================================*/
.pageImg{
	width:100%;
	max-width: 187rem;
	margin:0 auto;
	padding:0;
}
.pageImg .pc{
	display:block;
	margin:0 auto;
	padding:0;
}
.pageImg .sp{
	display:none;
	margin:0 auto;
	padding:0;
}
#area {
	width:100%;
	max-width:136rem;
	margin:5% auto;
	padding:0;
}
#area h1{
	margin:0 auto;
	padding:0 0 3rem 0;
	text-align:center;
	font-size:4rem;
	font-weight:800;
}
#area h2{
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:4.5rem;
	font-weight:500;
}
#area h3{
	margin:0 auto;
	padding:3rem 0 0 0;
	text-align:center;
	font-size:6rem;
	font-weight:500;
}
#area h3 img{
	width:14.2rem;
}
@media screen and (max-width:1360px) {
	#area{
		width:98%;
		margin:5% auto;
		padding:0;
	}
	#area h2{
		font-size:3.308823529vw;
	}
	#area h3{
		font-size:4.411764705vw;
	}
}

@media screen and (max-width:768px) {
	#area{
		width:100%;
		margin:5% auto;
		padding:0;
	}
	#area h1{
		font-size:5.208333333vw;
	}
	#area h2{
		font-size:2.3rem;
	}
	#area h3{
		font-size:3rem;
	}
}

@media screen and (max-width:480px) {
	#area h3 img{
		width:30.9375%;
	}
}

@media screen and (max-width:320px) {
	.pageImg .pc{
		display:none;
		margin:0 auto;
		padding:0;
	}
	.pageImg .sp{
		display:block;
		margin:0 auto;
		padding:0;
	}
	#area h1{
		font-size:2.4rem;
	}
}


/*================================================
 *  おすすめ街情報ページ
 ================================================*/
#area .bdLine{
	padding:0 0 2%;
	margin:0 auto 6rem auto;
	border-bottom: .5rem solid #00ae5e;
}
#area .mapImg{
	width:90%;
	max-width:165.8rem;
	padding:0;
	margin:0 auto;
}
#area .mapImg .pc{
	display:block;
}
#area .mapImg .sp{
	display:none;
}
#area .dataArea{
	display:block;
	width:100%;
	margin:0;
	padding:3.5rem 0;
	font-size:1.6rem;
	font-weight:500;
	line-height:3rem;
}
#area .dataArea p{
	display:inline-block;
	margin:0;
	padding:0;
}
#area .dataArea img{
	width:49.6%;
}
#area .dataArea img.fR{
	float:right;
	padding:0 0 1% 2%;
}
#area .dataArea img.fL{
	float:left;
	padding:0 2% 1% 0;
}

@media screen and (max-width:1360px) {
	#area .bdLine{
		width:98%;
	}
}
@media screen and (max-width:768px) {
	#area .bdLine{
		width:100%;
	}
	#area .mapImg{
		width:100%;
	}
	#area .mapImg .pc{
		display:none;
	}
	#area .mapImg .sp{
		display:block;
	}
	#area .dataArea{
		width:94%;
		margin:0 auto;
		padding:2rem 0;
	}
	#area .dataArea img{
		width:100%;
		max-width:67.5rem;
		margin:0 auto;
		padding:0;
	}
	#area .dataArea img.fR{
		float:none;
		padding:0 0 1% 0;
	}
	#area .dataArea img.fL{
		float:none;
		padding:0 0 1% 0;
	}
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:320px) {
}