@charset "utf-8";

/* = all
------------------------------------------------------------------------------------------*/
* { box-sizing: border-box;}
section { position: relative; }
h2 { margin-bottom: 44px; }
.section-wrap { margin: 0 auto 70px; width: 100%; }
.content-wrap { margin: 0 auto; width: 1100px; }

/* = parts
------------------------------------------------------------------------------------------*/
.clearfix::after { content: ""; clear: both; display: block; }
.float-box .box01 { float: left; margin-right: 1%; width: 49%; }
.float-box .box01:last-of-type { margin-right: 0; }
.float-box .box01 p img { width: 100%; }
.pc-none { display: none; }
.sp-none { display: block; }
span { font-size: .6em; }
.link-button a { background: #fff; border: 3px solid #3e01f3; color: #3e01f3; display: block; font-size: 26px; font-weight: bold; line-height: 1em; padding: .8em 0 .6em; position: relative; text-align: center; transition: all .1s; width: 100%; }
.link-button a::before { content: ""; border: .6em solid transparent; border-top: .8em solid #3e01f3; position: absolute; top: 50%; margin-top: -.4em; left: 1em; }
.link-button a:hover { background: #3e01f3; color: #fff; }
.mb-1vw { margin-bottom: 1vw; }
.mb-2vw { margin-bottom: 2vw; }
.mb-3vw { margin-bottom: 3vw; }
.mb-4vw { margin-bottom: 4vw; }
.mb-5vw { margin-bottom: 5vw; }

/* = movie
------------------------------------------------------------------------------------------*/
#movie li { float:left; width:32%; }
#movie li:nth-child(2) { margin: 0 1.5%; }
#movie li div { width:100%; padding-bottom: 56.25%; height:0px; position: relative; }
#movie li div iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* = news
------------------------------------------------------------------------------------------*/

.news_list ul{ text-align:left; border-top:1px solid #666; padding-top:20px; }
.news_list li{ border-bottom:1px solid #666; padding-bottom:20px; margin-bottom:20px;}
.news_list dl{ display:table;}
.news_list dt{ display:table-cell;}
.news_list dd{ display:table-cell; padding-left:20px;}

.news_list dd iframe{ width:300px; height:169px;}
.news_list dd .comment{ width: 300px;}

/* = tickets
------------------------------------------------------------------------------------------*/
#tickets .float-box h3 { margin-bottom: .8em; }
#tickets .float-box dl { display: table; margin-bottom: 25px; width: 100%; }
#tickets .float-box dl:last-of-type{ margin-bottom:15px;}
#tickets .float-box dt,
#tickets .float-box dd { display: table-cell; vertical-align: middle; }
#tickets .float-box dt { width: 5%; }
#tickets .float-box dd { padding-left: 5%; width: 90%; }
#tickets .float-box dt img,
#tickets .float-box dd img { width: 100%; }

#tickets .float-box li { font-size: 34px; font-weight: bold; line-height: 1.4em; text-align: left; }
#tickets .float-box li:last-of-type { font-size: 19px; }
#tickets .float-box li span.soldout .few{ background-color:#F00; color:#FFF; padding:3px 20px 1px; line-height:1em; margin-right:10px; font-size:14px;}

#tickets .float-box li.soldout{ color:#F00; font-size:24px;}
#tickets .float-box li.soldout .icon{ background-color:#F00; color:#FFF; padding:3px 20px 1px; line-height:1em; margin-right:10px; font-size:14px;}

#tickets .float-box li span.soldout{ color:#F00; font-size:24px;}
#tickets .float-box li span.soldout .icon{ background-color:#F00; color:#FFF; padding:3px 20px 1px; line-height:1em; margin-right:10px; font-size:14px;}

#tickets .float-box li.almost{line-height: 1em;}

.ticket-list{}
.ticket-list li { margin-bottom: 10px; line-height:0; }
.ticket-list li,
.ticket-list li img { width: 100%; }

.ticket-list li img.pc{}
.ticket-list li img.sp{ display:none;}

.vip_upgrade { border: 3px solid #cc0000; color: #fff; display: block;  padding:1.5vw 2vw; transition: .2s; text-align:left; margin-bottom:30px; }
.vip_upgrade h4{font-size: 30px; font-weight: bold; line-height: 1em; margin-bottom: 20px; color:#e00;}
.vip_upgrade .icon{  background-color:#F00; color:#FFF; float:left; padding:6px 20px 3px; line-height:1em; margin-right:10px; font-size:22px;}

.vip_upgrade p { margin:0; font-size: 14px;}
.vip_upgrade p.tokuten{ font-weight:bold; margin-bottom:0.5em;  font-size:24px; line-height: 1.4em;}

.ticket_ippan{ padding:20px;}
.ticket_ippan h2{ margin-bottom:1.5vw;}
.ticket_ippan a{ display:block; color:#333; font-weight:bold; font-size:14px;}
.ticket_ippan a:hover{ text-decoration:none;}
.ticket_ippan a:hover img{ opacity:1;}
.ticket_ippan dl{ float:left; width:23%; background-color:#FFF; margin:0 1% 1.52vw; box-sizing: border-box; padding:10px; border-radius:10px;}
.ticket_ippan dl:hover{ opacity:0.9;}
.ticket_ippan dt{}
.ticket_ippan .phone{ float:left; width:23%;margin:0 1% 1.52vw; box-sizing: border-box; padding:0 10px; text-align:left; font-size:12px; line-height:1.4em;}



@media screen and (max-width: 639px){
.ticket_ippan{ padding:0;}
.ticket_ippan h2{ margin-bottom:1.5vw;}
.ticket_ippan h2 img{ width:100%; height:inherit;}
.ticket_ippan a{display:table; color:#333; font-weight:bold; font-size:14px; width:100%; min-height:40px; background-image:url(../images/a_icon.png); background-repeat:no-repeat; background-position:83vw;}
.ticket_ippan dl{ float:none; width:100%; background-color:#FFF; margin:0 0 2vw; padding:1vw; border-radius:5px; }
.ticket_ippan dt{ display:table-cell; vertical-align:middle; width:25%;}
.ticket_ippan dt img{ max-width:100%; max-height:40px;}
.ticket_ippan dd{ display:table-cell; vertical-align:middle; width:75%; text-align:left; padding-left:15px;}
.ticket_ippan .phone{  float:none; width:100%;  margin:0;  padding:10px;   font-size:12px; line-height:1.4em;}

#tickets .float-box li.soldout{ color:#F00; font-size:14px;}
#tickets .float-box li.soldout .icon{ float:none;  line-height:1em; padding:0;  font-size:12px; background:none; color:#F00;}

#tickets .float-box li span.soldout{ color:#F00; font-size:14px;}
#tickets .float-box li span.soldout .icon{ float:none;  line-height:1em; padding:0;  font-size:12px; background:none; color:#F00;}

.vip_upgrade h4{font-size: 20px; }
.vip_upgrade .icon{ background:none;color: #F00; float:none; padding:0; line-height:1.5em;  font-size:14px;}
}

/* = relase
------------------------------------------------------------------------------------------*/
#relase h2 { margin-bottom: 30px; }
#relase .float-box .box01 { width: 29%; }

#relase .float-box .release{ text-align:left;}
#relase .float-box .release h3{
font-weight: bold;
    border-bottom: 1px solid #666;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#relase .float-box .bio { padding-left: 4%; width: 66%; }
#relase .float-box .bio p { text-align: left; line-height: 1.8em; }

#relase .float-box .bio .link{ margin:0;}
#relase .float-box .bio .link a{ display:block; background-color:#c00; color:#FFF; text-align:center; padding:15px 0; }
#relase .float-box .bio .link a:hover{ text-decoration:none; background-color:#e00;}


/* = english
------------------------------------------------------------------------------------------*/
#english{ }
#english h3{ font-size:36px; line-height:1.5em; font-weight:bold; margin-bottom:10px;}
#english h3 br{ display:none;}
#english h4{ font-weight:bold; font-size:24px; line-height:1.5em;}
#english h4 br{ display:none;}
#english h5{ font-weight:bold;}

#english .access{ margin:0;}

#english .content-wrap{ text-align:left;}

#english .en_ticket_box{ border:1px solid #666; padding:10px 20px 15px; margin-bottom:10px;}

#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 #f00; color:#f00; 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: #c00; color:#c00;}


@media screen and (max-width: 639px){
#english .en_ticket_box{ padding:10px ;}
#english h3{ line-height:1.3em; font-size:24px;}
#english h3 br{ display:block;}
#english h4 { line-height:1.4em; font-size:16px;}
#english h4 br{ display:block;}
}

/* = footer
------------------------------------------------------------------------------------------*/
footer h2 { margin-bottom: 0; }


/********************** slick *******************************/
.slick-slider{ margin:0; }

.slick-slide{padding:0;
-moz-transition: .2s; 
-webkit-transition: .2s; 
-o-transition: .2s; 
-ms-transition: .2s; 
transition: .2s;}

.slick-slide img{ 
-moz-transition: .2s; 
-webkit-transition: .2s; 
-o-transition: .2s; 
-ms-transition: .2s; 
transition: .2s;}

.slick-active{}
-moz-transition: .2s; 
-webkit-transition: .2s; 
-o-transition: .2s; 
-ms-transition: .2s; 
transition: .2s;}


.slick-dots{ bottom:30px;}
.slick-prev:before, .slick-next:before{ font-size:60px; color:#000;}
.slick-prev, .slick-next{ z-index:4;height: 60px;width: 60px;left:50%; margin-top: -30px;}
.slick-prev{ margin-left:-445px;}
.slick-next{ margin-left:385px;}


/*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:#222;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; box-sizing: border-box;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #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;}




/* = smartphone
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 639px){

/* = all
------------------------------------------------------------------------------------------*/
h2 { margin-bottom: 6vw; }
h2 img { height: 8vw; }
.content-wrap { width: 90%; }
.section-wrap { margin: 0 auto 10vw; }

/* = parts
------------------------------------------------------------------------------------------*/
.clearfix::after { content: ""; clear: both; display: block; }
.float-box .box01 { float: none; margin-right: 0; width: 100%; }
.pc-none { display: block; }
.sp-none { display: none; }
span { }

/* = header
------------------------------------------------------------------------------------------*/
header h2 img { height: auto; }

/* = movie
------------------------------------------------------------------------------------------*/
.movie_block{ position:relative; padding:0; width:94%; margin:0 auto 5vw; }
#movie li{ float: inherit; width:100%; }
#movie li:nth-child(2) { margin: 1% 0; }
#movie li iframe{ width:100%; height:53vw;}

/* = news
------------------------------------------------------------------------------------------*/

#news .subtitle{ margin-bottom:2vw;}
.news_block{ position:relative; margin-bottom:6vw;}
.news_list{ margin-left:0px; padding:0;  background:none;}
.news_list ul{ padding-top:0;}
.news_list li{ border-bottom:1px solid #666; padding-bottom:0px; margin-bottom:0px;}
.news_list dl{ display:inherit; padding:2.5vw 0;}
.news_list dt{ display:inherit;}
.news_list dd{ display:inherit; padding-left:0;}
.news_list dd iframe{ width:100%; height:53vw;}

	.news_list img{ width: 100%;}
	
.news_block .subtitle{ margin-bottom:0;}

/* = tickets
------------------------------------------------------------------------------------------*/
#tickets .float-box h3 { margin-bottom: .6em; }
#tickets .float-box dl { display: block; margin-bottom: 6vw; }
#tickets .float-box dt,
#tickets .float-box dd { display: block; vertical-align: middle; }
#tickets .float-box dt { margin-bottom: 3vw; width: 37%; }
#tickets .float-box dd { padding-left: 0; width: 100%; }
#tickets .float-box li { font-size: 18px; }
#tickets .float-box li:last-of-type { font-size: 12px; }
.ticket-list li { margin-bottom: 2vw; }

.ticket-list li img.pc{ display:none;}
.ticket-list li img.sp{ display:block;}

.vip_upgrade { border: 3px solid #cc0000; color: #fff; display: block;  padding:3vw 2vw; transition: .2s; text-align:left; margin-bottom:15px; }
.vip_upgrade h4{font-size: 20px; font-weight: bold; line-height: 1.4em; margin-bottom: 10px;text-align: center; color:#e00; border-bottom:1px solid #c00;}
.vip_upgrade p.tokuten{ font-weight:bold; margin-bottom:10px; text-align:left; font-size:18px;}
.vip_upgrade p { margin:0; }
.vip_upgrade p.tokuten br{ display:block;}

/* = relase
------------------------------------------------------------------------------------------*/
#relase h2 { margin-bottom: 4vw; }
#relase .float-box .box01 { margin-bottom: 6vw; width: 100%; }
#relase .float-box .box01:first-of-type p { margin: 0 auto; width: 90%; }
#relase .release img{ margin-bottom:15px;}
#relase .float-box .box01:last-of-type { padding-left: 0; width: 100%; }
#relase .float-box .box01:last-of-type p { line-height: 1.6em; }

/* = footer
------------------------------------------------------------------------------------------*/
footer h2 img { height: auto; }
}.few {
}