@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;outline: 0;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

@import url("//hello.myfonts.net/count/34d393");
@font-face {font-family: 'TTNorms-Bold';src: url('webfonts/34D393_0_0.eot');src: url('fonts/34D393_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/34D393_0_0.woff2') format('woff2'),url('fonts/34D393_0_0.woff') format('woff'),url('fonts/34D393_0_0.ttf') format('truetype');}
@font-face {font-family: 'TTNorms-Medium';src: url('fonts/34D393_1_0.eot');src: url('fonts/34D393_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/34D393_1_0.woff2') format('woff2'),url('fonts/34D393_1_0.woff') format('woff'),url('fonts/34D393_1_0.ttf') format('truetype');}
@font-face {font-family: 'TTNorms-Regular';src: url('fonts/34D393_2_0.eot');src: url('fonts/34D393_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/34D393_2_0.woff2') format('woff2'),url('fonts/34D393_2_0.woff') format('woff'),url('fonts/34D393_2_0.ttf') format('truetype');}
.TTNorms-Bold {font-family: TTNorms-Bold;font-weight: normal;font-style: normal;}
.TTNorms-Medium { font-family: TTNorms-Medium;font-weight: normal;font-style: normal;}
.TTNorms-Regular { font-family: TTNorms-Regular;font-weight: normal;font-style: normal;}


a{ color:#000;text-decoration:none;}

.mr0{ margin-right:0 !important;}
.mt0{ margin-top:0 !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:70px !important;}
.mt80{ margin-top:80px !important;}
.mt90{ margin-top:90px !important;}
.mt100{ margin-top:100px !important;}
.mb0{ margin-bottom:0!important;}
.pt0{ padding-top:0 !important;}
.pt50{ padding-top:50px !important;}
.pt114{ padding-top:114px !important;}
.pt94{ padding-top:94px !important;}

.clearfix:after {content: ".";  /* 新しいコンテンツ */display: block;clear: both;height: 0;visibility: hidden; /* 非表示に */}

body{  background:url(../images/common/bg02.jpg) no-repeat; background-size: cover; background-attachment: fixed; color:#333; font-family:TTNorms-Regular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.min_midashi{ width: 100%; background:url(../images/common/tit_bg_mini.gif) no-repeat; background-size: cover; font-family: TTNorms-Bold;font-weight: normal; color: #fff; padding: 10px 0; text-align: center; letter-spacing: 0.1em; font-size: 22px;}

.mid_midashi{ width: 100%; font-family: TTNorms-Bold;font-weight: normal;color: #fff; padding-bottom: 5px; border-bottom: 1px solid #3AFDF0; text-align: center; letter-spacing: 0.1em; font-size: 20px; line-height: 20px;}

.big_midashi{ width: 100%; font-family: TTNorms-Bold;font-weight: normal;color: #fff; padding:20px 0 5px 0; border-bottom: 1px solid #3AFDF0; text-align: center; letter-spacing: 0.1em; font-size: 35px; line-height: 35px;}


.morebtn { width: 200px; margin: 0 auto;}
.morebtn a{ border: 1px solid #fff; color: #fff; display: block; text-align:center;font-family: TTNorms-Bold;font-weight: normal;font-style: normal; padding: 10px 0;  letter-spacing: 0.1em;}
.morebtn a:hover{border: 1px solid #3AFDF0; color: #3AFDF0; }

@media screen and (max-width:740px)
{
.big_midashi{ font-size: 25px; line-height: 25px;}
}
/************************************
 * side-menu
*************************************/	
#trigger-overlay{ display: none;}


/******************************************************************************
 header
*******************************************************************************/
#header.fixed { position: fixed; top: 0; }
#header {position: absolute;top: 0; left:0; right:0; margin:auto; z-index:1000;width: 100%;background: rgba( 0, 0, 0, 0.8); height:94px; border-bottom:3px solid #424241;}
#header .outer {position: relative; background:url(../images/common/bg_navi.gif); width:100%; height:94px;}
#header .inner {max-width:1140px; width:100%; height:94px; margin:0 auto; position:relative;}
#header .inner .logo{ width:94px; height:94px; float:left; margin-right:50px;}
#header .inner .logo span{ text-indent:-9999px; display:block;}
#header .inner .logo img{ width:100%;}
#header .inner .warp{ float:left; max-width:930px; width: 80%;}
#header .inner .top{ height:56px;vertical-align: middle;}
#header .inner .begins{ height:10px;display: inline-block;vertical-align: middle; margin-right:24px; float:left; line-height:52px;}
#header .inner .begins img{ height:10px;vertical-align: middle;}
#header .inner .timer{ height:43px; display: inline-block;vertical-align: middle;letter-spacing:0.1em; margin-right:20px; float:left; line-height:50px; color:#fff;}
#header .inner .timer .day{display:inline-block;vertical-align: middle; margin:0; padding:8px 10px 0 10px; border-right:1px solid #898989; height:35px;  font-size:35px; line-height:12px; text-align:center; }
#header .inner .timer .hour{display:inline-block;vertical-align: middle; margin:0; padding:8px 10px 0 10px; border-right:1px solid #898989; height:35px;font-size:35px; line-height:12px; text-align:center;}
#header .inner .timer .min{display:inline-block;vertical-align: middle; margin:0; padding:8px 10px 0 10px; border-right:1px solid #898989; height:35px; font-size:35px; line-height:12px; text-align:center;}
#header .inner .timer .sec{display:inline-block;vertical-align: middle; margin:0; padding:8px 10px 0 10px;  height:35px;font-size:35px; line-height:12px; text-align:center;}
#header .inner .timer .tani{ font-size:8px; color:#898989;}
#header .inner .timer .today{font-size:35px; color:#3AFDF0; letter-spacing: 0.1em;}
#header .inner .sns_icon{ height:28px; display: inline-block;vertical-align: middle; margin-right:0; float:right;}
#header .inner .sns_icon li{ display: inline-block; margin-right:20px; line-height:53px; color: #fff;}
#header .inner .sns_icon a{color: #fff; font-size: 20px;}
#header .inner .sns_icon a:hover{ color: #39fef5;}
#header .inner .sns_icon .icon-brand::before{content: "\e900";color:#fff !important;}
#header .inner .sns_icon a:hover .icon-brand::before{color:#39fef5 !important;}
#header .inner .lang{display: inline-block;vertical-align: middle;float:left;  line-height:52px;}
#header .inner .lang li{ font-size:14px; line-height:14px;display: inline-block; margin:0 5px;}
#header .inner .lang li a{color:#898989;}
#header .inner .lang li a:hover{color:#C00;}
#header .inner .lang .on{ color:#fff;}
#header .inner .hot{display: inline-block;vertical-align: middle; height:38px; float:left; line-height:52px; position:absolute; right:0;}
#header .inner .hot img{height:38px;vertical-align: middle;}

#header .inner .bottom{ height:38px;vertical-align: middle;}
#header .inner .navi{display: inline-block;vertical-align: middle;}
#header .inner .navi li{display: inline-block;vertical-align: middle; margin-right:35px;font-size:13px; line-height:38px; letter-spacing: 0.1em;}
#header .inner .navi li:last-child{ margin-right:0;}
#header .inner .navi li a{ color:#FFF;padding-bottom:5px;}
#header .inner .navi li a:hover{border-bottom:3px #39fef5 solid; padding-bottom:5px;}


/*---------------------------
Menu
---------------------------*/
.overlay{position:fixed; width:100%; height:110%; top:0; left:0; background:rgba(1,1,1,0.9); z-index:7777; overflow:auto;}
.overlay nav{position:relative; top:5%; height:60%; width: 100%;}
.overlay ul{display:inline-block; position:relative; margin:0 0 5%; text-align: center; width: 100%;}
.overlay ul li{ padding: 5% 0; border-bottom: 1px dotted #333;display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; text-align: center;font-family: TTNorms-Bold;font-weight: normal;font-style: normal;}
.overlay ul li a{font-size:16px; display:block; color:#fff !important; -webkit-transition:color 0.2s; transition:color 0.2s; letter-spacing: 0.1em;}
.overlay ul li a:hover, .overlay ul li a:focus{color:#fff;}
.overlay ul li .sns{ margin-bottom: 0;}
.overlay ul li .sns li{ display: inline-block; color: #fff; font-size: 30px; margin:0 10px; border-bottom:none;}
.overlay ul li .sns li a{ color: #fff;}
.overlay ul li .sns .icon-brand::before{content: "\e900";color:#fff !important;}
.overlay ul li .sns a:hover .icon-brand::before{color:#fff !important;}
.overlay-door{visibility:hidden; width:0; left:0; -webkit-transition:width 0.5s 0.3s, visibility 0s 0.8s; transition:width 0.5s 0.3s, visibility 0s 0.8s;}
.open .overlay-door{visibility:visible; width:100%; height:100%; -webkit-transition:width 0.5s; transition:width 0.5s;}
.overlay-door nav{width:100%;}
.overlay-door nav, .overlay-door .overlay-close{opacity:0; -webkit-transition:opacity 0.3s 0.5s; transition:opacity 0.3s 0.5s;}
.open .overlay-door nav, .open .overlay-door .overlay-close{opacity:1; -webkit-transition-delay:0.5s; transition-delay:0.5s;}
.overlay-door.close nav, .overlay-door.close .overlay-close{-webkit-transition-delay:0s; transition-delay:0s;}
.overlay dl{margin:0 0 30px; float:left; width:100%; color:#E3007F;}
.overlay dt{margin:0 0 10px; color:#E3007F;}
.overlay dd{margin:0;}
.overlay dd a{margin:0 5% 0 0;}

/******************************************************************************
 content
*******************************************************************************/
.wapper{ margin-top:117px }
#content{ width:100%; max-width:1140px; margin:0 auto; padding:20px 0 20px 0; background:#656464;}
#content img{ width:100%; vertical-align: bottom;}
#content2{ width:100%; max-width:1140px; margin:0 auto; background:#000; padding:95px 0 20px 0;}
#content3{ width:100%; max-width:1140px; margin:0 auto; padding:95px 0 20px 0; background:#656464;}
.clm2{ padding: 0 20px;}
.clm2 .left{ max-width: 800px; width:70%; margin-right:2%; float: left;}
.clm2 .right{ max-width: 320px; width:28%;float: left;}

#an01, #an02, #an03, #an04{ margin-top: -120px; padding-top: 120px;}

/******************************************************************************
 Slider
*******************************************************************************/
#main{ width:100%; margin:0 auto 20px auto; position:relative; background:#181818;}
#main .slider_box{ width:100%;}
#main img{ width:100%;}
#main .top{ position:absolute; left:0; top:0; width:80px;}

@media screen and (max-width:740px)
{
#main{ margin:0 auto 10px auto;}
#header .inner .timer .today{display: none;}
}

/******************************************************************************
 video
*******************************************************************************/
#video{ width:100%; background: #181818;}
#video .playerbox{ width:100%; height:390px; margin-bottom:10px; }
#video .playerbox{position:relative;width:100%;padding-top:56.25%;}
#video .playerbox iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

#video #playlist li{ background:#181818; font-size: 12px; padding:10px 15px; border-bottom: 1px dotted #666}
#video #playlist li:last-child{border-bottom:none;}
#video #playlist li a{color: #fff;}

/******************************************************************************
 sound
*******************************************************************************/
#sound{ width:100%; margin-top: 20px;background: #181818;}

/******************************************************************************
 banner
*******************************************************************************/
#banner{ width:100%; margin-top: 20px;background: #181818;}
#banner a:hover{opacity: 0.8;}

@media screen and (max-width:740px)
{
#banner{  margin-top: 10px;}
}

/******************************************************************************
 Gallery
*******************************************************************************/
#gallery{ width:100%; margin-top: 20px;background: #181818;}
#gallery .inner{ width:100%; margin:0 auto;}
#gallery .inner .in_box{ width:100%; position:relative;}
#instafeed { text-align:center;}
#instafeed li{ display:inline-block; width:33.333%; padding: 0;}
#instafeed li img{ vertical-align:bottom; width:100%;}
#instafeed li img:hover{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8;}



/******************************************************************************
 News
*******************************************************************************/
#news{ width:100%;padding-bottom:50px; background: #181818; margin-bottom: 20px;}
#news .inner{ width:100%;}
.category-btn{ text-align: center; margin-top: 20px;}
.category-btn li { display: inline-block; margin:0 10px;font-family: TTNorms-Medium;font-weight: normal;font-style: normal; letter-spacing: 0.1em;}
.category-btn li a { color:#fff;}
.category-btn li a.is-current { color:#3AFDF0;}
.category-btn li a:hover{color:#3AFDF0;}
.photo { margin: 20px auto 20px auto;padding: 0; padding:0;}
.photo .photo-block {display: none;opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 250px; margin:0 auto 20px auto;}
.photo .photo-block .box{ margin:0 10px 0 10px;background: #333; }
.photo .photo-block{ color: #fff;}
.photo .photo-block a { color: #fff;}
.photo .photo-block a:hover{ opacity: 0.9; color:#ccc; }
.photo .photo-block .tit_box{ padding: 20px 15px 10px 15px; position: relative;}
.photo .photo-block .tit_box .day{position:absolute; top: -10px; left: -5px; background:url(../images/news/news_day_bg.gif) no-repeat; background-size: cover;  font-size: 10px; letter-spacing: 0.1em; padding:5px 10px;}
.photo .photo-block .tit{ font-weight: bold;font-size: 13px; line-height: 140%;}
.photo .photo-block .playerbox{position:relative;width:100%;padding-top:56.25%;}
.photo .photo-block .playerbox iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
div.category-all .item-all, div.category-sjt .item-sjt, div.category-music .item-music, div.category-video .item-video, div.category-other .item-other{display: block; -webkit-animation: show .5s linear 0s forwards; animation: show .5s linear 0s forwards;}
@-webkit-keyframes show {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@keyframes show {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}

#news .detaile{ width:80%; max-width:600px; margin:0 auto;color: #fff;}
#news .detaile .tit_box{ margin: 20px 0;}
#news .detaile .tit_box .day{ width: 100px; background:url(../images/news/news_day_bg.gif) no-repeat; background-size: cover;  font-size: 10px; letter-spacing: 0.1em; padding:5px 10px; text-align: center;}
#news .detaile .tit_box .tit{font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif; font-size: 20px; letter-spacing: 0.1em; margin-top: 10px; }
#news .detaile .pict{margin:10px auto 0 auto;}
#news .detaile .pict img{ width:100%;}
#news .detaile .pict02{margin:10px auto 0 auto;}
#news .detaile .pict02 img{ width:50%;}
#news .detaile .txt_box{}
#news .detaile .movie{margin:10px auto 0 auto;position:relative;padding-top:56.25%;}
#news .detaile .movie iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
#news .detaile .txt_box .tit{ font-size:34px;font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif; text-align:center; letter-spacing:0.5em; text-decoration:underline; color:#000;}
#news .detaile .txt{ font-size:14px;font-family: "a-otf-futo-go-b101-pr6n",sans-serif; line-height:180%; margin-top: 20px;}
#news .detaile .txt a{ color:#3AFDF0;}

#recent{ width:100%;padding-bottom:50px; background: #181818; margin-bottom: 20px;}
#recent .inner{ width:100%;}

@media screen and (max-width:1110px)
{
.photo .photo-block {width: 230px; margin:0 auto 20px auto;}
#news .detaile{ width:90%; max-width:600px; margin:0 auto;color: #fff;}
}

@media screen and (max-width:1110px)
{
.photo .photo-block {width: 210px; margin:0 auto 20px auto;}
}

@media screen and (max-width:740px)
{
#news{ margin:0 auto 10px auto;}
.photo .photo-block .box{ margin:0 5px 0 5px;background: #333;}
#news .detaile .tit_box .tit{ font-size: 18px; line-height: 140%;}
}
@media screen and (max-width:420px)
{
.photo .photo-block {width: 180px; margin:0 auto 20px auto;}
.photo .photo-block .tit_box{ padding: 15px 10px 10px 10px; position: relative;}
.photo .photo-block .tit_box .day{font-size: 9px;}
.photo .photo-block .tit_box .day span{ display: none;}
.photo .photo-block .tit{ font-weight: bold;font-size: 12px; line-height: 130%;}
}
@media screen and (max-width:375px)
{
.photo .photo-block {width: 168px;margin:0 auto 10px auto;}
.category-btn li{ margin: 0 7px;}
}
@media screen and (max-width:320px)
{
.photo .photo-block {width: 150px;margin:0 auto 10px auto;}
.category-btn li{ margin: 0 7px;}
}


/******************************************************************************
 Lineup
*******************************************************************************/
#lineup{ width:100%;padding-bottom:10px; background: #181818; margin-bottom: 20px;}
#lineup .inner{ width:100%; margin:0 auto;  margin-top: 20px;}
#lineup .inner .sub_tit{ height:36px; margin-bottom:25px; text-align:center;}
#lineup .inner .sub_tit img{ height:36px; width:auto;}
#lineup .inner .art{ width:100%;}
#lineup .inner .art img{ width:100%;}
#lineup .inner .lineup{width:97%; margin:0 auto; text-align:center;}
#lineup .inner .mini{width:99%; }
#lineup .inner .lineup li{ width:47%; margin:0 1%; display:inline-block; vertical-align:top; margin-bottom: 30px; }
#lineup .inner .lineup .amd{ width: 30%;}
#lineup .inner .lineup .ami{ width: 22%;}
#lineup .inner .lineup a .asha:hover, #lineup .inner .lineup li a .name:hover{opacity: 0.8;filter: alpha(opacity=80);-moz-opacity:0.8;}
#lineup .inner .lineup .asha{ position:relative;}
#lineup .inner .lineup .asha img{ width:100%; vertical-align:bottom;}
#lineup .inner .lineup .name{ padding:10px 0 10px 0; border-bottom:1px solid #666; width:100%; font-size:24px; line-height:24px;font-family: TTNorms-Medium;font-weight: normal;font-style: normal; color:#fff; letter-spacing: 0.05em;}
#lineup .inner .f18{ font-size: 16px;}
#lineup .inner .lineup .sns_box{ width:100%; margin-top:10px;}
#lineup .inner .lineup .sns_box .icon_box{ display:table-cell; width:30px; height:18px; border-right:1px solid #666; vertical-align:middle;}
#lineup .inner .lineup .sns_box .icon{ height:7px; width:20px; background:#3AFDF0;}
#lineup .inner .lineup .sns_box .sns{ display:table-cell;height:18px; vertical-align:middle;}
#lineup .inner .lineup .sns_box .sns p{ float:left; padding:0 3px; border-right:1px solid #666; font-size:9px; height:9px; line-height:9px; margin-bottom: 5px;}
#lineup .inner .lineup .sns_box .sns p a{ color: #fff;}
#lineup .inner .lineup .sns_box .sns p a:hover{ color: #666;}

#lineup .inner .subtit{font-size: 20px; color:#3AFDF0; margin-bottom: 10px; font-family: TTNorms-Medium;font-weight: normal;font-style: normal; letter-spacing: 0.05em; text-align: center;}

#lineup .inner .alllist { text-align: center; margin-top: 10px;}
#lineup .inner .alllist li{ font-size: 32px;font-family: TTNorms-Medium;font-weight: normal;font-style: normal; letter-spacing: 0.05em; color: #fff;}
#lineup .inner .alllist .subtit{font-size: 14px; color:#3AFDF0; margin-top: 20px; }
#lineup .inner .alllist .f22{ font-size: 25px; line-height: 160%;}

@media screen and (max-width:1080px)
{
#lineup .inner .lineup .name{ font-size: 18px;}
#lineup .inner .mini{width:100%;}	
}

@media screen and (max-width:740px)
{
#lineup{ margin:0 auto 10px auto;}
#lineup .inner .lineup li{ width:47%; }
#lineup .inner .alllist{ padding: 0 10px;}
#lineup .inner .alllist li{ font-size: 20px; letter-spacing: 0.05em;}
#lineup .inner .alllist .f22{ font-size: 16px;}

}

@media screen and (max-width:480px)
{
#lineup .inner .lineup .name{ font-size: 21px;}
#lineup .inner .lineup li{ width: 95%;margin:0 1% 20px 1%;}
#lineup .inner .lineup .amd{ width: 95%;}
#lineup .inner .lineup .ami{ width: 47%;}
#lineup .inner .mini{width:97%; margin-top: 0;}	
#lineup .inner .alllist {  margin-top: 0;}
#lineup .inner .alllist li{ font-size: 20px; letter-spacing: 0.05em; margin-top: 0;}
#lineup .inner .alllist .f22{ font-size: 17px;}
}


/******************************************************************************
 Ticket
*******************************************************************************/

#ticket{ width:100%;  padding-bottom:50px; background: #181818;margin-bottom: 20px;}
#ticket .inner{width:100%; margin:0 auto;}
#ticket .inner .ticket_box{ width:98%; margin: 20px auto 0 auto;} 
#ticket .inner .jp{ width:46%; padding:0 2%; float:left;} 
#ticket .inner .en{ width:46%; padding:0 2%; float:left; } 

#ticket .inner .buy { width: 100%; margin: 0 auto;}
#ticket .inner .buy a{ border: 1px solid #3AFDF0; color: #000; display: block; text-align:center;font-family: TTNorms-Bold;font-weight: normal;font-style: normal; padding: 15px 0;  letter-spacing: 0.1em;font-size: 28px;line-height: 28px; background:#3AFDF0;  }
#ticket .inner .buy a:hover{;border: 1px solid #3AFDF0; color: #3AFDF0; background:none; }
#ticket .inner .buy a span{ font-size: 15px;font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif;line-height: 15px;}
#ticket .inner .t_box{ position:absolute; height:37px; margin:auto; top:0; bottom:0; left:0; right:0;}
#ticket .inner .w_jp{ width:155px;}
#ticket .inner .w_jp_big{ width:260px;}
#ticket .inner .w_en{ width:283px;}
#ticket .inner .f_jp{ letter-spacing:0.1em; font-weight: bold;}
#ticket .inner .f_en{ letter-spacing:0.2em;}
#ticket .inner .t_tit{font-size:17px; font-family: TTNorms-Bold;font-weight: normal;font-style: normal; position:relative; color:#3AFDF0;}
#ticket .inner .t_mini{font-size:14px !important;}
#ticket .inner .t_tit .icon{ position:absolute; bottom:-5px; left:0; width:10px; height:2px; background:#3AFDF0; display:block;}
#ticket .inner .detail{ color:#fff; font-size:13px; margin-top:20px;line-height: 180%; letter-spacing: 0.05em;}
#ticket .inner .detail span{ font-size: 11px; line-height: 150%; display: block;}

@media screen and (max-width:740px)
{
#ticket{ margin:0 auto 10px auto;}
#ticket .inner .jp{ width:95%; padding:0; float:none;margin: 0 auto;} 
#ticket .inner .en{ width:95%; padding:0; float:none; margin: 30px auto 0 auto;} 
}

/******************************************************************************
 Goods
*******************************************************************************/

#goods{ width:100%;background:#181818;}
#goods .inner{width:100%; margin:0 auto;}
#goods ul{ padding: 20px}
#goods li{ width: 100%; margin-bottom: 20px;}
#goods li:last-child{ margin-bottom: 0;}
#goods li a:hover{ opacity: 0.8;}

@media screen and (max-width:740px)
{
#goods ul{ padding: 20px 10px;}
#goods li{ width: 100%; margin-bottom: 10px;}
}



/******************************************************************************
 About
*******************************************************************************/

#about{ width:100%;margin:20px auto 0 auto;background:#181818;}
#about .inner{ max-width:100%; margin:0 auto;padding:0 0 0 0;}
#about .inner .venue{ font-size:20px;font-family: TTNorms-Medium;font-weight: normal;font-style: normal;margin-bottom:5px; color:#fff; letter-spacing:0.05em;  text-align: center;}
#about .inner .youtube{position:relative;width:100%;padding-top:56.25%;}
#about .inner .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
#about .inner .txt_box{ padding: 15px; color:#fff; }
#about .inner .subtit{ font-size:20px;font-family: TTNorms-Medium;font-weight: normal;font-style: normal;}
#about .inner .txt{ font-size:18px;line-height:160%; margin:0 auto 10px auto;}
#about .inner dl{ width:100%; font-size:13px;letter-spacing:0.1em; margin:0 auto 10px auto;letter-spacing:0.05em;}
#about .inner dt{ width:27%; float:left;}
#about .inner dd{ width:73%; float:left;}
#about .inner .towa{ width:100%; margin-top:10px; font-size:13px; line-height:160%; }
#about .inner .what{font-size:22px; font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif; margin-top:20px; letter-spacing:0.1em;  color:#000;}
#about .inner .view{ max-width:310px; width:100%; margin:50px auto 0 auto;}
#about .inner .view img{ width:100%;}
@media screen and (max-width:740px)
{
#about .inner .txt_box{ padding: 0 15px 15px 15px; color:#fff; }
}


/******************************************************************************
 Social
*******************************************************************************/

#social{ width:100%;  margin:20px auto 0 auto;background:#181818;}
#social .inner{ width:100%; margin: 0 auto;}
#social .inner .tw_box{ width:100%;position:relative; background:#FFF; }
#social .inner .fb_box{ width:100%;  position:relative ;background:#FFF;}
._1drm._1b90{ border: none!important;}




/******************************************************************************
 footer
*******************************************************************************/
#footer{ width:100%; max-width: 1140px; margin:0 auto 0 auto; padding:80px 0 80px 0; }
#footer .inner{ width:100%; margin:0 auto;border-bottom:1px solid #898989; padding-bottom:50px;}
#footer .inner .sns_box{ width:250px; margin:0 auto; float:left; text-align:center;}
#footer .inner .mail_box{ width:400px; margin:0 50px; float:left; text-align:center;border-bottom:1px solid #898989 !important;}
#footer .inner .logo_box{ width:250px; margin:0 auto; float:right;}
#footer .inner .sub_tit{ height:11px; text-align:center; margin-bottom:30px;}
#footer .inner .sub_tit img{ height:11px; width:auto;}
#footer .inner .sns_icon{ height:28px; vertical-align: middle; margin-right:0; }
#footer .inner .sns_icon li{ display: inline-block; margin:0 8px; line-height:53px; color: #fff;}
#footer .inner .sns_icon a{color: #fff; font-size: 20px;}
#footer .inner .sns_icon a:hover{ color: #39fef5;}
#footer .inner .sns_icon .icon-brand::before{content: "\e900";color:#fff !important;}
#footer .inner .sns_icon a:hover .icon-brand::before{color:#39fef5 !important;}
#footer .inner .logo{ text-align:center;}
#footer .inner .logo li{ display:inline-block; width:auto; margin:0 8px;}
#footer .inner .logo li img{ width:auto; height:55px;}
#mc_embed_signup{ background:none !important;}
.email{ width:80%; padding:10px; border:none !important; background:none !important; margin:0 auto; color:#FFF !important; font-size:15px;  float:left;}
.clear{ width:10%; float:left; margin-top:10px;}
#mc_embed_signup .button{ background:none !important; height:8px !important; padding:0 !important; border-radius:0 !important;}
#footer .copy{ font-size:10px; color:#fff; text-align:center; padding-top:30px;}




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

.btn{display:block; width:50px; height:50px; position:fixed; z-index:8888; left:0; top:0; background:#3AFDF0;}
.btn button{border:none; outline:none; background:none; text-indent:-9999px; position:absolute; top:18px; right:16px; width:18px; height:15px; cursor:pointer; z-index:4444; overflow:hidden; border-top:2px solid #000;}
.btn button::before, .btn button::after{position:absolute; left:0; content:""; width:22px; height:0; border-top:2px solid #000;}
.btn button::before{top:3px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.btn button::after{bottom:3px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.open button{border-top:none; top:10px !important; width:20px; height:20px;}
.open button::before, .open button::after{top:12px; width:20px;}
.open button::before{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:all .2s ease; transition:all .2s ease;}
.open button::after{-webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .2s ease; transition:all .2s ease;}	
#trigger-overlay{ display:block;}

.wapper{ width:100%!important; position:relative; z-index:2; margin-top:53px; }
#sp_header {width: 100%;background:url(../images/common/bg_navi.gif); height:50px; border-bottom:3px solid #424241; position:fixed; top:0; left:0; z-index:1000;}

#content{  padding:10px 0;}
.clm2{ padding: 0 10px;}
.clm2 .left{ width:100%; margin-right:0; float: none;}
.clm2 .right{ width:100%;float: none; max-width:100%; margin-top: 10px;}

#an01, #an02, #an03, #an04{ margin-top: -60px; padding-top: 60px;}

#sp_header .inner {width:100%; height:50px; margin:0 auto; position:relative; }
#sp_header .inner .logo{ width:50px; height:50px; float:left; margin-right:10px;}
#sp_header .inner .logo span{ text-indent:-9999px; display:block;}
#sp_header .inner .logo img{ width:100%;}


#header.fixed { position: fixed; top: 0; }
#header {position:fixed;top: 0; z-index:1000;width: 100%;background: rgba( 0, 0, 0, 0.8); height:50px; border-bottom:3px solid #424241;}
#header .outer {position: relative; background:url(../images/common/bg_navi.gif); width:100%; height:50px;}
#header .inner {max-width:1000px; width:100%; height:50px; margin:0 auto; position:relative;}
#header .inner .logo{ width:50px; height:50px; float:right; margin-right:5px;}
#header .inner .logo span{ text-indent:-9999px; display:block;}
#header .inner .logo img{ width:100%;}
#header .inner .warp{ float:none; width:auto;}
#header .inner .top{ height:50px;vertical-align: middle;}
#header .inner .begins{ display:none;}
#header .inner .timer{ height:30px; display:inline-block;vertical-align: middle;font-family: TTNorms-Bold;font-weight: normal;font-style: normal; letter-spacing:0.1em; margin-right:0; float:none; line-height:50px; text-align: center; margin-left: 60px;}
#header .inner .timer .day{display:inline-block;vertical-align: middle; margin:0; padding:8px 3px 0 3px; border-right:1px solid #898989; height:30px;  font-size:20px; line-height:12px; text-align:center; }
#header .inner .timer .hour{display:inline-block;vertical-align: middle; margin:0; padding:8px 3px 0 3px; border-right:1px solid #898989; height:30px;font-size:20px; line-height:12px; text-align:center;}
#header .inner .timer .min{display:inline-block;vertical-align: middle; margin:0; padding:8px 3px 0 3px; border-right:1px solid #898989; height:30px; font-size:20px; line-height:12px; text-align:center;}
#header .inner .timer .sec{display:inline-block;vertical-align: middle; margin:0; padding:8px 3px 0 3px;  height:30px;font-size:20px; line-height:12px; text-align:center;}
#header .inner .timer .tani{ font-size:7px; color:#898989;letter-spacing:0.05em; }
#header .inner .sns_icon{ display:none;}
#header .inner .lang{display: inline-block;vertical-align: middle;font-family: "a-otf-futo-go-b101-pr6n",sans-serif; float:left;  line-height:50px; margin-top:10px;}
#header .inner .lang li{ font-size:14px; line-height:14px;display:block; margin:0 0 5px 0;}
#header .inner .lang li a{color:#898989;}
#header .inner .lang li a:hover{color:#C00;}
#header .inner .lang .on{ color:#fff;}
#header .inner .hot{ display:none;}

#header .inner .bottom{  display:none;}]





.side-menu-btn{display:block;}
.sp_overlay {visibility: hidden;position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;background:000;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 3;}
.sp_overlay::after {visibility: hidden;position: fixed;top: 40%;left: 0;display: block;width: 100%;height: 50px;color: rgba(255,255,255,0);font-size: 40px;font-weight: bold;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-open .sp_overlay {visibility: visible;cursor: pointer;background: rgba(0,0,0,.7);}
.side-open .sp_overlay::after {visibility: visible;color: rgba(255,255,255,.8);}

.side-menu {display:block;  position:fixed;top: 0;right: 0;width: 250px; padding:20px; box-sizing:border-box;height: 100%;background:#000;z-index: 1;color:#333; overflow:auto;}
.side-menu li{margin:10px 0;font-family:'Lato', sans-serif; font-size:14px; font-weight:900; letter-spacing:0.1em;font-family: "a-otf-futo-go-b101-pr6n",sans-serif; font-size:13px;}
.side-menu li a{color:#FFF;}
.side-menu-btn {position: fixed;top: 17px;right: 10px;width: 20px;height: 15px;background: #ccc;cursor: pointer;z-index:1000;overflow: hidden;background:#fff ;}
.side-menu-btn::before, .side-menu-btn::after {position: absolute;left: 0;content: "";width: 20px;height: 0;border-top: 3px solid #000;}
.side-menu-btn::before {top: 3px;}
.side-menu-btn::after {bottom: 3px;}
.side-open .wapper{-webkit-transform: translate3d(-250px, 0, 0);transform: translate3d(-250px, 0, 0); position:absolute;}
.side-open .sp_overlay {-webkit-transform: translate3d(-250px, 0, 0);transform: translate3d(-250px, 0, 0); position:fixed;}
.side_sns_box{float:left; width:100%; margin:0;}
.side_sns_box p{float:left; margin:0 10px 0 0; width:20px; height:20px;line-height:20px; text-align:center;display: inline-table;}
.side_sns_box p img{vertical-align:middle;  height:20px;}

#sound, #gallery, #about, #social{margin-top: 10px;}






/******************************************************************************
 footer
*******************************************************************************/
#footer{ width:100%; max-width:1140px; margin:0 auto 0 auto; padding:50px 0 20px 0; }
#footer .inner{ max-width:90%; margin:0 auto;border-bottom:none; padding-bottom:50px;}
#footer .inner .sns_box{ width:100%; margin:0 auto; float:left; text-align:center;}
#footer .inner .mail_box{ width:100%; margin:0 auto; float:left; text-align:center;border-bottom:1px solid #898989 !important;}
#footer .inner .logo_box{ width:100%; margin:30px auto 0 auto; float:right;}
#footer .inner .sub_tit{ height:11px; text-align:center; margin-bottom:30px;}
#footer .inner .sub_tit img{ height:11px;}
#footer .inner .sns{}
#footer .inner .sns li{ display:inline-block; width:30px; margin:0 8px;}
#footer .inner .sns li img{ width:100%;}
#footer .inner .logo{ text-align:center;}
#footer .inner .logo li{ display:inline-block; width:auto; margin:0 8px;}
#footer .inner .logo li img{ width:auto; height:55px;}
#mc_embed_signup{ background:none !important;}
.email{ width:80% !important; padding:10px; border:none !important; background:none !important; margin:0 auto; color:#FFF !important; font-size:15px;  float:left;}
.clear{ width:10% !important; float:left; margin-top:10px;}
#mc_embed_signup .button{ background:none !important; height:8px !important; padding:0 !important; border-radius:0 !important; width:10px !important;}
#mc_embed_signup .clear
#footer .copy{ font-size:10px; color:#888889; text-align:center; font-style:italic; padding-top:30px; width:90%; margin:0 auto;}




.pt50{ padding-top:30px !important;}
.pt150{ padding-top:80px !important;}
.pt114{ padding-top:70px !important;}
.pt94{ padding-top:50px !important;}
}


@media screen and (max-width:640px)
{
.pc_dis{ display:none !important;}
.sp_dis{ display:block !important;}
.bx-wrapper .bx-pager {margin-top:-15px !important;}

#footer .sns{ text-align:center; color:#FFF; margin-top:0; margin-left:0; padding-bottom:30px;}
#footer .sns li{ display:inline-block; margin:0 7px; font-size:100%;height:35px; vertical-align:middle; line-height:40px;}
#footer .sns .hot{ width:40px;height:34px;}
#footer .sns .snap{ width:19px; padding-top:5px;}
.youtube{ width:90%; margin:50px auto 30px auto;}
.youtube iframe{ width:100% !important; height:200px !important;}

.youtube_box { width:100%;}
.youtube_box iframe{ width:100% !important; height:200px !important;}



.pt114{ padding-top:60px !important;}
.bx-controls-direction{ display:none !important;}
.bx-wrapper iframe {max-width: 100%; max-height:170px !important;display: block;}

#instafeed li{ display:inline-block; width:32%; margin:0.3%}




}

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

}

.pc_dis{ display:block;}
.sp_dis{ display:none;}