@charset "UTF-8";

/* #contents{height: 100vh;} */
/* .contents section{overflow: visible;} */

@media (max-width: 767px) {
	.contents section h1 img{max-height: 100px;}
}

#mainimg {
	position: relative;
	margin: 0px;
	z-index: 0;
	width: 100%;
	height: 100vh;
	background-size: cover;
	padding: 0;
	z-index: 2;
}
.inner{position: relative;padding:0;overflow: hidden;z-index: 888;height: 100%;}
#mainimg h1{margin: 0 auto;width: 90%;max-width: 720px;}
@media (max-width: 960px) {
	#mainimg {padding-top: 95px;height: auto;}
}

#index-timetable{position: relative;padding: 90px 0 0;}
#index-timetable p.lead {line-height: 1.25;color: #333;margin-bottom: 15px;}
/* #index-timetable #ttable{margin-bottom: 40px;} */

#index-info{padding: 30px 0 0;}
#index-news{position: relative;width: 100%;overflow: hidden;padding-top: 30px;padding-bottom: 40px;}
#index-news h1{text-align: left;line-height: 1;}
#index-news-list{border-top: 1px solid #d7d7d7;height: 200px;overflow: scroll}
#index-news-list li{border-bottom: 1px solid #d7d7d7;}
#index-news-list a{display: block;color: #111;position: relative;width: 100%;padding: 10px 0 10px;text-decoration: none;}
#index-news-list a:hover{opacity: 0.5;text-decoration: none;}
.index-news-date{display: block;line-height: 1;margin-bottom: 10px;}
#index-news-list h2{text-align: left;margin-bottom: 10px;}
#index-news-list p{font-size: 14px;font-size: 1.4rem;line-height: 1.5;}

#index-twitter{position: relative;width: 31.25%;max-height: 484px;overflow: scroll;border-radius: 10px;}
/* .twitter-timeline{width: 100%!important;height: 100%;} */

@media (max-width: 767px) {
	#index-news{width: 100%;margin-bottom: 30px;}
	#index-twitter{width: 100%;}
}

#index-ticket{padding-top: 30px;}
#index-ticket .panel{border: 4px solid var(--color05);}