@charset "utf-8";




/* = all
------------------------------------------------------------------------------------------*/
* { box-sizing: border-box;}
section { position: relative; }
h2.subtitle { margin-bottom: 35px; text-align:center; }
h2.subtitle img{ height:80px;}
dl dd .campaign_box.clearfix {
}


@media screen and (max-width: 639px){
h2.subtitle { margin-bottom: 15px;  }
h2.subtitle img{ height:30px;}
}

/* = parts
------------------------------------------------------------------------------------------*/
.clearfix::after { content: ""; clear: both; display: block; }

.pc-none { display: none; }
.sp-none { display: block; }
span { font-size: .6em; }

@media screen and (max-width: 639px){

.pc-none { display: block; }
.sp-none { display: none; }
}


/* = movie
------------------------------------------------------------------------------------------*/
.movie_area {margin:0 auto;margin-bottom:70px;}

#movie li { float:left; width:32%;margin-bottom:14px;  }
#movie li:first-child{ width:66.5%;margin-right:1%; }
#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%; }

@media screen and (max-width: 639px){
.movie_area {margin:0 auto;margin-bottom:20px;}
#movie li {float: inherit; width:100%; }
#movie li:first-child{ width:100%; }
}

/* = news
------------------------------------------------------------------------------------------*/
#news{ margin-bottom:90px;}
.news_list dl{ display:table;width:100%; border-bottom:1px solid #333; padding-bottom:20px; margin-bottom:20px;}
.news_list dl:first-child{ border-top:1px solid #333; padding-top:20px; }
.news_list dt{ display:table-cell; font-family: 'Oswald'; font-size:20px; line-height:1em; font-weight:normal!important;}
.news_list dd{ display:table-cell; padding-left:20px; font-weight:bold;}

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


/* news campaign */
.news_list .news_0613{margin-bottom:0;}

.news_list .news_0613 h3{ font-weight:bold; margin-bottom:20px;}

.news_list .news_0613 .campaign_box{ border:1px solid #535353; padding:15px; margin-bottom:20px;}

.news_list .news_0613 .campaign_box h4{ text-align:center; font-weight:bold; margin-bottom:20px; font-size:18px; line-height:1.4em;}
.news_list .news_0613 .campaign_box ul{}
.news_list .news_0613 .campaign_box ul li{ margin-bottom:20px;}
.news_list .news_0613 .campaign_box ul li h5{ font-weight:bold; color: #fff; background-color: #535353; padding:5px 15px; margin-bottom:10px;}
.news_list .news_0613 .campaign_box ul li ul{}
.news_list .news_0613 .campaign_box ul li ul li{ margin-bottom:0;}

.news_list .news_0613 .campaign_box ul li a{ display:block; border-radius:5px; text-align:center;}
.news_list .news_0613 .campaign_box ul li a:hover{ text-decoration:none;}

.news_list .news_0613 .campaign_box .require01,
.news_list .news_0613 .campaign_box .require02{ width:48%; float:left;}

/* 01 */
.news_list .news_0613 .campaign_box .require01{}
.news_list .news_0613 .campaign_box .require01 a{ border:2px solid #c00; color:#c00; padding:5px 0; margin-top:5px;}
.news_list .news_0613 .campaign_box .require01 a:hover{ color:#f00; border-color:#f00;}
.news_list .news_0613 .campaign_box .require01 li{ margin-bottom:10px;}

/* 02 */
.news_list .news_0613 .campaign_box .require02{ margin-left:4%;}
/* 03 */
.news_list .news_0613 .campaign_box .require03{ clear:both; margin-bottom:30px;}
.news_list .news_0613 .campaign_box .require03 li{ float:left; width:46%; margin:0 2%;}
.news_list .news_0613 .campaign_box .require03 a{ background-color:#c00; color:#fff; padding:10px 0;}
.news_list .news_0613 .campaign_box .require03 a:hover{ background-color:#f00;}

/* 04 */
.news_list .news_0613 .campaign_box .require04{ margin-bottom:0;}
.news_list .news_0613 .campaign_box .require04 p{ font-size:12px; line-height:1.6em;}


@media screen and (max-width: 639px){
#news{ margin-bottom:20px;}


.news_list dl{ display:inherit;}
.news_list dt{ display:inherit; line-height:1.4em; margin-bottom:5px; }
.news_list dd{ display:inherit;  padding-left:0px; font-size:12px; line-height:1.6em;}



.news_list .news_0613 h3{  margin-bottom:10px; border-bottom:1px dotted #333; font-size:16px; line-height:1.5em; padding-bottom:5px;}


.news_list .news_0613 .campaign_box{ padding:10px; margin-bottom:20px;}
.news_list .news_0613 .campaign_box h4{ text-align:left; margin-bottom:10px; font-size:14px; line-height:1.4em;}
.news_list .news_0613 .campaign_box ul li h5{   padding:5px 10px; margin-bottom:5px;}

.news_list .news_0613 .campaign_box .require01,
.news_list .news_0613 .campaign_box .require02{ width:100%; float:none;}

/*01*/
.news_list .news_0613 .campaign_box .require01 a{margin-top:0;}
/*02*/
.news_list .news_0613 .campaign_box .require02{ margin-left:0;}
/*03*/
.news_list .news_0613 .campaign_box .require03{  margin-bottom:20px;}
.news_list .news_0613 .campaign_box .require03 li{ float:none; width:100%; margin:0 0 10px;}
.news_list .news_0613 .campaign_box .require03 a{ background-color:#c00; color:#fff; padding:10px 0;}
/*04*/
.news_list .news_0613 .campaign_box .require04 p{ font-size:11px; line-height:1.6em;}

.news_list .news_0613 p.last_comment{ margin:0;}

}

/* = tickets
------------------------------------------------------------------------------------------*/
#tickets { margin-bottom:20px;}

#tickets .date{ margin-bottom:30px;}

#tickets .date dl { display: table; margin-bottom: 5px; width: 100%; }
#tickets .date dt,
#tickets .date dd { display: table-cell; vertical-align: middle; font-family: 'Oswald';}
#tickets .date dt { width: 12%; background-color:#c00; text-align:center;}
#tickets .date dd { width: 84%; padding:2px 0 6px 4%;}
#tickets .date dd p{ margin:0; font-size:20px; line-height:1.4em;}
#tickets .date dt img { width: 70%; margin:0 auto;}

#tickets h3{ font-size:80px; line-height:1em; }
#tickets h3 span{ font-size:0.6em;}

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

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

#tickets .price{ border:5px solid #c00; padding:25px 50px 35px; background-color:rgba(255,255,255,0.5);margin-bottom:50px}

#tickets .price .price_block{ float:left;width:60%; font-weight:bold; ;}
#tickets .price dl{ font-size:28px; line-height:1.2em;  padding:10px 0;border-bottom:1px solid #666;}
#tickets .price dl:after { content: ""; clear: both; display: block; }
#tickets .price dt{ float:left; width:10em;}
#tickets .price dd{ }
#tickets .price .notes{ float:right; width:40%; text-align:right;}

.senkou{ width:100%; margin:0 auto; text-align:center; border-top:2px solid #666; border-bottom:2px solid #666; padding:40px 0;}
.senkou img{ width:70%;}
.senkou_rule{ font-weight:bold; font-size:16.6px; padding-top:20px; margin:0; line-height:1.4em;}

.senkou_box{display:block; margin:20px auto 25px; font-weight:bold; color:#fff; background-color:#c00; padding:40px 0 35px 0; font-size:30px; line-height:1em; width:900px;  border-radius:10px; box-shadow:0 5px 5px 0 #666;}
.senkou_box:after{content:">"; position:absolute; right:125px; font-family:"Oswald"; line-height:15px;}
.senkou_box:hover{ background-color:#d00; text-decoration:none; color:#fff;}

.senkou .hip_rule{ display:block; margin:0 auto; font-weight:bold; color:#C78800; background-color:#fff; width:900px; padding:15px 0 12px; border:2px solid #c78800;  box-shadow:0 5px 5px 0 #aaa;border-radius:10px;}
.senkou .hip_rule:after{ content:">"; position:absolute; right:125px; font-family:"Oswald"; line-height:15px;}
.senkou .hip_rule:hover{ background-color:#eee; text-decoration:none;}

.comingsoon{}

.playguide_ippan{ display:table; border-spacing:15px; width:100%; margin:0 auto;}

.playguide{  width:100%; margin:0 auto; text-align:center; border-bottom:2px solid #666; padding:0 0 50px; margin-bottom:0px;}
.playguide .playguide_txt{ margin:0 auto 35px;}
.playguide .playguide_txt img{ width:60%;}
.playguide .logo_box{ margin:0 auto; font-size:14px; font-weight:bold; padding:0 ;}
.playguide .logo_box a{ float:left; background-color:#fff; width:31.33%; height:130px; border-radius:15px; box-shadow:0 5px 5px 0 #aaa;color:#000; margin:0 1%;}
.playguide .logo_box a:hover{  text-decoration:none; color:#999;}
.playguide .logo_box a img{ margin-top:0.5vw;}


.ippan{  vertical-align:middle; width:100%; margin:0 auto; text-align:center; border-bottom:2px solid #666; padding:0 0 45px;}
.ippan .ippan_txt{ font-weight:bold; font-size:16px; line-height:2em; margin:0;}
.ippan span{ font-size:22px; line-height:1.4em;}

.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;}


/* VIP */

#tickets .vip_box{ width:100%; background-color:rgba(35,9,9,0.74); padding-top:32px; padding-left:52px; padding-right:52px; padding-bottom:32px; margin-bottom:50px; color:#fff;}

#tickets .vip_box h2{ background-image:url(../images/vip_logo.png); width:100%; height:54px;  background-size:100%; margin-bottom:20px; background-repeat:no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;}
#tickets .vip_box h2 .sp_none{ margin-bottom:30px;}
#tickets .vip_box h2 .pc_none{ display:none;}

#tickets .vip_box .vip_tokuten{  font-weight:bold; font-size:20px; line-height:1.5em; margin-bottom:20px;}

#tickets .vip_box .vip_txt{  line-height:1.7em;}

#tickets .vip_box .hip_senkou_sp_none{ margin:10px 0 40px;}
#tickets .vip_box .hip_senkou_pc_none{ display:none;}

#tickets .vip_box .vip_playguide_sp_none{ }
#tickets .vip_box .vip_playguide_pc_none{ display:none;}

#tickets .vip_box .vip_ippan{ text-align:center; }
#tickets .vip_box .vip_ippan img{ width:600px;}
#tickets .vip_box .vip_ippan p{ font-weight:bold; padding-top:5px; color:#ffcc00;}


@media screen and (max-width: 639px){
#tickets{ margin-bottom:20px;}

#tickets .date{ margin-bottom:15px;}

#tickets .date dl { display: inherit; margin-bottom: 15px; }
#tickets .date dt,
#tickets .date dd { display: inherit; }
#tickets .date dt { width: 100%; background-color:#c00; text-align:center; padding:5px 0; margin-bottom:5px;}
#tickets .date dt img { width: 22%; }
#tickets .date dd { width: 100%; padding:0;}
#tickets .date dd p{ margin:0; font-size:14px; line-height:1.4em;}

#tickets h3{ font-size:26px; line-height:1.2em; }
	
#tickets .price{ border:5px solid #c00; padding:10px 20px; background-color:rgba(255,255,255,0.5);margin-bottom:20px}

#tickets .price .price_block{ float:none;width:100%; }
#tickets .price dl{ font-size:16px; line-height:1.2em; }
#tickets .price dl:after { content: ""; clear: both; display: block; }
#tickets .price dt{ float:left; width:10em;}
#tickets .price dd{ text-align:right; }
#tickets .price .notes{ float:none; width:100%; text-align:left; padding-top:10px; margin:0; font-size:12px; line-height:1.6em;}

	
.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 li.soldout{ color:#F00; font-size:14px;}
#tickets li.soldout .icon{ float:none;  line-height:1em; padding:0;  font-size:12px; background:none; color:#F00;}

#tickets li span.soldout{ color:#F00; font-size:14px;}
#tickets 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;}

.senkou{  padding:20px 0;}
.senkou img{ width:100%;}

.senkou_rule{ width:90%; font-size:11px; line-height:1.4em; text-align:left; margin:0 auto;}

.senkou_box{  width:100%;  border-radius:5px; font-size: 18px; line-height: 1em; padding:35px 0 30px; margin:20px 0 15px;}
.senkou_box:after{ display:none;}

.senkou .hip_rule{ width:100%; border-radius:10px;}
.senkou .hip_rule:after{ display:none;}

.playguide_ippan{ display:table; border-spacing:0; width:100%; margin:0 auto;}

.playguide{ display:block; width:100%; margin:0 auto; text-align:center; border-bottom:2px solid #666; padding:20px 0; float:none;}
.playguide .playguide_txt{ margin-bottom:5vw;}
.playguide .playguide_txt img{ width:90%;}

.playguide .logo_box{ width:100%; margin:0 auto; font-size:14px; font-weight:bold; padding:0;}
.playguide .logo_box a{ display:block; text-align:left; float:none; background-color:#fff; width:100%; height:auto;border-radius:5px; color:#000; margin:0 0 2vw; padding:5px;}

.playguide .logo_box dl{ display:table; width:100%;}
.playguide .logo_box dt{ display:table-cell; width:20%; vertical-align:middle; height:36px; text-align:center;}
.playguide .logo_box dt img{ max-width:100%; max-height:36px; }
.playguide .logo_box dd{ display:table-cell; vertical-align:middle; padding-left:10%; text-align:left;}



.ippan{ display:block; width:100%; margin:0 auto; text-align:center; padding:15px 0; border-bottom:none; float:none;}
.ippan .ippan_txt img{ width:40%;}



/* VIP */

#tickets .vip_box{ padding:20px 13px 10px; margin-bottom:0;}

#tickets .vip_box h2{ background-image:url(../images/vip_logo_pc_none.png); height:15vw; margin-bottom:10px;}
#tickets .vip_box h2 .sp_none{ display:none;}
#tickets .vip_box h2 .pc_none{ display:block; width:100%; margin-bottom:15px;}

#tickets .vip_box .vip_tokuten{ font-size:16px; line-height:1.5em; margin-bottom:20px;}

#tickets .vip_box .vip_txt{ color:#fff; line-height:1.5em; margin-bottom:18px;}

#tickets .vip_box .hip_senkou_sp_none{ display:none;}
#tickets .vip_box .hip_senkou_pc_none{ display:block; width:100%; margin-bottom:15px;}

#tickets .vip_box .vip_playguide_sp_none{ display:none;}
#tickets .vip_box .vip_playguide_pc_none{ display:block; width:60%; }


#tickets .vip_box .vip_ippan img{ width:65%; margin:0 auto;}
#tickets .vip_box .vip_ippan p{ padding-top:10px; font-size:14px;}

}

/* = relase
------------------------------------------------------------------------------------------*/
.release_info_area{color:#fff;text-align: left; width:100%;background-color:#000;padding:70px 0;}
.release_info{width:1100px;margin:0 auto;}
.release clearfix {width:100%;}
.release clearfix div h3{border-bottom:1px solid #ff0000;}
.jacket {float: left;}
.jacket img{width:165px;}
.info {width:82%;float: right;	/*background-color: aqua;	*/}
.info h3{font-size:28px;line-height: 1.3em;font-weight: bold;border-bottom: 1px solid #cc0000;padding-bottom: 10px;margin-bottom: 10px;}
.info_bottom_left {width:47%;float: left}
.info_bottom_left h4{font-size:27px;line-height:1.2em;font-weight:bold;}
.info_bottom_left p{font-size:14px;line-height: 1em; }
.info_bottom_right  {text-align: center; background-color: #cc0000;border-radius:10px;padding:20px 60px;margin-top: 8px; float: right; position: relative; width: 50%;}
.info_bottom_right a{color: inherit;text-decoration:inherit;font-weight: bolder}
.info_bottom_right:hover{background-color:#DD0B0B;} 
.info_bottom_right:after{content:">";font-family:"Oswald"; line-height: 1em; position: absolute; top: 22px; right: 5%;}

@media screen and (max-width: 639px){
.release_info_area{padding:3%;}
.release_info{margin:0 auto; width: 100%;}
.release_info h2.subtitle img{ height:35px;}
.jacket {width:85vw;float:inherit; margin: 0 auto 15px auto;text-align: center;}
.jacket img{width:80%;}
.info {width:100%;float:inherit;text-align: center;}
.info h3{font-size:14px;}
.info_bottom_left{width:100%;}	
.info_bottom_right{ padding:20px 10px; width: 100%;}
.info_bottom_right:after{ display: none;}
	
}


/* = english
------------------------------------------------------------------------------------------*/
#english{ }
#english h3{ font-size:40px; line-height:1.4em; font-weight:bold; margin-bottom:20px;}
#english h3 span{ font-size:22px; line-height:1.5em;}
#english h4{ font-weight:bold; font-size:24px; line-height:1.5em;}
#english h4 br{}
#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 p{ font-weight:bold;}

#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{ background-color:#cc0000;text-align:center;color:#fff; font-size: 20px; padding: 10px 20px; display: block; margin-top: 15px; font-weight:bold;}
#english .en_ticket_btn:hover{ text-decoration:none;background-color:#f00;color:#fff;}

#english h2{ margin-top:80px}
#english h3{ text-align:center;}
#english .en_lead{ text-align:center;}


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

#english h3 span{ font-size:14px; line-height:1.4em;}
#english .en_ticket_btn{ font-size:18px;}
}




/********************** 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:#000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible; margin-bottom:0;}
        .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;}


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