@charset "utf-8";

#spot .youtube{position: relative; width: 100%; padding: 56.78% 0 0;}
#spot .youtube iframe{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px;}
#spot.mover {padding: 0px;}
#spot.modal_left{padding:54px 50px;}
#modal{max-height: 850px;}
#spot .main.mover{padding: 30px 85px 20px;}
#spot .main h1 {width: 200px; height: auto; margin: 0 auto; padding: 0 0 24px;}
#spot .main h1 img {width: 200px; height: auto; margin: 0 auto; padding: 0px;}
#spot .main h1 span{font-size: 28px;font-family: "fot-tsukuardgothic-std", sans-serif;font-weight: 400;font-style: normal; text-align: center; padding: 0px;}
#spot .main h2 {font-size: 24px;font-family: source-han-sans-japanese, sans-serif;font-weight: 500;font-style: normal;line-height: 200%;}
#spot .main .text{ padding: 10px 0; font-family: source-han-sans-japanese, sans-serif;font-weight: 500;font-style: normal; font-size: 14px; line-height: 160%;}

#spot .main h2 { padding: 15px 0 20px; }

/* .box */
#spot .main .box img{padding: 0 0 30px;}
#spot .main .box {padding: 0 0 46px;}
#spot .main .box h2{line-height: 175%; padding: 0 0 10px;}
#spot .main .box .text{line-height: 171%;}

/* .ul */
#spot .main ul li{border-top: 1px solid #d2d2d2; padding: 16px 0 23px; }
#spot .main ul li h2{padding: 0px 0 6px;}
#spot .main ul li p{line-height: 171%;}

#spot .main img { margin: 15px 0; }

@media only screen and (max-width: 768px){
	
#spot .main.mover{padding: 30px 30px 20px;}
#spot .main h1 {width: 250px;  padding: 0 0 24px;font-family: "fot-tsukuardgothic-std", sans-serif;font-weight: 700;font-style: normal; text-align: center;}
#spot .main h1 img {width: 100px; }
#spot .main  h2{font-size: 20px;}
#spot.modal_left{padding:54px 25px;}
}