@charset "utf-8";

.emphasis{ color: rgb(173, 48, 30); }

#spot div.head{max-width: 760px; display: flex; align-items: center; margin: 0 auto;  padding: 0px;}
#spot div.head img{width: 50%; height: auto; padding: 0 0 30px;}
#spot div.head h1{font-size: 20px; font-family: 'Noto-Sans-JP-Regular'; text-align: left;margin: 0 0 0 5%; }
#spot div.head h1 span{font-size: 24px;font-family: 'Noto-Sans-JP-Bold'; line-height: 160%; padding: 0px 0 10px; color: rgb(45, 143, 198);}

#spot div.main .box{max-width: 760px; height: auto; margin: 0 auto;}
#spot div.main .box:not(:last-child){padding: 0 0 50px;}
#spot div.main .box h2{font-size: 19px; font-family: 'Noto-Sans-JP-Regular';line-height: 180%; letter-spacing: 0.05em;font-feature-settings: "palt"; padding: 0 0 30px;}
#spot div.main .box h2 span{font-size: 22px; font-family: 'Noto-Sans-JP-Medium';letter-spacing: 0.05em;;font-feature-settings: "palt";  color: rgb(45, 143, 198);}
#spot div.main .box .text_box{font-size: 16px; font-family: 'Noto-Sans-JP-Regular';line-height: 180%; letter-spacing: 0.05em;font-feature-settings: "palt";}
#spot div.main .box .text_box span{font-size: 12px;line-height: 180%;}
#spot div.main .box p.mini_text{line-height: 100%;}
#spot div.main .box p.mini_text span{display: inline-block; margin-left:1em;text-indent:-1em; font-size: 12px; line-height: 180%; font-family: 'Noto-Sans-JP-Regular'; }

#spot div.main .box .link_box{ padding: 0 0 30px;}
#spot div.main .box .link_box p{font-size: 16px; font-family: 'Noto-Sans-JP-Regular';line-height: 180%; letter-spacing: 0.05em;;font-feature-settings: "palt"; padding: 30px 0;}
#spot div.main .box .link_box a{ font-size: 20px; color: #fff; display: block; max-width: 300px; width: 100%; height: auto; background: /* #d0cecf */ #b9041d; text-decoration: none; text-align: center; padding: 20px 0; border-radius: 100px; line-height: 180%; margin: 20px auto; border: none; }

#spot div.main .box .youtube_box p{font-size: 16px; font-family: 'Noto-Sans-JP-Regular';line-height: 180%; letter-spacing: 0.05em;;font-feature-settings: "palt"; padding: 0 0 20px;}
#spot div.main .box .youtube_box .youtube{position: relative; padding: 56% 0 0;width: 100%;height: auto;}
#spot div.main .box .youtube_box .youtube iframe{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

#spot div.main .box ul.list_ul li.box{padding: 0 0 10px;}
#spot div.main .box ul.list_ul li.box h3{font-family: 'Noto-Sans-JP-Medium'; font-size: 16px; line-height: 180%; padding: 0 0 5px;letter-spacing: 0.05em;;font-feature-settings: "palt";}
#spot div.main .box ul.list_ul li.box p.text{font-family: 'Noto-Sans-JP-Regular';  font-size: 14px; line-height: 180%;margin-left:1em;text-indent:0em; letter-spacing: 0.05em;;font-feature-settings: "palt";}
#spot div.main .box ul.list_ul li.box h4{font-family: 'Noto-Sans-JP-Medium'; font-size: 16px; line-height: 180%; padding: 0 0 5px;letter-spacing: 0.05em;;font-feature-settings: "palt";}



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	#spot div.head{width: 100%; padding: 0px; }
	#spot div.head img{width: 50%; height: auto; padding: 0 0 15px;}
	#spot div.head h1{font-size: 19px; width: 100%; margin: 0 0 0 3%;}
	#spot div.head h1 span{font-size: 18px;}
	
	#spot div.main .box{width: 100%;}
	#spot div.main .box:not(:last-child){padding: 0 0 25px;}
	#spot div.main .box .img img{padding: 0 0 15px;}
	#spot div.main .box h2 { font-size: 15px;padding: 0 0 20px;}
	#spot div.main .box h2 span{font-size: 18px;}
	#spot div.main .box .text_box{font-size: 14px;}
	#spot div.main .box .text_box span{font-size: 11px;}
	#spot div.main .box .link_box{ padding: 0 0 30px;}
	#spot div.main .box .link_box p{font-size: 13px; padding:20px 0 15px;}
	#spot div.main .box .link_box a{ font-size: 15px; padding: 10px 0;max-width: 200px; margin: 13px auto; }
	
	#spot div.main .box .youtube_box p{font-size: 13px; padding: 0 0 15px;}
	
	#spot div.main .box ul.list_ul li.box{padding: 0 0 10px;}
	#spot div.main .box ul.list_ul li.box h3{ font-size: 12px;padding: 0 0 5px;}
	#spot div.main .box ul.list_ul li.box p.text{font-size: 11px}
	#spot div.main .box ul.list_ul li.box h4{font-size: 12px; padding: 0 0 5px;}
	
}

@media only screen and (max-width:400px){
	
	#spot div.head img{width: 44%; }
		#spot div.head h1{font-size: 15px; max-width: 186px;}
	#spot div.head h1 span{font-size: 14px;}
}