@charset "utf-8";
/* =======================================

	CommonElements

======================================= */

#container {
}

.ttl{
	margin:0 0 0.8em;
}
.btnDetail{
	position:absolute;
	top:0;
	right:0;
}
.btnTop{
	display:block;
	width:15.625%;
	margin:1.0em;
	float:right;
}
.site{
	border-bottom:1px solid #242424;
}
#gnav{
	overflow:hidden;
	border-bottom:1px solid #242424;
}
#gnav .nav{
	position:relative;
}
#gnav .nav ul{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#gnav .nav ul li{
	width:33.3%;
	height:100%;
	float:left;
}
#gnav .nav ul li a{
	width:100%;
	height:0;
	padding-top:100%;
	display:block;
	overflow:hidden;
}

#title{
}

#snav{
	padding:1.0em 0 0.4em;
}
#snav ul{
	padding-left: 3.125%;
}
#snav ul li{
	width:31.29%;
	margin:0 1.6% 0.6em 0;
	color:#fff;
	line-height:1.4;
	float:left;
}
#snav ul li.lineup_sb{
	width:96.8%;
	}
#snav ul li a{
	overflow:hidden;
	display:block;
}

.lineup{
	background-color:#262626;
	border-top:1px solid #242424;
}
#lineup01,
#event01{
	padding:1.5em 0 0;
}
.lineup h2{
	margin-bottom:0.6em;
}
.lineup h3{
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	background-color:#666;
	border-top:1px solid #999;
}
.lineup .type{
	text-align:right;
	margin-bottom:0.8em;
	padding-right:3.125%;
}
.lineup .type img.type1{
	width:40.78% !important;
	margin-left:1.5%;
}
.lineup .type img.type2{
	width:15.156% !important;
	margin-left:1.5%;
}
.lineup .type img.type3{
	width:15.156% !important;
	margin-left:1.5%;
}
.lineup .type img.type4{
	width:23.125% !important;
	margin-left:1.5%;
}
.lineup .photo{
	width:93.75%;
	margin:0 auto 1.0em;
}
.lineup .photo p{
	padding:0.5em;
	color:#FFF;
	font-size:1.0rem;
	line-height:1.5;
	background-color:#151515;
}
.lineup .text a.btnVoice{
	width:46.87%;
	height:auto;
	margin:1.0em auto 0;
	display:block;
	overflow:hidden;
}
.lineup .text{
	width:93.75%;
	margin:0 auto;
}
.lineup .text ul{
	margin:10px 0;
	padding-left:20px;
}
.lineup .text ul li{
	color:#ccc;
	font-size:1.0rem;
	line-height:1.4;
	list-style-type:disc;
}
.lineup .text table{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
}
.lineup .text table tr th,
.lineup .text table tr td{
	padding:5px 10px;
	border:1px solid #999;
}
.lineup .text table tr th{
	color:#3f3f3f;
	font-size:1.2rem;
	font-weight:bold;
	background-color:#cbcbcb;
}
.lineup .text table tr th.day{
	width:25%;
}
.lineup .text table tr td{
	font-size:1.0rem;
	background-color:#fff;
}
.lineup .text p{
	margin-bottom:1.5em;
	color:#fff;
	font-size:1.0rem;
	line-height:1.5;
}
.lineup p.cap{
	padding-bottom:3.0em;
	color:#FFF;
	font-size:0.8rem;
	text-align:center;
	border-bottom:1px solid #666;
}
.timetable{
	width:93.75%;
	margin:0 auto 0.5em;
	position:relative;
}
.timetable ul{
	width:100%;
	margin:1.0em auto;
	overflow:hidden;
}
.timetable ul li{
	width:32.4%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:2.5em;
	background-color:#242424;
	border:1px solid #FFF;
	box-sizing:border-box;
	display:block;
	float:left;
}
.timetable ul li#days02{
	margin:0 1.4%;
}
.timetable ul li.active{
	color:#000;
	background-color:#FFF;
}
.timetable img.days{
	margin:0.5em auto 1.0em;
}
.timetable #day02 .schedule,
.timetable #day03 .schedule{
	display:none;
}

.btnGallery{
	width:93.75%;
	margin:0.5em auto 0.5em;
	position:relative;
}
.btnBack{
	width:93.75%;
	margin:1.0em auto;
	display:block;
}

#gallery{
	background-color:#262626;
	border-bottom:3px solid #333;
}
#gallery .bgGallery{
}
#gallery .photo{
	width:93.75%;
	height:auto;
	min-width:300px;
	min-height:200px;
	max-width:600px;
	max-height:400px;
	margin:1.0em auto 1.0em;
	text-align:center;
	overflow:hidden;
}
#gallery .photo img{
	margin:0 auto;
}
#gallery .slide{
	width:85.75%;
	height:60px;
	max-width:574px;
	margin:0 auto;
	padding:0 4%;
	border:none;
	background:transparent;
	overflow:hidden;
	position:relative;
}
@media screen and (min-width: 640px) {
	#gallery .slide{
		padding:0 13px;
	}
}
#gallery .slide li{
	background-color:#333;
	text-align:center;
	overflow:hidden;
	float:left;
}
#gallery .slide li a{
	background-color:#fff;
	display:block;
	margin:0 auto;
	height:60px;
}
#gallery .slide li img{
	margin:0 auto;
	width:auto;
	height:100%;
}
#gallery #prev{
	height:60px;
	position:absolute;
	left:0px;
	top:0px;
}
#gallery #next{
	height:60px;
	position:absolute;
	right:0px;
	top:0px;
}
#gallery #prev img,
#gallery #next img{
	height:100%;
	width:auto;
}

#gallery .bx-wrapper{
	margin:0 auto;
}
#gallery .bx-wrapper .bx-viewport{
	border:none !important;
	background:transparent !important;
	box-shadow:none !important;
	left:0;
}