@charset "utf-8";


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

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

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

/* 周辺のスポットのリスト　*/


@media (min-width: 1150px) {

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

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

.spot_w ul li {
    line-height: 1.8em;
    margin-bottom: 15px;
}

.att {

    color: red;
    font-size: 0.8em;
}
}

@media (max-width: 1150px) {

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

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

.spot_w ul li {
    line-height: 1.8em;
    margin-bottom: 15px;
}

.att {
    color: red;
    font-size: 0.8em;
}
}

@media (max-width: 800px) {

.spot_w {
    margin: 0 auto 0;
    padding: 20px 0 0;
}
.spot_w ul li {
    line-height: 1.8em;
    margin-bottom: 10px;
}
.att {
    display: block;
    color: red;
    font-size: 0.8em;
}
}

@media (max-width: 480px) {

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

.att {
    display: block;
    color: red;
    font-size: 0.8em;
}
}