@charset "utf-8";


/*　周辺のスポット　追加設定
---------------------------------------------------------------------------*/


@media (min-width: 768px) {
#contents h3.midashi-2 {
	clear: both;
	margin-bottom: 30px;	/*下に空けるボックスの外側への余白*/
	text-align: center;		/*文字を中央に*/
	font-size: 130%;		/*文字サイズ*/
	border-radius: 50px;	/*角丸のサイズ。この行を削除すれば通常の長方形になります。*/
	border: 1px solid #e6cfb4;	/*枠線の幅、線種、色*/
	padding: 0 20px;	/*上下、左右へのボックス内の余白*/
	background-color: #fdf7eb;
}
}
@media (max-width: 768px) {
#contents h3.midashi-2 {
	clear: both;
	margin-bottom: 10px;	/*下に空けるボックスの外側への余白*/
	text-align: center;		/*文字を中央に*/
	font-size: 120%;		/*文字サイズ*/
	border-radius: 50px;	/*角丸のサイズ。この行を削除すれば通常の長方形になります。*/
	border: 1px solid #e6cfb4;	/*枠線の幅、線種、色*/
	padding: 0 20px;	/*上下、左右へのボックス内の余白*/
	background-color: #fdf7eb;
}
}


@media (min-width: 1150px) {

.spot_w {
width: 1100px;
margin: 0 auto 0;
padding: 30px 0 0;
}

.spot_w ul {
margin: 0 0 30px 0;
}

}

@media (max-width: 1150px) {

.spot_w {
width: 100%;
margin: 0 auto 0;
padding: 30px 0 0;
}

.spot_w ul {
margin: 0 0 30px 0;
}

}

@media (max-width: 768px) {

.spot_w {
margin: 0 auto 0;
padding: 20px 0 0;
}
}