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

.din{ font-family: "din-2014", sans-serif; font-weight: 700; font-style: normal; }
.cor{ font-family: "cormorant-garamond", serif; font-weight: 300; font-style: italic; }


#spot_reserve { padding: 130px 6% 0; }
#spot_reserve .head { padding: 0 0 30px;  text-align: center; }
#spot_reserve h1  { padding: 0 0 10px; font-size: 22px; font-weight: 700; text-align: center; line-height: 190%;}
#spot_reserve h1.left{text-align: left;}
#spot_reserve h1 span { padding: 10px 0 0; display: block; font-size: 23px; }
#spot_reserve h1 span.din { display: inline-block; font-size: 26px; font-weight: 600; }
#spot_reserve .main p{font-size: 14px; line-height: 190%; padding: 0 0 20px;}

#spot_reserve .main img {width: 100%; height: auto; padding: 0 0 30px; }
#spot_reserve.en .main h2 { word-break: break-word; }
#spot_reserve.en .main p { word-break: break-word; text-align: justify;  }



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

#spot_reserve .btn { padding: 90px 0 100px; text-align: center; }

/* モーダル用 */
#spot_reserve .btn.btn_link{padding: 29px 0 29px;}

#spot_reserve .main .bg_box{background: #fff5fc; text-align: center; padding: 31px 30px 0;}
#spot_reserve .main .bg_box h2{font-size: 30px; font-weight: 700; padding:0 0 0px; border-bottom: 2px solid #000000; width: 76%; margin: 0 auto;line-height: 150%;}
#spot_reserve .main .bg_box p{font-size: 20px; line-height: 150%; padding: 22px 0 0;}

#spot_reserve .btn a { position: relative; border: none; display: inline-block; width: 94%; max-width: 400px; height: 80px; font-size: 16px; line-height: 80px; font-family: "Noto-Sans-JP-Medium"; border-radius: 40px; margin: 0 auto; text-align: center; text-decoration: none; border: none; background: #000000; color: #fff; }
#spot_reserve .btn a:after { position: absolute; content: ""; top: 50%; right: 30px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #fff; transform: translate(0,-50%); }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
	
	#spot_reserve { /* padding: 130px 7% 40px; */padding: 100px 7% 40px; }
	#spot_reserve h1 span { font-size: 20px; }
	#spot_reserve .head .icn img { width: 90px; height: auto; }
	#spot_reserve .main h2 { font-size: 18px; padding: 20px 0 15px; }
	#spot_reserve .main .bg_box h2 .SP_2{display: none;}
	#spot_reserve .main p { font-size: 14px; }
}

@media only screen and (max-width:599px){
	#spot_reserve .main img {width: 100%; height: auto; padding: 0 0 15px; }
	#spot_reserve h1  { font-size: 16px;}
	#spot_reserve .main .bg_box h2 .SP_2{display: block;}
	#spot_reserve .main .bg_box h2{ width: 100%; font-size: 25px;max-width: 190px;}
	#spot_reserve .main .bg_box p{font-size: 14px;}
	#spot_reserve .btn a {height: 60px; line-height: 60px; }
	#spot_reserve .main .bg_box{background: #fff5fc; text-align: center; padding: 21px 20px 0;}
}