@charset "utf-8";

/* --------------------------------- */
/* 初期設定 */

/*-----------------------------------------------
 __各ページ.css
-----------------------------------------------*/
@import url("reset.css");
@import url("setup.css");
/*---------------------------------------------*/

img {max-width:100%;}


.small{font-size:85%;}



body {
	margin-top:63px;
	font-size:14px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#FFFFFF;
	line-height:1.5;
	text-align:center;
	/*background:#edaa00;*/
	background-image:url(../img/bg.jpg);
	background-size:535px auto;
	background-repeat:repeat;
}

a {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	color: #FECF03;
	text-decoration: none;
}

a:hover {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	text-decoration:underline;

}

a img {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	zoom:1;
}

a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
}


#wrap {
	overflow:hidden;
	margin:0 auto;
	padding:0;
	width:1180px;
	text-align:center;
}




/* --------------------------------- */
/* ヘッダー */
/* --------------------------------- */

#header {
	margin: 0 auto 0 auto;
	padding:40px 0 80px 0;
	width: 100%;
	text-align: center;
	background:url(../img/bg.jpg);
	background-repeat:repeat;
	/*background-attachment:fixed;*/
	background-position:center 0;
	background-size:535px auto;
	background-repeat:repeat;
}
	#header h1 {
		margin-top:-30px;
		background-image:url(../img/mv_bg.jpg);
		background-position:center bottom;
		background-repeat:no-repeat;
		background-size:cover;
	}
	#header p {margin-top:0;}

#pageroot {padding:10px 10px 10px 10px;color:#FFF;text-align:center;background:#000;}
#pageroot a {color:#FFF;}


/* --------------------------------- */
/* ナビゲーション */
/* --------------------------------- */

nav {
	overflow:hidden;
	margin: 0 auto 0 auto;
	width: 100%;
	text-align: center;
	border-top:1px solid #FFF;
}
nav ul {
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: center;
	white-space:nowrap;
}
nav li {float:left;}
nav li a {display:block;padding:10px 3px 10px 25px;font-size:29px;color:#FFF;text-align:center;font-family:'font2','font1';}
nav li a:hover { text-decoration:none;}
		

/* --------------------------------- */
/* メイン */
/* --------------------------------- */

article {
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}

article strong {color:#FFFF00;font-weight:bold;}

.btnArea {margin:0 auto;padding:0 0 20px 0;width:100%;text-align:center;background:#000;}
.btnArea li {display:inline;}


#timetable {margin-top:30px;}

/*#timetable {width:100%;background:#000;}
#timetable div {margin:0 auto;padding:50px 0;width:960px;color:#FFF;text-align:center;}
#timetable div img {width:100%;height:auto;}*/


#magazine {padding:50px 20px;width:100%;text-align:center;background:#000 url(/2018files/common/img/bg.jpg) center center repeat-x;}


#detail {
	margin-bottom:0;
	width:100%;
	background-color:#000;
	background-image:url(../img/sec_detail_bg.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	background-size:100% auto;
}
#detail div {margin:0 auto;padding:70px 0 50px 0;color:#FFF;text-align:center;}
#detail div h1 {margin:0 auto 15px auto;font-size:200%;font-weight:bold;}
#detail div h1 span {font-size:80%;}
#detail div p {margin-bottom:15px;}
#detail div p a { text-decoration:underline;}
#detail div p.btn {margin-top:30px;margin-bottom:0;}
#detail div p.btn a {display:block;margin:0 auto;padding:12px 0;width:250px;font-size:120%;color:#FFF; text-decoration:none;text-align:center;border:1px solid #FFF;}
#detail div p.btn a:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#detail div p.small {font-size:11px;}


#artist_kari {width:100%;background:#000 url(../img/sec_lineup_bg2.gif) left 100px no-repeat;}
#artist_kari .inner1 {margin:0 auto;padding:0;width:960px;color:#FFF;text-align:center;background:url(../img/sec_lineup_bg1.gif) right bottom no-repeat;}
#artist_kari img {max-width:100%;height:auto;}


#itaku {margin-bottom:30px;width:100%;background:#000;}
#itaku h1 {margin:0 auto;padding-bottom:15px;width:100%;font-size:240%;color:#000;font-weight:bold;background:#E4C9AA;}
#itaku div {margin:0 auto;padding:30px 0;color:#FFF;text-align:center;}
#itaku div dt {font-size:120%;font-weight:bold;}
#itaku div dd {margin-bottom:20px;}
#itaku div dd:last-child {margin-bottom:0;}


#yoyaku {width:100%;}
#yoyaku h1 {margin:0 auto 15px auto;font-size:240%;color:#000;font-weight:bold;}
#yoyaku div.box1 {margin:0 auto 0 auto;padding:30px 0;font-size:16px;color:#FFF;background:#000;}
#yoyaku div.box1 p {margin-bottom:20px;}
#yoyaku div.box1 p:last-child {margin-bottom:0;}
#yoyaku div.box_form {margin:0 auto 20px auto;padding:30px 0;font-size:16px;color:#FFF;background:#000;}
#yoyaku div.box2 {margin:200px auto 200px auto;padding:30px;width:960px;font-size:12px;color:#FFF;text-align:left;background:rgba(0,0,0,0.6);box-sizing:border-box;}
#yoyaku div.box1 p {margin-bottom:20px;}
#yoyaku div.box1 p.small {font-size:11px;}


#about {width:100%;}
#about h2 {margin:0 auto 15px auto;font-size:200%;color:#FFF;font-weight:bold;}
#about div.box2 {margin:30px auto 30px auto;padding:30px;max-width:960px;width:90%;font-size:14px;color:#FFF;text-align:left;background:rgba(0,0,0,0.6);box-sizing:border-box;}



.background {
	position:fixed;
	left:0;
	top:0;
	width: 100%;
	height:100%;
	text-align: center;
	background-color:#edaa00;
	background-image:url(../img/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	background-size:535px auto;
	z-index:-1;
}




/* --------------------------------- */
/* フッター */
/* --------------------------------- */

footer {
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 10px 0 15px 0;
	width: 100%;
	text-align: center;
	background:#000;
}

#freeBnr {display:none;}
	
#bnr {display:table;margin:0 auto 10px auto; padding:10px 0; width:960px; text-align:center;border-bottom:1px solid #666666;}
#bnr li {display:table-cell;margin:0 0;padding:0 5px;}
footer p {text-align:center;}
footer p img {width:auto;}




#fix_ticket {position:fixed;right:95px;bottom:15px;width:300px;}
#fix_ticket a {
	display:block;
	width:100%;
	height:70px;
	font-size:18px;
	color:#48300F;
	line-height:70px;
    font-weight:bold;
	border:1px solid #FFF;
	border-radius:10px;
	background:#FECF03;
	zoom:1;
}
#fix_ticket a:hover {text-decoration: none; }



#pagetop {position:fixed;right:15px;bottom:15px;width:70px;}
#pagetop a {
	display:block;
	width:100%;
	height:70px;
	font-size:25px;
	color:#FFF;
	line-height:70px;
	border:1px solid #FFF;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
}
#pagetop a:hover {text-decoration: none; }




#news {
	position:absolute;
	top:0;
	width:100%;
	height:73px;
	background:url(/img/bg_news.gif) 0 0 repeat-x;
}
#news dl {margin:0 auto;width:910px;}
#news dt {float:left;margin:0 20px 0 0;}
#news dd {font-size:18px;line-height:73px;text-align:left;}




@media screen and (min-width: 961px) {
	
.sp_only {display:none;}

#artist {
	margin-bottom:30px;
	width:100%;
	background-color:#000;
}
#artist .inner1 {
	margin:0 auto;
	padding:30px 0 40px 0;
	color:#FFF;
	text-align:center;
}
#artist h1 {
	margin-bottom:100px;
	width:100%;
}
#artist h2 {margin-bottom:30px;font-size:250%;color:#FECF03;font-weight:bold;}
#artist {font-size:120%;font-weight:bold;}
#artist .pict img {border:1px solid #333;}
#artist .andmore .pict img {border:0;}
#artist dd {font-weight:normal;text-align:left;}

#artist ul {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#artist li {display:block;padding:0 0 80px 0;width:48%;}
#artist li:last-child:before {
    display: block;
    content:"";
    width: 32%;
}

#artist .lineup1 {margin:0 auto 30px auto;text-align:center;}
#artist .lineup1 .pict {width:100%;}
#artist .lineup1 .pict img {width:100%;height:auto;}
#artist .lineup1 .txt {font-size:12px;text-align:center;}
#artist .lineup1 dt {margin:30px 0 20px;font-size:180%;text-align:center;}
#artist .lineup1 dt span {font-size:80%;}

#artist .lineup2 {overflow:hidden;margin:0 auto 90px auto;padding:0 10px;text-align:center;}
#artist .lineup2 .pict {display:table-cell;width:300px;vertical-align:middle;background:#FF6600;}
#artist .lineup2 .pict img {float:none;display:inline;width:100%;height:auto;}
#artist .lineup2 .txt {display:table-cell;padding-left:15px;font-size:12px;text-align:center;vertical-align:middle;}
#artist .lineup2 dt {font-size:180%;text-align:left;}



#artist .lineup3 {overflow:hidden;margin:0 auto 90px auto;padding:0 10px;text-align:center;}
#artist .lineup3_inner {display:inline-block;}
#artist .lineup3 .pict {display:table-cell;width:400px;vertical-align:middle;background:#FF6600;}
#artist .lineup3 .pict img {float:none;display:inline;width:100%;height:auto;}
#artist .lineup3 .txt {display:table-cell;padding-left:35px;font-size:12px;text-align:center;vertical-align:middle;}
#artist .lineup3 dt {font-size:220%;text-align:left;}

}



@media screen and (max-width: 1250px) {
	#detail {background-size:130% auto;}
}

@media screen and (min-width: 1201px) {
	#artist .inner1 {width:1180px;}
}

@media screen and (max-width: 1200px) {
	#artist .inner1 {width:100%;}
}

@media screen and (max-width: 1151px) {
	#header{
		background-position:center 0;
		background-size: 130% auto;
	}
}





@media screen and (max-width: 960px) {
		.pc_only {display:none;}
	
		img {width:100%;height:auto;}
		iframe {width:auto;height:300px;}


		body {
			margin-top:36px;
			font-size:13px;
			font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
			color:#FFFFFF;
			line-height:1.5;
			text-align:center;
			background:#E4C9AA;
		}
		
		a {
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			transition: 0.4s;
			color: #FECF03;
			text-decoration: none;
		}
		
		a:hover {
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			transition: 0.4s;
			color: #FECF03;
			text-decoration: none;
		
		}
		
		a img {
			filter: alpha(opacity=100);
			-moz-opacity:1.0;
			opacity:1.0;
			zoom:1;
		}
		
		a img:hover {
			filter: alpha(opacity=70);
			-moz-opacity:0.7;
			opacity:0.7;
			zoom:1;
		}
		
		
		#wrap {
			overflow:hidden;
			margin:0 auto;
			padding:0;
			width:100%;
			text-align:center;
		}
		
		
		
		
		/* --------------------------------- */
		/* ヘッダー */
		/* --------------------------------- */
		
		#header {
			position:relative;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align: center;
			padding:10px 0 0 0;
			background:url();
		}
			#header h1 {margin:-2vw auto 0 auto;width:100%;}
			#header p {margin:0 auto 37px auto;width:90%;}
		

		
		#pageroot {padding:10px 10px 10px 10px;font-size:9px;text-align:center;color:#FFFFFF;}
		
		
		/* --------------------------------- */
		/* ナビゲーション */
		/* --------------------------------- */
		
		nav {
			overflow:hidden;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align: center;
			border-top:1px solid #FFF;
		}
		nav ul {
			margin: 0 auto 0 auto;
			width: 100%;
			text-align: center;
			white-space:nowrap;
		}
		nav li {float:left;}
		nav li a {display:block;padding:10px 3px 10px 25px;font-size:29px;color:#FFF;text-align:center;font-family:'font2','font1';}
		nav li a:hover { text-decoration:none;}
				
		
		/* --------------------------------- */
		/* メイン */
		/* --------------------------------- */
		
		article {
			overflow: hidden;
			float:left;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			width: 100%;
			text-align: center;
		}
		
		article strong {color:#FFFF00;font-weight:bold;}
		
		.btnArea {margin:0 auto;padding:0 0 20px 0;width:100%;text-align:center;}
		.btnArea li {display:inline-block;width:48%;}
	
	
		#timetable {width:100%;background:#000;}
		#timetable div {margin:0 auto;padding:20px 20px 30px 20px;width:auto;color:#FFF;text-align:center;}
		
		
		#detail {width:100%; background-attachment:scroll;background-size: auto 150%;}
		#detail div {margin:0 auto;padding:30px 0;width:100%;color:#FFF;text-align:left;}
		#detail div h1 {margin:0 auto 30px auto;font-size:140%;font-weight:bold;text-align:center;}
		#detail div h1 span {font-size:80%;}
		#detail div p {margin:0 auto 15px auto;width:90%;}
		#detail div p a { text-decoration:underline;}
		#detail div p.btn {margin-top:30px;margin-bottom:0;}
		#detail div p.btn a {display:block;margin:0 auto;padding:12px 0;width:250px;font-size:120%;color:#FFF; text-decoration:none;text-align:center;border:1px solid #FFF;}
		#detail div p.btn a:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
		#detail div p.small {font-size:11px;}


		#artist_kari {width:100%;background:#000 url(../img/sec_lineup_bg2.gif) left bottom no-repeat;}
		#artist_kari .inner1 {margin:0 auto;padding:0;width:100%;color:#FFF;text-align:center;}
		#artist_kari img {width:100%;height:auto;}
		
		
		#artist {
			margin-bottom:52px;
			width:100%;
            font-size:120%;
            font-weight:bold;
			background-attachment:fixed;
			background-color:#000;
			background-image:url(../img/sec_lineup_bg2.gif);
			background-position:left bottom;
			background-repeat:no-repeat;
		}
		#artist .inner1 {
			margin:0 auto;
			padding:10px 0 30px 0;
            width:95%;
			color:#FFF;
			text-align:center;
		}
		#artist h1 {margin-bottom:30px;}
		#artist h2 {margin-bottom:20px;font-size:160%;color:#FECF03;font-weight:bold;}
		#artist .pict img {border:1px solid #333;}
		#artist .andmore .pict img {border:0;}
		#artist dd {font-weight:normal;text-align:left;}
		
		#artist li {display:inline-block;padding:0 10px 40px 10px;width:100%; vertical-align:top;}
		
		#artist .lineup1 {margin:0 auto 30px auto;text-align:center;}
		#artist .lineup1 .pict {width:100%;}
		#artist .lineup1 .pict img {width:100%;height:auto;}
		#artist .lineup1 .txt {font-size:12px;text-align:center;}
		#artist .lineup1 dt {margin:10px 0 10px;font-size:150%;text-align:center;}
		#artist .lineup1 dt span {display:block;font-size:60%;text-align:center;}
		
		#artist .lineup2 {overflow:hidden;margin:0 auto 90px auto;padding:0 10px;text-align:center;}
		#artist .lineup2 .pict {display:table-cell;width:100%;vertical-align:middle;background:#FF6600;}
		#artist .lineup2 .pict img {float:none;}
		#artist .lineup2 .txt {font-size:12px;text-align:center;vertical-align:middle;}
		#artist .lineup2 dt {margin:10px 0 10px;font-size:150%;text-align:center;}
		
		#artist .lineup3 {overflow:hidden;margin:0 auto 0 auto;text-align:center;}
		#artist .lineup3 div {font-size:150%;text-align:center;}
		#artist .lineup3 dl {padding:10px 0;}
		#artist .lineup3 .txt {font-size:12px;text-align:center;}
        #artist .lineup3 dt {margin:10px 0 10px;font-size:150%;}
		
		
		#blog {margin-bottom:15px;width:100%;background:#000;}
		#blog h1 {font-size:230%;}
		#blog div {margin:0 auto;padding:30px 0;width:100%;color:#FFF;text-align:center;}
		#blog div ul {margin:0 auto 0 auto;width:90%;text-align:center;}
		#blog div li {margin-bottom:20px;}
		#blog div li:last-child {margin-bottom:0;}
		#blog div table {width:100%;}
		#blog div th {display:block;width:100%;line-height:1;font-weight:normal;}
		#blog div td {display:block;width:100%;text-align:left;}
		#blog div ul a {font-size:150%;font-weight:bold;}


		#emi {margin-bottom:50px;width:100%;background:#000;}
		#emi img {width:100%; height:auto;}
		#emi h1 {margin:0 auto;padding:30px 0 15px 0;width:100%;font-size:240%;font-weight:bold;background:#D24558;}
		#emi div {margin:0 auto;padding:50px 0;width:100%;color:#FFF;text-align:left;}
		#emi div p {margin-bottom:30px;}
		#emi .hidden {overflow:hidden;margin-bottom:60px;padding:0 0 0 0;width:95%;}
		#emi .left {float:none;padding:0 0 0 0;}
		#emi .right {float:none;padding:0 0 0 0;}
		#emi .txt {width:100%;}
		#emi .img {margin-bottom:15px;width:70%;}
		
		
		#itaku {margin-bottom:30px;width:100%;background:#000;}
		#itaku h1 {font-size:180%;color:#000;}
		#itaku div {margin:0 auto;padding:30px 0;width:95%;color:#FFF;text-align:left;}
		#itaku div dt {font-size:120%;font-weight:bold;}
		#itaku div dd {margin-bottom:20px;font-size:90%;}
		#itaku div dd:last-child {margin-bottom:0;}
		
		
		#yoyaku {margin-bottom:20px;width:100%;}
		#yoyaku h1 {margin:0 auto 15px auto;width:100%;font-size:180%;color:#000;font-weight:bold;text-align:center;}
		#yoyaku div.box1 {margin:0 auto 0 auto;padding:30px 10px;width:auto;font-size:16px;color:#FFF;text-align:left;background:#000;}
		#yoyaku div.box1 p {margin-bottom:20px;}
		#yoyaku div.box1 p:last-child {margin-bottom:0;}
		#yoyaku div.box_form {margin:0 auto 20px auto;padding:30px 0;width:100%;font-size:16px;color:#FFF;background:#000;}
		#yoyaku div.box2 {margin:200px auto 70px auto 100px auto;padding:15px;width:95%;font-size:12px;color:#FFF;text-align:left;background:rgba(0,0,0,0.6);}
		#yoyaku div.box1 p {margin-bottom:20px;}
		#yoyaku div.box1 p.small {font-size:11px;}


        #about h2 {font-size:5.8vw;}
        #about div.box2 {padding:5vw;width:95%;font-size:3.5vw;}
		
		
		
		
		.background {
			position:fixed;
			left:0;
			top:0;
			width: 100%;
			height:100%;
			text-align: center;
			width:100%;
			background-color:#edaa00;
			background-image:url(../img/bg.jpg);
			background-position:center 0;
			background-repeat:no-repeat;
			background-size:auto 100%;
			z-index:-1;
		}
		
		
		
		/* --------------------------------- */
		/* フッター */
		/* --------------------------------- */
		
		footer {
			overflow: hidden;
			margin: 0 auto 0 auto;
			padding: 0 0 10px 0;
			width: 100%;
			height:auto;
			text-align: center;
			background:#000;
		}
		
		#freeBnr {display:none;}
		
		#bnr {margin:0 auto 10px auto; padding:10px 0; width:95%; text-align:center;border-bottom:1px solid #666666;}
		#bnr li {display:table-cell;margin:0 0;padding:0 5px;}
		footer p {text-align:center;}
		footer p img {width:auto;}


		




		#fix_ticket {display:block;position:fixed;right:65px;bottom:15px;width:240px; z-index:999;}
		#fix_ticket a {
			display:block;
			width:100%;
			height:40px;
			font-size:14px;
			color:#48300F;
			line-height:36px;
            font-weight:bold;
			border:1px solid #FFF;
			border-radius:5px;
			background:#FECF03;
			zoom:1;
		}
		#fix_ticket a:hover {text-decoration: none; }



		#pagetop {display:block;position:fixed;right:15px;bottom:15px;width:40px; z-index:999;}
		#pagetop a {
			display:block;
			width:100%;
			height:40px;
			font-size:14px;
			color:#FFF;
			line-height:40px;
			border:1px solid #FFF;
			filter: alpha(opacity=70);
			-moz-opacity:0.7;
			opacity:0.7;
			zoom:1;
		}
		#pagetop a:hover {text-decoration: none; }
		
		
		
		
		#news {
			position:absolute;
			top:0;
			width:100%;
			height:39px;
			background:url(/img/bg_news.gif) 0 0 repeat-x;
		}
		#news dl {margin:0 auto;width:100%;}
		#news dt {float:left;width:80px;margin:0 0 0 0;}
		#news dd {font-size:8px;line-height:39px;text-align:left;}



}