@charset "utf-8";


/* = toppage
------------------------------------------------------------------------------------------*/
#top{text-align:left; width:100%;  margin-bottom:4vw;}
#top img{ width:100%;}

.top_left{ width:44vw; float:left; margin-left: 3vw; padding:40px 0 0 2vw;}
.top_left h2{ margin-bottom:2vw; padding-top:5vw;}
.top_left .top_link{}

.top_right{ width:50vw; float:right; margin-right: 2vw;}
.top_right .top_credit{ padding-right:2vw; text-align:right; margin-top:calc(40px - 6vw); position:relative; z-index:10;}
.top_right .top_credit img{ width:70%!important;}

@media screen and (max-width: 639px){
.top_left{ width:100%; float: inherit; padding:50px 4% 0 0%;}
.top_right{ width:100%; float:inherit;}
.top_right .top_credit{ margin-top:-6vw; padding:0; text-align:center;}
.top_right .top_credit img{ width:94%!important;}
}

@media screen and (max-width: 639px){
	
	.head_logo { width:120%; float: inherit; padding:20px 4% 0 0%;}
	}


/* =about
------------------------------------------------------------------------------------------*/

/* = section2
------------------------------------------------------------------------------------------*/


.sp_none{ display:block;}
.pc_none{ display:none;}

.sp_only{ display:none;}

.step1{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold; padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow: 0px 0.5vw 0px 0px #013043;width: 59%;top: 27vw; z-index: 10; left: 25vw;}
.step1:after{ content:"＞";font-family:"Oswald"; font-size:1.5vw;position: absolute; right: 2vw; top: 50%; margin-top: -0.85vw; line-height: 1em;}
.step2{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold;padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow: 0px 0.5vw 0px 0px #013043;width: 59%;top: 43.8vw; z-index: 10; left: 25vw;}
.step2:after{ content:"＞";font-family:"Oswald"; font-size:1.5vw;position: absolute; right: 2vw; top: 50%; margin-top: -0.85vw; line-height: 1em;}
.step1:hover{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold; padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow:none;width: 59%;top: 27vw; z-index: 10; left: 25vw; transition: .2s; margin-top:0.5vw;}
.step2:hover{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold; padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow:none;width: 59%;top: 43.8vw; z-index: 10; left: 25vw; transition: .2s; margin-top:0.5vw;}

.about_bg{ width: 100%;}

.about{ margin-bottom:0vw; }
.about .news_box{ background-color:#111; width:92%; margin:0 auto; padding:5px;}
.about .news_box h3{ margin-bottom: 20px;}
.about .news_box img{ width:17%;margin-top:0.9vw;}
.about .news_box ul{margin-bottom:5px;}
.about .news_box li{ border-top:1px solid #555; padding:22px 0; padding-left:80px; font-size:20px; line-height:1.5em;}
.about .news_box dl{ display:table;}
.about .news_box dt{ display:table-cell; width:110px; text-align:left;}
.about .news_box dd{ display:table-cell; text-align:left; padding-left:40px;}
.about .news_box dd .op_txt{ font-size:16px;}
.about .news_box dd a{ color:#006633; font-weight:bold;}
.about .news_box dd a:hover{ color:#006633; text-decoration:none;}

@media screen and (max-width: 639px){
.sp_none{ display:none;}
.pc_none{ display:block;}

.sp_only{ display:block;}
	
.step1{ font-size: 16px; font-weight: bold; padding: 3vw 20px; width: 90%;top: 53vw;left: 5vw;}
.step1:after{ display:none;}
.step2{ font-size: 16px; font-weight: bold;padding: 3vw 20px; width: 90%;top: 110vw; left: 5vw;}
.step2:after{ display:none;}

.step1:hover{ font-size: 16px; padding: 3vw 20px; width: 90%;top: 53vw; left: 5vw; box-shadow: 0px 0.5vw 0px 0px #013043;margin-top:0vw;}
.step2:hover{ font-size: 16px; padding: 3vw 20px; width: 90%;top: 110vw; left: 5vw; box-shadow: 0px 0.5vw 0px 0px #013043;margin-top:0vw;}

.about{ margin:0;}

.about .news_box{ width:100%; margin:0 auto 0px; padding:0 10px;}
.about .news_box h3{ margin-bottom:10px;}
.about .news_box img{ width:40%; margin-top:8vw;}
.about .news_box ul{}
.about .news_box li{ border-top:1px solid #555; padding:20px 0; font-size:14px; line-height:1.5em;}
.about .news_box dl{ display:block; text-align:left; padding-left:3px;}
.about .news_box dt{ display:block;}
.about .news_box dd{ display:block; text-align:left; padding-left:0px;}
.about .news_box dd span{ font-size:14px;}

.modal_link2 {display: block;  border:2px solid #0181b5; padding:10px 0; line-height:1.2em; margin-top: 5px; width: 100%; text-align: center;}

}




/* = timetable
------------------------------------------------------------------------------------------*/


.sp_none{ display:block;}
.pc_none{ display:none;}

.sp_only{ display:none;}

.step1{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold; padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow: 0px 0.5vw 0px 0px #013043;width: 59%;top: 27vw; z-index: 10; left: 25vw;}
.step1:after{ content:"＞";font-family:"Oswald"; font-size:1.5vw;position: absolute; right: 2vw; top: 50%; margin-top: -0.85vw; line-height: 1em;}
.step2{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold;padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow: 0px 0.5vw 0px 0px #013043;width: 59%;top: 43.8vw; z-index: 10; left: 25vw;}
.step2:after{ content:"＞";font-family:"Oswald"; font-size:1.5vw;position: absolute; right: 2vw; top: 50%; margin-top: -0.85vw; line-height: 1em;}
.step1:hover{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold; padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow:none;width: 59%;top: 27vw; z-index: 10; left: 25vw; transition: .2s; margin-top:0.5vw;}
.step2:hover{ position:absolute; text-align:center; color: #0066cc; background-color: #fff;
 border-radius: 5px; font-size: 2vw; font-weight: bold; padding: 0.5vw 0.5vw; line-height:1.5em; box-shadow:none;width: 59%;top: 43.8vw; z-index: 10; left: 25vw; transition: .2s; margin-top:0.5vw;}

.timetable_bg{ width: 100%;}

.timetable{ margin-bottom:5vw; }
.timetable .news_box{ background-color:#00a0e9; width:72vw; margin:0 auto; padding:5px;}
.timetable .news_box h3{ margin-bottom: 20px;}
.timetable .news_box img{ width:17%;margin-top:0.9vw;}
.timetable .news_box ul{margin-bottom:20px;}
.timetable .news_box li{ border-top:1px solid #555; padding:22px 0; font-size:16px; line-height:1.5em;}
.timetable .news_box dl{ display:table;}
.timetable .news_box dt{ display:table-cell; width:110px; text-align:left;}
.timetable .news_box dd{ display:table-cell; text-align:left; padding-left:40px;}
.timetable .news_box dd .op_txt{ font-size:16px;}
.timetable .news_box dd a{ color:#006633; font-weight:bold;}
.timetable .news_box dd a:hover{ color:#006633; text-decoration:none;}

@media screen and (max-width: 639px){
.sp_none{ display:none;}
.pc_none{ display:block;}

.sp_only{ display:block;}
	
.step1{ font-size: 16px; font-weight: bold; padding: 3vw 20px; width: 90%;top: 53vw;left: 5vw;}
.step1:after{ display:none;}
.step2{ font-size: 16px; font-weight: bold;padding: 3vw 20px; width: 90%;top: 110vw; left: 5vw;}
.step2:after{ display:none;}

.step1:hover{ font-size: 16px; padding: 3vw 20px; width: 90%;top: 53vw; left: 5vw; box-shadow: 0px 0.5vw 0px 0px #013043;margin-top:0vw;}
.step2:hover{ font-size: 16px; padding: 3vw 20px; width: 90%;top: 110vw; left: 5vw; box-shadow: 0px 0.5vw 0px 0px #013043;margin-top:0vw;}

.timetable{ margin:0;}

.timetable .news_box{ width:100%; margin:0 auto 0px; padding:0 10px;}
.timetable .news_box h3{ margin-bottom:12px;}
.timetable .news_box img{ width:20%; margin-top:3vw;}
.timetable .news_box ul{}
.timetable .news_box li{ border-top:1px solid #555; padding:22px 0; font-size:16px; line-height:1.5em;}
.timetable .news_box dl{ display:block;}
.timetable .news_box dt{ display:block;}
.timetable .news_box dd{ display:block; text-align:left; padding-left:0px;}
.timetable .news_box dd span{ font-size:14px;}

.modal_link2 {display: block;  border:2px solid #0181b5; padding:10px 0; line-height:1.2em; margin-top: 5px; width: 100%; text-align: center;}

}


/* past_block */
#past_block{ position:relative; margin-left: 2vw; margin-bottom:3vw; display:inline; clear: both; width:100%;}

#past_block ul{ float:center; clear: both; width:100%; padding-left: 10.0%; margin-top:-3vw;}
#past_block li{ float:center; width:13%;  padding-right:0.5%;} 
#past_block li img{ width:100%;}


@media screen and (max-width: 639px){
#past_block{ position:relative; margin-left: 0vw; margin-bottom:2vw; display:inline; clear:both; width:100%;}
#past_block ul{ float:left; clear: both; width:100%; padding-left:2.0%; padding-right:2.0%; margin-top:-2vw; margin-bottom:1vw;} 
#past_block li{ float:left; width:49%; padding-right:0.2%;}
#past_block li img{ width:96%;}
}


/* = section3
------------------------------------------------------------------------------------------*/


#bands ul{ float:right; width:96%; padding-right:2.5%;}
#bands li{ float:left; width:50%;  padding-right:0.5%;} 
#bands li img{ width:100%;}
#bands img{ width:30%; margin-bottom:20px;}

#bands .hoobas_playlist{ width:100%;}
#bands .otmt_playlist{ width:100%;}


@media screen and (max-width: 639px){
#bands img{ width:50%; margin-bottom:20px;}
#bands li{ float:inherit; width:100%;}
#bands li.otmt_logo{ display:none;}
}

/* = section4
------------------------------------------------------------------------------------------*/
#tickets{ margin-bottom:8vw; margin-top:50px;}
#tickets img{ width:30%; margin-bottom:20px;}
.ticket_wrap{ margin:0 auto; text-align:center; width:96%; max-width:1100px; font-size:19px; line-height:1.5em;}

.ticket_l{ float:left; width:52%; padding:10px 8px 8px; padding-top:0px; text-align:left; }

.ticket_l ul{ margin-bottom:8px;}
.ticket_l li dl{ display:table; width:100%;  background-color:#d4007f; margin-bottom:20px; padding:15px 10px 15px 15px; vertical-align:middle;}
.ticket_l li dt{ display:table-cell; background-color:#111;  color:#fff; font-weight:bolder; width:80px; vertical-align:middle; text-align:center;}
.ticket_l li dd{ display:table-cell; font-size:1.1em; line-height:1.2em ; padding:10px 10px 10px 15px; vertical-align:middle; }
.ticket_l li dd span{ font-size:0.7em;}

.ticket_l li dd.sold{ position:relative;}
.ticket_l li dd.sold:before{ content: "SOLD OUT!!"; font-family: 'Oswald'; background-color: #F00; color: #fff; float: left; font-size: 0.7em; font-weight: bold; padding: 0.3em 0.5em; margin-top: 0.8em; margin-bottom: 0.5em; line-height: 1em; margin-right: 1em;}

.ticketprice{ padding:0px 0; width:100%; background-color:#111;padding:15px 10px 10px 15px;}
.ticketprice span{ font-size:0.5em;}

.ticketprice dl{ border-bottom:1px dotted #999999; padding-bottom:1%; margin-bottom:1%;}
.ticketprice dt{ float:left;}
.ticketprice dd{ float:right;}
.ticketprice dl:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

.ticketprice dl.sold dt,
.ticketprice dl.sold dd{text-decoration: ; text-decoration-style: double; color: #888;}
.ticketprice dl.sold:before{ content:"SOLD OUT!!"; font-family:'Oswald'; background-color:#F00; color:#fff; float:left; font-size:0.7em; font-weight:bold; padding:0.2em 0.3em; margin-top:0.3em; line-height:1em; margin-right:0.5em;}

.ticket_l .notes{ font-size:0.6em; line-height:1.5em;}
.ticket_l .notes strong{ font-size:14px; font-weight:normal; margin-bottom:5px; display:block;}


.ticket_r{ float:right; width:46%; background-color:#222; padding:15px; color:#333;}

.ticketlink{ text-align:center; padding:15px 1%; font-weight:bolder;}
.ticketlink .senkou_date{ font-size:24px; padding-bottom: 6px; margin-bottom:10px; color: #FFF; line-height: 1.5em;}
.ticketlink .senkou_date .senkou_tyusen{ font-size:14px;}
.ticketlink p{ font-size:14px; line-height:1.4em; text-align:left;}
.ticketlink p.note{ text-align:center; font-size:12px; margin-bottom: 26px;}

.ticketlink .s_tit{ font-size: 20px; text-align: center; color: #FFF; margin-bottom: 8px;}
.btn_box{}
.btn_box li{ float:center; width:100%; margin-right:2%; padding: 10px 5px ; }
.btn_box li img{ width:20%;}
.btn_box li:last-child{ margin-right:0;}
.btn_box li:hover{ opacity: 0.7;}
.btn_box li .top_txt{ color:#000; font-size:15px; font-weight:bold; line-height:1.5em; background-color:#111; padding: 8px 0px 0px 0px ; border: 6px solid #d4007f; margin:0; text-align:center;}
.btn_box li .bottom_txt{ color:#fff; font-size:13px; font-weight:bold; line-height:1.5em; background-color:#d4007f; padding:5px; position:relative; text-align:center; margin:0;}
.btn_box li .bottom_txt:before,
.btn_box li .bottom_txt:after{ border: 1px solid; border-color: transparent #fff #fff transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg);}
.btn_box li .bottom_txt:before{ right:1.5em;}

.btn_box.dis .top_txt{ color:#888; border:3px solid #9e9f9f;}
.btn_box.dis li .bottom_txt{ background-color:#9e9f9f;}
.btn_box.dis li .bottom_txt:before,
.btn_box.dis li .bottom_txt:after{ border-color: transparent #888 #888 transparent;}
.btn_box.dis li:hover{ opacity: 1;}

.hip_senkou{ display:block; width:93%; background-color:#fff; text-align:center; margin:0 auto 15px; border-radius:5px; font-size:18px; line-height:1em; padding:25px 0 20px; position:relative;}
.hip_senkou:after{ content:">"; position:absolute; right:10px; font-family:"Oswald"; line-height:12px;}
.hip_senkou:hover{ background-color:#eee; text-decoration:none;}

.hip_rule{ display:block; width:93%; margin:0 auto 10px; border-radius:5px; border:2px solid #000; color:#000; font-size:15px; line-height:1em; padding:10px 0 9px; position:relative;}
.hip_rule:after{ content:">" ; position:absolute; right:10px; font-family:"Oswald"; line-height:12px;}
.hip_rule:hover{ text-decoration:none; color:#666;border:2px solid #666;}

.ticketlink h3{ font-weight: bolder; border-bottom: 1px solid #ccc; color:#fff; margin-bottom:10px;}
.ticketlink h3 span{ font-size:0.7em;}
.ticketlink h2{ font-size:0.7em;}
.ticketlink h3 .ticket_rule{ font-size:12px; padding:0 5%; line-height:1.5em; margin-bottom:0px;}

.ticketlink2{ text-align:center; padding:15px 1% 5px; font-weight:bolder; margin-bottom:10px;border: 5px solid #ccc;}
.ticketlink2 p{ margin:0;}
.ticketlink2 .playguide{ font-weight: bolder;border-bottom: 1px solid #ccc; margin-bottom:10px; padding-bottom:10px; font-size:24px; line-height:1em;}
.ticketlink2 .playguide_date{ font-size:16px; line-height:1.5em; margin-bottom:0px;}
.ticketlink2 .playguide_date span{ font-size:0.6em;}

.ticketlink2 .logo_box{ display:table; border-spacing:5px; width:100%; margin:0 auto; }
.ticketlink2 .logo_box img{ margin-bottom:10px;}
.ticketlink2 .logo_box a{ display:block;padding:10px 0 9px 0; border-radius:10px;background-color:#fff; font-size:15px; line-height:1em; border:4px solid #ddd; color:#333;}
.ticketlink2 .logo_box a:hover{ text-decoration:none; border:4px solid #ccc;}

.ticketlink2 .logo_box dl{ width:50%; float:left; padding:0 4px 6px;}
.ticketlink2 .logo_box dl dt img{ height:75px;}

.ticketlink2 .phone{ font-size:14px; text-align: left; line-height:1.5em; clear:both; padding-top:10px;}



.ticketlink span{ font-size:0.6em;}
.ticketlink .alert{ font-size:12px; line-height:1.5em; text-align:left; font-weight:normal; padding:5px 10px; margin:0;}

.ticketlink.sub h2{ margin-bottom:0%; font-size:0.9em;}
.ticketlink.sub p{ font-size:0.7em; margin:0;}

.ticketlink table{  width:100%;  border-collapse: collapse; font-size:12px; line-height:16px;}

.ticketlink td{ width:33%; padding:10px 0; vertical-align:bottom; text-align:center;}
.ticketlink td.lt{ }
.ticketlink td.rt{ border-left:1px solid #ffdb49; }
.ticketlink td a{ display:block; color:#333;}
.ticketlink td img{ margin-bottom:10px;}



.linkbtn{ padding:0 5%; margin-bottom:2%;}
.linkbtn a{ color:#fff;background-color: #000; display:block; padding:3%;}
.linkbtn a:hover{ text-decoration:none; background-color:#0066cc;}

.social{ clear:both;text-align:left; padding:0 0 0 0; width:94%; max-width: 500px; line-height:20px;background-color:#000; margin:0 auto 50px;}

.social ul{position:relative; background-image:url(../images/share_tit.png); background-repeat:no-repeat; background-position:left; padding-left: 150px; background-size: 100px; padding-top: 8px;}
.social li{margin-right:30px; float:left;display: block;overflow: hidden;}
.social li.fb{width: 160px;height: 20px;}
.social li.twt{width:90px; }



@media screen and (max-width: 639px){
	#tickets{ margin-bottom:8vw; margin-top:8vw;}
#tickets img{ width:50%; margin-bottom:20px;}
.ticket_wrap{ width:100%; font-size:20px;}
.ticket_l{ float:inherit; width:100%; padding-top:0; margin:0 auto;}
.ticket_r{ float: inherit; width:100%; margin:0 auto; padding:20px 8px 8px;}
	

.ticket_l ul{ margin-bottom:10px;}
.ticket_l li dl{  display:inherit; margin-bottom:15px;}
.ticket_l li dt{ width:100%; display:inherit; line-height:2em; margin-bottom:15px;}
.ticket_l li dd{ display:inherit;line-height:1em ; padding:1; font-size:26px; }

.ticket_l li dd.sold:before{ margin-top:0.6em;}

.ticketlink{ text-align:center; padding:2% 1%; font-weight:bolder; margin-bottom:3%;}
.ticketlink .senkou_date{ font-size:20px; line-height:1.4em; font-weight:bold;}
.ticketlink .senkou_date .senkou_tyusen{ font-size:12px;}
.ticketlink p{ font-size:12px;}

.ticketlink .s_tit{ font-size:18px;}
.btn_box li .top_txt{ font-size:12px;}
.btn_box li .bottom_txt{ font-size:12px;}

.hip_senkou{  font-size:14px; line-height:1em; padding:25px 0 22px; }
.hip_rule{  font-size:13px; line-height:1em;}

.ticketlink2{ padding-top:10px}

.ticketlink h3 .ticket_rule{ font-size:11px; text-align:left; }
.ticketlink2 .playguide{ font-size:22px; line-height:1.5em; margin-bottom:5px; padding-bottom:5px;}
.ticketlink2 .playguide_date{ font-size:13px; line-height:1.5em; margin-bottom:5px;}


.ticketlink2 .logo_box{ display: inherit; border-spacing:0; width:100%; margin:0 auto; padding:5px; }
.ticketlink2 .logo_box img{ margin-bottom:0px;}
.ticketlink2 .logo_box a{ display:block;padding:4px; border-radius:5px; border:4px solid #ddd;  font-size:14px; line-height:1em;}
.ticketlink2 .logo_box a:hover{ text-decoration:none; border:4px solid #ccc;}

.ticketlink2 .logo_box dl{ float:none; padding:0 0 3px; width:100%;}
.ticketlink2 .logo_box dl a{width:100%;display:table;  }
.ticketlink2 .logo_box dl dt{ display:table-cell; vertical-align:middle; margin:0; width:20%; height:38px; line-height:0;}
.ticketlink2 .logo_box dl dd{ display:table-cell; vertical-align:middle; width:80%;}
.ticketlink2 .logo_box dl dt img{ height: auto; max-width:100%; max-height:100%;}

.ticketlink2 .phone{ font-size:12px; text-align: left; line-height:1.5em;  padding-top:10px;}


.ticketlink3 .ippan{ font-size:12px;}
.ticketlink3 .ippan_date{ font-size:12px;}


.social{ width:94%; margin:0 auto 30px; padding-top:10px;}
.social h3{ position:inherit; left:0; top:0; width:70px;}

.social ul{ background-image:none; padding:0 0 0 0;}
}


/* = spotify
------------------------------------------------------------------------------------------*/
#spotify{ width:94%; max-width:1100px; margin:0 auto 5vw;}
#spotify h3{ margin-bottom: 40px;}
#spotify h3 img{ width: 30%;}
#spotify ul{}
#spotify li{ float:left; margin-right:2%; width:32%;}
#spotify li:last-child{ margin-right:0;}

@media screen and (max-width: 639px){
#spotify{ width:94%; margin:0 auto 2vw;}
#spotify h3{ margin-bottom: 12px;}
#spotify h3 img{ width: 67%;}
#spotify li{ float:none; margin-right:0; width:100%;}
#spotify li iframe{ width:100%; height: 245px;}
}







/* = english
------------------------------------------------------------------------------------------*/
.english{ width:1100px; margin:0 auto 50px;}
.english h2{ margin-bottom:30px}
.english h4{  font-weight:bold;}

/* live act */
.english .live_act{ margin-bottom:25px;}
.english .live_act h3{ text-align:center; font-size:40px; line-height:1.5em; font-weight:bold; margin-bottom:18px;}
.english .live_act .name{ font-weight:bold; margin:0; font-size:25px; line-height:1.5em;}
.english .live_act .name br{ display:none;}
.english .live_act .live_lead{ font-size:0.8em; line-height:1.5em;}

/* date */
.english .en_date{ text-align:center; margin-bottom:20px;}
.english .en_date .venue{ font-size:25px; font-weight:bold; line-height:1.5em; margin:0;}
.english .en_date .venue span{ font-size:18px;}

/* ticket box */
.english .en_ticket_box{ text-align:center; border:1px solid #666; padding:10px 20px 15px; margin-bottom:16px; background-color:rgba(0,0,0,0.7)}
.english .en_ticket_box h4{ font-weight:bold; font-size:20px; line-height:1.5em; margin-bottom:5px}
.english .en_ticket_box li{ margin-bottom:5px;}
.english .en_ticket_box span{ font-weight:bold; font-size:16px;}
.english .en_ticket_box .soldout { color:#999;}
.english .en_ticket_box .soldout span{ background-color:#C00; padding:0 5px; color:#FFF;}

.english .en_ticket_btn{ border:2px solid #ff3333; color:#ff3333; text-align:center; font-size: 20px; padding: 10px 20px; display: block; margin-top: 15px; font-weight:bold;}
.english .en_ticket_btn:hover{ text-decoration:none; border-color: #f00; color:#0066cc;}

/* policy */
.english .en_policy{ text-align:left;}
.english .en_policy h5{ font-size:15px; font-weight:bold;}



@media screen and (max-width: 639px){
.english{ width:94%; margin:0 auto;}
.english h2{ margin-bottom:20px}
.english h2 img{ width:50%;}
.english h4{  font-weight:bold; background-color:#0178a8; text-align:center; padding:2px 0; margin-bottom:10px;}

/* live act */
.english .live_act{ margin-bottom:25px;}
.english .live_act h3{font-size:15px; line-height:1.4em;}
.english .live_act .name{ text-align:left;margin:0; font-size:17px; line-height:1.4em;}
.english .live_act .name br{ display:block;}
.english .live_act .live_lead{ text-align:left; font-size:12px; line-height:1.5em;}

/* date */
.english .en_date{ text-align:left;}
.english .en_date .venue{ font-size:14px;}
.english .en_date .venue span{ font-size:0.8em;}

/* ticket box */
.english .en_ticket_box{ padding:0; text-align:left;}
.english .en_ticket_box h4{ font-size:15px;}
.english .en_ticket_box ul{ padding:10px 10px;}
.english .en_ticket_box li{ margin-bottom:5px;}
.english .en_ticket_box span{ font-weight:bold; font-size:14px;}
.english .en_ticket_box .soldout { color:#999;}
.english .en_ticket_box .soldout span{ background-color:#C00; padding:0 5px; color:#FFF;}

.english .en_ticket_btn{ border:2px solid #ff3333; color:#ff3333; text-align:center; font-size: 15px; padding: 7px 0; display: block; margin:0 10px 15px; font-weight:bold;}
.english .en_ticket_btn:hover{ text-decoration:none; border-color: #f00; color:#0066cc;}

/* policy */
.english .en_policy{ text-align:left;}
.english .en_policy h5{ font-size:12px; font-weight:bold;}
.english .en_policy p{ font-size:12px; margin-bottom:0;}

}




/* = intro
------------------------------------------------------------------------------------------*/
.playguide_link{ font-size:12px;padding:1% 2%;}
.playguide_link li{ float:left; width:49%; margin:0.5%}
.playguide_link li a{ display:block; background-color:#000; color:#FFF;}
.playguide_link li a:hover{background-color:#333;text-decoration:none;}

.playguide_code{ font-size:10px; text-align:left; line-height:1.5em; padding:1% 3% 0 3%;}
.playguide_code dl{ float:left;}
.playguide_code dl.pia{ width:30%;}
.playguide_code dl.lawson{ width:70%;}
.playguide_code dt{ }
.playguide_code dd{}

.soldout{  color:#bbb;}
.sold_icon{background-color:#C00; padding:0 10px;font-family: 'Oswald'; color:#FFF;}

/*
@media screen and (min-height: 1000px) {
.prof_txt{	width:44%;	position:absolute; right:50%; padding-right:3%; color:#FFF;top:inherit!important;bottom:7%!important;}
}
*/

/* = ticket

/**** Isotope Filtering ****/
.isotope-item {z-index: 2;  }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*lightbox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading_b.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;}
		
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}

#cboxSlideshow, #cboxPrevious, #cboxNext{ background-image:url(../images/controls_t.png);}


/* .stageBase
--------------------------- */
.stageBase {width: 100%;position: relative;overflow: hidden;}
.stageBase .fieldWrap {padding: 100px 0 0 0;text-align: center;}
#stage1 {background:#fff;}
#stage2 {background:#eee;}
#stage3 {background:#ddd;}
#stage4 {background:#ccc;}
#stage5 {background:#bbb;}


/* .stageSlide
--------------------------- */
.stageSlide {position: relative;overflow: hidden;visibility: hidden;}
.stageSlide .slideWrap {top: 0;left: 0;position: absolute;overflow: hidden;}
.stageSlide .slideWrap:before,
.stageSlide .slideWrap:after {content: " ";display: table;}
.stageSlide .slideWrap:after {clear: both;}
.stageSlide .slideWrap {*zoom: 1;}

.stageSlide .slidePanel {float: left;overflow: hidden;}
.stageSlide .sdPrev,
.stageSlide .sdNext {margin-top: -25px;top: 50%;width: 50px;height: 50px;display: block;position: absolute;z-index: 99;}
.stageSlide .sdPrev {left: 80px;background: transparent url(../img/slide_prev.png) no-repeat left top;}
.stageSlide .sdNext {right: 80px;background: transparent url(../img/slide_next.png) no-repeat left top;}

.stageSlide .slideNav {bottom: 70px;left: 0;width: 100%;height: 15px;text-align: center;position: absolute;z-index: 98;}
.stageSlide .slideNav a {margin: 0 5px;width: 15px;height: 15px;background: transparent url(../img/nav.png) no-repeat center center;display: inline-block;overflow: hidden;}
.stageSlide .slideNav a.pnActive {background: transparent url(../img/nav_acv.png) no-repeat center center;}

/* #pageNav
--------------------------- */
#pageNav {top: 0;right: 25px;width: 15px;text-align: center;position: fixed;z-index: 2;}
#pageNav ul {width: 15px;display: block;}
#pageNav ul li {padding-bottom: 5px;width: 15px;height: 15px;display: block;overflow: hidden;}
#pageNav ul li a {width: 15px;height: 15px;background: transparent url(../img/nav.png) no-repeat center center;display: block;}
#pageNav ul li.activeStage a {background: transparent url(../img/nav_acv.png) no-repeat center center;}

/* #pageDown
--------------------------- */
#pageDown {bottom: 0;left: 0;width: 100%;height: 40px;text-align: center;position: fixed;overflow: hidden;z-index: 3;}
#pageDown a {margin: 0 auto;width: 30px;height: 30px;background: transparent url(../img/next_arw.png) no-repeat center center;display: block;}


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:0; top:0; bottom:-35px; height: 22px;}
}

/* =covit
-----------------------------------------------------------------------------------------*/
#covit{ width:80%; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center;}
.covit_credit { font-size:13px; line-height:1.8em; display:block; float:left;  color:#fff; padding-top:10px; padding-left:10px;}


@media only screen and (max-width: 639px){
#covit{ margin-bottom:20px; ext-align:center; border-top:1px solid #464646; padding-top:20px;}
.covit_credit { font-size:9px; line-height:1.6em; padding-right:0px; padding-bottom:2px;  padding-top:0px;}
}


.cov-info{ width:90%; margin:0 auto; margin-top:90px; margin-bottom:60px; text-align:center;}
.cov_credit { font-size:14px; line-height:1.9em; display:block;  color:#fff; padding-top:50px; padding-left:0px;}


@media only screen and (max-width: 639px){
.cov-info{ margin-bottom:20px; ext-align:center; border-top:1px solid #464646; padding-top:10px;t}
.cov_credit { font-size:11px; line-height:1.6em; padding-right:0px; padding-bottom:2px;  padding-top:0px;}
	img{ width:80%; margin-bottom:20px;}
}


.img-banner{
	display: flex;
	flex-wrap:wrap;
}
.img-banner li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.img-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}


.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}