body { background: #fff; line-height: 140%;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
}

.btn { text-align: center; padding: 30px 0; }

#spot { padding: 50px 6%; }
#spot .head { padding: 0 0 30px;  text-align: center; }
#spot h1  { padding: 0 0 20px; }
#spot h1 span { padding: 10px 0 0; display: block; font-size: 23px; font-family: 'Noto Sans Medium';}


#spot .main h2 { font-size: 20px; padding:0 0 20px; line-height: 150%; }
#spot.en .main h2 { word-break: break-word; }
#spot.en .main  p { word-break: break-word; text-align: justify;  }

#spot .main .btns { text-align: center; padding: 40px 0 0; }
#spot .main .btns p { background: #b3b3b3 ; color: #fff; width: 300px; padding: 15px 0; border-radius: 30px; margin: 0 auto;}

.article h3 { font-size: 20px; padding: 0 0 20px; }
.article .text { padding: 0 0 20px; font-size: 16px; line-height: 180%; }
.article img {width: 100%; height: auto; padding: 0 0 30px; }

.rating .star { text-align: center; }
.rating .star span { position: relative; display: inline-block; }
.rating .star span small { left: 0; top: 0; width: 0; height: 100%; background: #ff9e25; position: absolute; z-index: -1; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
	#spot { padding: 60px 4% 40px; }
	#spot h1 span { font-size: 20px; font-family: 'Noto Sans Medium';}
	#spot .head .icn img { width: 90px; height: auto; }
	#spot .main h2 { font-size: 18px; padding: 20px 0 15px;  }
	#spot .main p { font-size: 14px; }
	#spot .head p { line-height: 140%; font-size: 14px;}

}