@charset "utf-8";

@font-face{
    font-family:"TwCenMTBold";
    src:url("./Fonts/TwCenMTBold/TwCenMTBold.eot?#iefix");
    src:url("./Fonts/TwCenMTBold/TwCenMTBold.eot?#iefix") format("eot"),
    	url("./Fonts/TwCenMTBold/TwCenMTBold.woff2") format("woff2"),
    	url("./Fonts/TwCenMTBold/TwCenMTBold.woff") format("woff"),
    	url("./Fonts/TwCenMTBold/TwCenMTBold.ttf") format("truetype"),
    	url("./Fonts/TwCenMTBold/TwCenMTBold.svg#TwCenMTBold") format("svg");
}

@font-face{
    font-family:"RussoOneRegular";
    src:url("./Fonts/RussoOneRegular/RussoOneRegular.eot?#iefix");
    src:url("./Fonts/RussoOneRegular/RussoOneRegular.eot?#iefix") format("eot"),
      url("./Fonts/RussoOneRegular/RussoOneRegular.woff2") format("woff2"),
      url("./Fonts/RussoOneRegular/RussoOneRegular.woff") format("woff"),
      url("./Fonts/RussoOneRegular/RussoOneRegular.ttf") format("truetype"),
      url("./Fonts/RussoOneRegular/RussoOneRegular.svg#RussoOneRegular") format("svg");
}


body,h1,h2,h3,h4,i,em,ul,ol,li,a,img,div,p,dl,dt,dd,table,tr,td{ margin:0; padding:0;}
div{vertical-align:top;}
i,em{ font-style:normal;}
ul,li,dl,dd,dt{ list-style: none;}
a{/*  color: inherit; */color: #1da1f2; text-decoration: none; outline: none;}
a:hover{ text-decoration:none;  color: #e96d6d;}

img{ vertical-align:bottom; border:none; max-width:100%;height:auto;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content:" ";clear: both;display: block;visibility:hidden;height:0;}
.clear{ clear:both;}
/* ::selection{ background:#958c00; color:#fff;} */



.f10{ font-size:10px; font-size: 0.1rem; line-height: 160%;}
.f11{ font-size:11px; font-size: 0.11rem;line-height: 160%;}
.f12{ font-size:12px; font-size: 0.12rem;line-height: 160%;}
.f14{ font-size:14px; font-size: 0.14rem;line-height: 160%;}
.f15{ font-size:15px; font-size: 0.15rem;line-height: 160%;}
.f16{ font-size:16px; font-size: 0.16rem;line-height: 160%;}
.f18{ font-size:18px; font-size: 0.18rem;line-height: 160%;}
.f20{ font-size:20px; font-size: 0.2rem; line-height: 160%;}
.f22{ font-size:22px; font-size: 0.22rem;line-height: 150%;}
.f24{ font-size:24px; font-size: 0.24rem;line-height: 150%;}
.f25{ font-size:25px; font-size: 0.25rem;line-height: 150%;}
.f26{ font-size:26px; font-size: 0.26rem;line-height: 140%;}
.f27{ font-size:27px; font-size: 0.27rem;line-height: 140%;}
.f28{ font-size:28px; font-size: 0.28rem;line-height: 140%;}
.f30{ font-size:30px; font-size: 0.3rem; line-height: 140%;}
.f32{ font-size:32px; font-size: 0.32rem;line-height: 140%;}
.f34{ font-size:34px; font-size: 0.34rem;line-height: 130%;}
.f36{ font-size:36px; font-size: 0.36rem;line-height: 130%;}
.f38{ font-size:38px; font-size: 0.38rem;line-height: 130%;}
.f40{ font-size:40px; font-size: 0.4rem;line-height: 130%; }
.f44{ font-size:44px; font-size: 0.44rem;line-height: 130%; }
.f42{ font-size:42px; font-size: 0.42rem;line-height: 120%;}
.f48{ font-size:48px; font-size: 0.48rem;line-height: 120%;}
.f50{ font-size:50px; font-size: 0.5rem;line-height: 120%;}
.f52{ font-size:52px; font-size: 0.52rem;line-height: 120%;}


.font-tcm{font-family:"TwCenMTBold", serif;}
.font-ror{font-family:"RussoOneRegular", serif;}

.font-blod{font-weight: bold;}

.color_pink{color:#ef9bae;}
.color_og{color:#b07017;}
.color_red{color: #ff0000;}
.color_yel{color: #fff000;}

.inlineblock{ display: inline-block; }
.pc_none{ display:none;}
.sp_none{ display:block;}

.pd_t20{ padding-top: 20px; padding-top: 0.2rem; }
.pd_t30{ padding-top: 30px; padding-top: 0.3rem; }
.pd_t50{ padding-top: 50px; padding-top: 0.5rem; }
.pd_b10{ padding-bottom: 10px; padding-bottom: 0.1rem; }
.pd_b20{ padding-bottom: 20px; padding-bottom: 0.2rem; }
.pd_b30{ padding-bottom: 30px; padding-bottom: 0.3rem; }

.hop08{ transition:opacity 0.2s!important; }
.hop08:hover{ opacity: 0.8; }

/*----------------------------------------------------------*/


html{font-size: 100px;}
body{overflow-x:hidden;font-size:16px; line-height: 150%; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN w6","メイリオ","ＭＳ Ｐゴシック",Meiryo,sans-serif; color:#4d4d4d; position:relative;touch-action: pan-y;}





/****************************header css ****************************/
.ttbgd{background-image:url(../images/logo_an01.png),url(../images/logo_an02.png),url(../images/logo_an03.png),url(../images/logo_an04.png),url(../images/logo_an05.png),url(../images/logo_an06.png); display: none;}

.header{ width: 100%; position: relative;}
.index .header{/* background: url(../images/bg02.jpg) center top / cover no-repeat; */ height: 100vh; overflow: hidden;}

/* menu mob */
.menu_mob{ background:#ff000f; border-bottom: 1px solid #fff; position: relative; z-index: 500;}
.menu_inner{width: 1100px;max-width: 100%; margin: 0 auto;}
.menu_inner .mn_logo{ float: left; width:260px; width: 2.6rem;}
.menu_inner .mn_list{ float: left; width: calc(100% - 2.6rem); color: #fff;font-family:"TwCenMTBold"; text-align: right;}
.menu_inner .mn_list li{ display: inline-block; text-align: center; padding: 0 0.11em;}
.menu_inner .mn_list li.sp_menutit{ display:none;}
.menu_inner .mn_list li a{ display: block; padding: 15px 0; padding:0.2rem 0;  max-width: 100%; line-height:110%; color: #fff; position: relative;transition:color 0.3s;}
.menu_inner .mn_list li a.comingsoon:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute;top: 0; left: 0; background: url(../images/comingsoon.png) center center no-repeat; background-size: 100% auto;}
.menu_inner .mn_list li a:hover{ color: #000; }
.menu_inner .mn_list li a.comingsoon:hover{  color: #fff;}
.menu_inner .mn_list .mn_twi{  min-width: auto;vertical-align: middle;}
.menu_inner .mn_list .mn_twi a{ width: 40px; width: 0.4rem; padding: 0 0.1rem 0.3rem 0.1rem; }
.menu_inner .mn_list .mn_twi a:hover{ opacity: 0.8; }
.menu_inner .mn_list .mn_smt{ display: block; }

.top_inner{background: url(../images/top_bg.jpg) center top repeat; background-size:6.16rem auto;  height: calc(100vh - 1.7rem - 0.7rem - 5vh);}
.top_inmob{ min-width:1040px; max-width: 100%; width: 75vw; height: 100%; margin:0 auto; background: url(../images/top_bg02.png) center center no-repeat; background-size: cover; position: relative; }

.logo_in{ position: absolute; top:40%; left: 50%; transform:translate(-50%,-50%); /* width:28.36%; */width:35vh; max-width: 40% }
.logo{ position: absolute; width: 100%; height: 100%; background:url(../images/logo_an01.png) 10% center no-repeat; background-size: 88.135% auto;/* animation:logolood 6s infinite; */ z-index: 45; transition:background 0.8s;}

.logo_nl{ position: absolute; width: 100%; height: 100%; background:url(../images/logo_an01.png) 10% center no-repeat; background-size: 88.135% auto;z-index: 50; opacity: 1;}

.lightlogo_1{background-image:url(../images/logo_an01.png);z-index: 59;}
.lightlogo_2{background-image:url(../images/logo_an02.png);z-index: 58;}
.lightlogo_3{background-image:url(../images/logo_an03.png);z-index: 57;}
.lightlogo_4{background-image:url(../images/logo_an04.png);z-index: 56;}
.lightlogo_5{background-image:url(../images/logo_an05.png);z-index: 55;}
.lightlogo_6{background-image:url(../images/logo_an06.png);z-index: 54;}




@-webkit-keyframes logolood {
  0%{ background-image:url(../images/logo_an01.png)}
  16.6%{ background-image:url(../images/logo_an02.png)}
  33.2%{ background-image:url(../images/logo_an03.png)}
  49.8%{ background-image:url(../images/logo_an04.png)}
  66.4%{ background-image:url(../images/logo_an05.png)}
  83.2%{ background-image:url(../images/logo_an06.png)}
  100%{ background-image:url(../images/logo_an01.png)}
}
@keyframes logolood {
  0%{ background-image:url(../images/logo_an01.png)}
  16.6%{ background-image:url(../images/logo_an02.png)}
  33.2%{ background-image:url(../images/logo_an03.png)}
  49.8%{ background-image:url(../images/logo_an04.png)}
  66.4%{ background-image:url(../images/logo_an05.png)}
  83.2%{ background-image:url(../images/logo_an06.png)}
  100%{ background-image:url(../images/logo_an01.png)}
}

.top_text{ position: absolute; bottom:3vh; left: 50%; transform:translate(-50%,0%); width:53.84%; height:10vh; text-align: center;  }
.top_text img{ max-height: 100%; vertical-align: bottom;}

.time_cd{ background: #b10008; padding: 0.16rem 0 0.08rem 0; }
.countdown{ width:560px; width: 5.6rem;/*  height: 78px; height: 0.78rem; */ margin: 0 auto; background:url(../images/time_bg.png) 0 0 no-repeat; background-size:100% auto; font-size: 0.6rem; line-height: 90%; color: #ffff00;  padding-top:0.26rem; text-align: right;}
.countdown .cdtime{ float: left; letter-spacing: 0.08em;}
.countdown .time_d{ width:23.66%;}
.countdown .time_h{ width:22.14%;}
.countdown .time_m{ width:26.43%;}
.countdown .time_s{ width:22.59%;}

.ti_showtit{ text-align: center; font-size: 0.38rem; line-height: 150%; font-weight: bold; color: #fff;padding: 0.08rem 0 0.16rem 0; }

.tp_photo{ position: absolute; width:23vh; max-width:25%;min-width:17vh; display: none;/* opacity: 0;  animation:imgopacity 1s both; */}
.tp_photo img{ min-height: 10vh;min-width:17vh; }
.photo_01{ top:8.52%; left:3.22%;animation-delay:1s;}
.photo_03{ top:37.39%; left:4.39%;animation-delay:3s;}
.photo_05{ top:66.08%; left:0px;animation-delay:5s;}

.photo_02{ top:8.52%; right:3.22%;animation-delay:2s;}
.photo_04{ top:37.39%;right:9.9%;animation-delay:4s;}
.photo_06{ top:66.08%; right:0px;animation-delay:6s;}

@-webkit-keyframes imgopacity {
  from {opacity: 0;}
  to {opacity: 1; } 
}
@keyframes imgopacity {
  from {opacity: 0;}
  to {opacity: 1; } 
}

.linetmp{ background:#9c0000 url(../images/linetmp.jpg) center top no-repeat; height: 5vh; background-size: auto 100%; }

.scroll_line{ background: #c9c9c9; text-align: center; font-size:0.25rem; line-height: 100%; padding: 0.05rem 0; overflow: hidden;}
.scroll_line .ioc-scdn{ position: relative; display: inline-block; color: #fff; }
.scroll_line .ioc-scdn:before{ content:"∨ "; font-size: 0.88em; display: inline-block;transform: scale(1.5,1);transform-origin: 100% 0; animation:scrolldown 2s infinite; position: relative; top: -1em}
.scroll_line .ioc-scdn:after{ content:" ∨";font-size: 0.88em;display: inline-block;transform: scale(1.5,1);transform-origin:0 100%;animation:scrolldown 2s infinite; position: relative;top: -1em}

@-webkit-keyframes scrolldown {
  from {top:-1em; opacity: 1;}
  to {top:1.5em; opacity: 0;} 
}
@keyframes scrolldown {
  from {top:-1em; opacity: 1;}
  to {top:1.5em; opacity: 0;} 
}


.main{ background:#ff000f url(../images/main_bg.jpg) 0 0 repeat; background-size:6.16rem auto;}
.content{ width: 1100px; max-width: 96%; margin: 0 auto; background: #fff; }

.innermob{ width: 89.1%; padding:0 5.45%}
.im_title{ text-align:center;font-size: 48px; font-size: 0.48rem; line-height:101%; padding-bottom: 0.56em; color: #666666;  }
.im_title .tt_acs{ position: relative;padding: 0 1.5em; }
.im_title .tt_acs:before{ content: ""; position: absolute; top: 0; left: 0; background: url(../images/title-ioc.png) 0 0 no-repeat; background-size:auto 100%; height: 100%; width: 1.5em;  }
.im_title .tt_acs:after{ content: ""; position: absolute; top: 0; right: 0; background: url(../images/title-ioc.png) right 0 no-repeat; background-size:auto 100%; height: 100%; width: 1.5em; }


/* movie_mob */
.im_movie{ width: 800px; max-width:100%; margin: 0 auto;}
.im_movie .ytbif{ padding-bottom: 56.9%; position: relative; width: 100%; margin-bottom: 0.2rem; }
.im_movie .ytbif iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* new_mob */
.new_mob{ padding-top:100px;padding-top:1rem;padding-bottom:0.5rem;  }
.nw_inbox{display: block; margin-bottom:2.6%; transition:all 0.4s;color: #4d4d4d; }
.nw_inbox[href]:hover{ background: #fff0f0; color: #530000; }

.nw_iocline{height: 0.07rem; background: #ff0000; font-size: 0; line-height: 0;text-align: right;}
.nw_iocline span{ display: inline-block;width: 0.07rem;height: 100%; background-color: #e87da9;  }
.nw_iocline span:nth-of-type(1){ background-color:#e87da9; float: left;}
.nw_iocline span:nth-of-type(2){ background-color:#f3b400; float: left;}
.nw_iocline span:nth-of-type(3){ background-color:#6bc3ed; float: left;}
.nw_iocline span:nth-of-type(4){ background-color:#b1d05c; float: left;}
.nw_iocline span:nth-of-type(5){ background-color:#b1d05c;}
.nw_iocline span:nth-of-type(6){ background-color:#6bc3ed;}
.nw_iocline span:nth-of-type(7){ background-color:#f3b400;}
.nw_iocline span:nth-of-type(8){ background-color:#e87da9;}
.nw_incon{border:1px solid #cacaca; display: block; border-top: 0; padding:2.05%;}
.news_ioc{ display: inline-block; font-size: 0.9em; line-height: 120%; color: #fff; background: #ff0000; margin-left: 0.5em; padding: 1px 0.5em; }
.nw_conton{ padding-top:2.15%; margin-top:2.15%; border-top:1px solid #cacaca;  }





.ban_swn{ text-align: center; }
.ban_swn a{ display: inline-block; padding: 0.8em 2em; color: #ff0000; line-height: 100%; border-radius: 9999px; box-sizing:border-box; position: relative; border:2px solid #ff0000;transition:background 0.4s step-middle,color 0.4s step-middle; font-weight: bold; margin:0 0.4em;}

.ban_swn a:before{ content:" "; display: block;transition:all 0.2s ease-out; position:absolute; top:0; left: 0; width: 100%; height: 100%; background: #ff0000; /* transform: scale(0,0); */ opacity: 0; transform-origin:50% 50%; z-index: 10;border-radius: 9999px; }
.ban_swn a span{z-index: 12; position: relative; }
.ban_swn a:hover,.ban_swn a.sel{color: #fff;}
.ban_swn a:hover:before,.ban_swn a.sel:before{ transform: scale(1,1); opacity: 1;}


/* twi_mob */
.twi_mob{ padding-top:40px;padding-top:0.4rem;padding-bottom:0.5rem; background: #eeeeee;}
.twi_mob .im_moblist{ text-align: center; padding-bottom: 0.32rem; }
.twi_ibc{min-width:1.92rem; min-height: 1.92rem; width:200px; display:inline-block; padding: 0 1.5%; max-width:28%; text-align: center; overflow: hidden;height: 200px;}
.twitter-tweet{ min-width:1px!important; height:200px!important; overflow-y: auto!important; display: inline-block!important;}

.twi_mob .im_twitter{ width: 100%; max-width:890px; margin: 0 auto; min-height: 360px; }



/* info_mob */
.info_mob{ padding-top:50px;padding-top:0.5rem;padding-bottom:0.9rem;}
.info_mob .im_moblist{}
.info_mob .info_txt{ text-align: center; padding-bottom: 0.4rem; }
.info_mob .gl_map{ width:690px; max-width: 100%; margin: 0 auto;}
.info_mob .gl_map .gl_smf{ margin: 0.25rem 0 0.45rem 0; }




/* ---- page --- */
.page .index_mob{ display: none; }

.innerpage .content{ padding-top: 120px; padding-top: 1.2rem;padding-bottom: 1px; }
.paginmob{ width: 960px; max-width: 96%; margin:0 auto; padding-bottom: 0.8rem; }
.innerpage .linet{ text-align: center; height: 0.05rem; background:#ff0000; width:470px; max-width: 86%; margin: 0 auto 0.5rem auto; font-size: 0; line-height: 0; }
.innerpage .linet span{ display: inline-block; padding:0 0.3rem; background: #fff;    transform: translate(0,-50%);}
.innerpage .linet span img{height:0.67rem;}

.textinline li{ text-indent: -1em; padding-left: 1em; }





/* artist */
.ban_day{text-align: center; font-size: 0; line-height: 0;}
.ban_day a{text-align: center; display: inline-block; font-size:0.18rem; line-height: 100%;min-width:4em; padding: 0.4em 1.2em; margin: 0.1rem;border:0.2em solid #ff0000; font-weight: bolder; color: #ff0000; transition:background 0.4s step-middle,color 0.4s step-middle;  }
.ban_day a:hover,.ban_day a.sel{ background: #ff0000; color: #fff; }

.daymob{ display: none; padding-bottom: 0.5rem; }
.daymob.day01{ display:block; }
.day_time{ text-align: center; color: #ff0000; line-height: 100%; font-weight: bolder; margin: 0.3rem 0 0.47rem 0;}

.pre_list{ padding-bottom: 0.2rem; }
.pre_in{ float: left; width:24.1%; margin:0 1.2% 1.2% 0; position: relative;}
.pre_list .pre_in:nth-of-type(4n){margin-right:0;}
.pre_name{ position: absolute; left: 0; bottom: 0; width: 100%; font-size:0.16rem;line-height: 110%; padding:0.2em;text-align: center; color: #fff; background: #ff0000; box-sizing:border-box; font-weight: bold;}


/* ticket */
.ticket{}
.ticket .ban_day a{}
.day_tcon{ text-align: center; font-weight: bolder; }
.day_tcon .linet{margin-bottom: 0.3rem;}
.daytab{border:2px solid #e2e2e2;border-bottom:0; width: 100%; }
.daytab tr td:nth-child(1){ width: 6em; text-align: center; background:#c9c9c9; color: #fff; font-weight: bold; }
.daytab td{border-bottom:2px solid #e2e2e2; padding:0.8em 1.5em; }
.sfline{ width:9.5em;  display: inline-block; }
.daytab a{ color: #1da1f2; }
.daytab a:hover{ color: #e96d6d; }
/* .rule_list{ padding:50px 0; padding: 0.5rem 0;  } */




/* news */
.news{}
.paging{ text-align: center;  }
.paging span{ display: inline-block; cursor: pointer; color: #ff0000; border:0.11em solid #ff0000; text-align: center; width: 2em; height: 2em;line-height: 200%; font-weight: bolder; margin: 0 0.15em;  }
.paging span:hover,.paging span.sel{ color: #fff; background: #ff0000;}


/* qa */
.qa_title{}
.qa_ttx{/* text-align: center; */background-color:#3e3e3e; color: #fff; padding: 0.2em 0.5em; margin-top:1em;}
.qa_que{ padding: 1em 1em; }
.qa_showbx{ background-color:#ffc7c7; }
.qa_que dt{ color: #ff0000; font-weight: bold; padding-left: 0.44rem;text-indent: -0.44rem;}
.qa_que dt:before{ content: "Ｑ："; color: #000; font-weight: bold; font-size: 0.22rem; }
.qa_que dd{ padding-top: 0.3em; padding-left: 0.44rem;text-indent: -0.44rem; }
.qa_que dd:before{ content: "Ａ："; color: #000;font-weight: bold; font-size: 0.22rem; }


/* goods */
.gd_innerbox{}
.gd_phmob{ position:relative;}
.gbaandm{ margin-bottom: 0.5rem; }
.gdph{ position: absolute; top: 0; left: 0; display: block; height: 0; overflow: hidden; text-indent: -999px; outline: none;}

.gdph_01{margin:0.7% 0 0 0.8%; width:32.34% ;padding-bottom:23.26%;}
.gdph_02{margin:0.7% 0 0 33.9%; width:32.34% ;padding-bottom:23.26%;}
.gdph_03{margin:0.7% 0 0 66.92%; width:32.34% ;padding-bottom:23.26%;}
.gdph_04{margin:24.7% 0 0 0.8%; width:32.34% ;padding-bottom:23.26%;}
.gdph_05{margin:24.7% 0 0 33.9%; width:32.34% ;padding-bottom:23.26%;}
.gdph_06{margin:24.7% 0 0 66.92%; width:32.34% ;padding-bottom:23.26%;}
.gdph_07{margin:48.77% 0 0 0.8%; width:27.34% ;padding-bottom:23.26%;}
.gdph_08{margin:48.77% 0 0 28.67%; width:25.51%;padding-bottom:23.26%;}
.gdph_09{margin:48.77% 0 0 54.69%; width:44.7%;padding-bottom:23.26%;}
.gdph_10{margin:72.75% 0 0 0.8%; width:27.34%;padding-bottom:31.53%;}
.gdph_11{margin:72.7% 0 0 28.75%; width:32.44% ;padding-bottom:10.1%;}
.gdph_12{margin:83.36% 0 0 28.75%; width:32.44% ;padding-bottom:10.1%;}
.gdph_13{margin:94.08% 0 0 28.75%; width:32.44% ;padding-bottom:10.1%;}
.gdph_14{margin:72.7% 0 0 61.93%; width:37.34% ;padding-bottom:20.3%;}
.gdph_15{margin:93.57% 0 0 61.93%; width:37.34% ;padding-bottom:10.61%;}

.gdph_16{margin:0.7% 0 0 50.51%; width:48.46% ;padding-bottom:25.48%;}
.gdph_17{margin:28.57% 0 0 50.51%; width:25.51%;padding-bottom:22.54%;}
.gdph_18{margin:28.57% 0 0 76.22%; width:22.51% ;padding-bottom:22.54%;}
.gdph_19{margin:52.53% 0 0 50.51%; width:48.46% ;padding-bottom:26.48%;}
.gdph_20{margin:80.4% 0 0 50.51%; width:24.51%;padding-bottom:22.54%;}
.gdph_21{margin:80.4% 0 0 75.22%; width:22.51% ;padding-bottom:22.54%;}
.gdph_22{margin:52.53% 0 0 0.8%; width:48.46% ;padding-bottom:26.48%;}
.gdph_23{margin:80.4% 0 0 0.8%; width:22.14% ;padding-bottom:22.54%;}
.gdph_24{margin:80.4% 0 0 22.95%; width:25.51% ;padding-bottom:22.55%;}
.gdph_25{margin:0.7% 0 0 0.8%; width:48.46% ;padding-bottom:24.48%;}
.gdph_26{margin:27.55% 0 0 0.8%; width:22.14% ;padding-bottom:22.54%;}
.gdph_27{margin:27.55% 0 0 22.95%; width:25.51% ;padding-bottom:22.55%;}
.gdph_28{margin:104.5% 0 0 0.8%; width:48.46% ;padding-bottom:26.02%;}
.gdph_29{margin:104.5% 0 0 51.02%; width:20.4% ;padding-bottom:26.02%;}
.gdph_30{margin:104.5% 0 0 73.46%; width:25% ;padding-bottom:26.02%;}

.gdph_31{margin:0.7% 0 0 0.7%; width:32.14% ;padding-bottom:35.71%;}
.gdph_32{margin:0.7% 0 0 33.97%; width:32.14% ;padding-bottom:35.71%;}
.gdph_33{margin:0.7% 0 0 67.14%; width:32.14% ;padding-bottom:35.71%;}
.gdph_34{margin:37.44% 0 0 0.7%; width:32.14% ;padding-bottom:35.71%;}
.gdph_35{margin:37.44% 0 0 33.97%; width:32.14% ;padding-bottom:35.71%;}
.gdph_36{margin:37.44% 0 0 67.14%; width:32.14% ;padding-bottom:35.71%;}
.gdph_37{margin:73.98% 0 0 0.7%; width:32.14% ;padding-bottom:35.71%;}
.gdph_38{margin:73.98% 0 0 33.97%; width:32.14% ;padding-bottom:35.71%;}
.gdph_39{margin:73.98% 0 0 67.14%; width:32.14% ;padding-bottom:35.71%;}
.gdph_40{margin:110.7% 0 0 0.7%; width:32.14% ;padding-bottom:35.71%;}
.gdph_41{margin:110.7% 0 0 33.97%; width:32.14% ;padding-bottom:35.71%;}
.gdph_42{margin:110.7% 0 0 67.14%; width:32.14% ;padding-bottom:35.71%;}
.gdph_43{margin:147.14% 0 0 0.7%; width:32.14% ;padding-bottom:35.71%;}
.gdph_44{margin:147.14% 0 0 33.97%; width:32.14% ;padding-bottom:35.71%;}
.gdph_45{margin:147.14% 0 0 67.14%; width:32.14% ;padding-bottom:35.71%;}
.gdph_46{margin:183.67% 0 0 0.7%; width:32.14% ;padding-bottom:35.71%;}
.gdph_47{margin:183.67% 0 0 33.97%; width:32.14% ;padding-bottom:35.71%;}
.gdph_all{margin:183.67% 0 0 67.14%; width:32.14% ;padding-bottom:35.71%;}



/*LOBBY AREA*/
.lbshoplist{}
.lbshoplist dd{ font-size: 0.22rem;line-height: 120%; font-weight: bolder; padding-bottom:0.05rem;padding-top:0.25rem; }
.lbshoplist dt{font-size: 0.18rem;line-height: 160%;padding-bottom:0.25rem;border-bottom: 1px #ff0000 solid;}
.lbshoplist_mob{font-size: 0.18rem;line-height: 160%; }
.lbshoplist_mob .lbshoplist_inmob {display: flex;flex-wrap: wrap;display:-webkit-flex;-webkit-flex-wrap: wrap; }
.lbshoplist_mob .lbshoplist_inmob dd{display: flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; width: 2.5rem; padding: 0.25rem 0.2rem 0.25rem 0; border-bottom: 1px #ff0000 solid;}
.lbshoplist_mob .lbshoplist_inmob dt{width: calc(100% - 2.7rem); padding: 0.25rem 0; border-bottom: 1px #ff0000 solid;}
.lbshoplist_mob .lbshoplist_inmob dt h4{  font-size: 0.22rem;line-height: 120%;padding-bottom:0.05rem;  }
/*LOBBY AREA*/


/*REPORT*/
.rep_inbox{display: block; margin-bottom:2.6%; transition:all 0.4s;color: #4d4d4d; }
.rep_inbox[href]:hover{ background: #fff0f0; color: #530000; }

.rep_incon{ padding: 5%;border: 1px solid #cacaca; display: block;  color: #4d4d4d; }
.rep_incon[href]:hover {background: #fff0f0;color: #530000;}
.re_name{ padding-bottom: 2%; font-weight: bold; font-feature-settings: "palt"; }
.rep_incon .rep_ph{ float: left; width: 30%; padding-right: 3%; text-align: center; }

.rep_incon .rep_text{ float: left; width: 67%; font-size: 0.18rem; line-height: 150%; }

.rep_innersm{ padding: 5%;border: 1px solid #cacaca; display: block;  color: #4d4d4d; }
.rep_innersm .rep_ph{  text-align: center;  padding-bottom: 2%; margin: 5px 0 10px 0; }
.rep_innersm .rep_text{font-size: 0.18rem; line-height: 1.65em; }

/*REPORT*/





.foot{background: #b10008;text-align:center; color: #fff; padding:0.5rem 0 0.65rem 0;}
.ft_tt{  padding-bottom: 0.5rem; }

.ft_logo{ font-size: 0; line-height: 0; margin-bottom:0.3rem;  text-align: center;}
.ft_logo a:hover{opacity: 0.8;}
.ft_logo img{ display: inline-block; margin:0.06rem 0.06rem;  height:0.37rem;  }


@media screen and (min-width:750px) {
.twi_mob .im_twitter iframe{ width: 100%!important; height: 5.6rem!important; }


}
@media screen and (max-width:1440px) {
.photo_04{ top:37.39%;right:4.39%;}
}

@media screen and (max-width:1040px) {
.top_inmob{ min-width:0; max-width: 100%; width:100%; height: 100%; margin:0 auto; background: url(../images/top_bg02.png) center center no-repeat; background-size: cover; position: relative; }
}

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

.f10{ font-size: 0.12rem; line-height: 160%;}
.f11{ font-size: 0.13rem;line-height: 160%;}
.f12{ font-size: 0.14rem;line-height: 160%;}
.f14{ font-size: 0.16rem;line-height: 160%;}
.f15{ font-size: 0.17rem;line-height: 160%;}
.f16{ font-size: 0.18rem;line-height: 160%;}
.f18{ font-size: 0.20rem;line-height: 160%;}
.f20{ font-size: 0.22rem; line-height: 160%;}
.f22{ font-size: 0.24rem;line-height: 180%;}
.f24{ font-size: 0.26rem;line-height: 160%;}
.f25{ font-size: 0.27rem;line-height: 150%;}
.f26{ font-size: 0.28rem;line-height: 140%;}
.f28{ font-size: 0.30rem;line-height: 140%;}
.f30{ font-size: 0.32rem; line-height: 140%;}
.f32{ font-size: 0.34rem;line-height: 140%;}
.f34{ font-size: 0.36rem;line-height: 130%;}
.f36{ font-size: 0.38rem;line-height: 130%;}
.f38{ font-size: 0.4rem;line-height: 130%;}
.f40{ font-size: 0.4rem;line-height: 130%; }
.f44{ font-size: 0.44rem;line-height: 130%;}
.f42{ font-size: 0.42rem;line-height: 120%;}
.f48{ font-size: 0.48rem;line-height: 120%;}
.f50{ font-size: 0.5rem;line-height: 120%; }
.f52{ font-size: 0.52rem;line-height: 120%;}



.top_inner{background: url(../images/top_bg04_sp.jpg) center top no-repeat; background-size:cover;  height: calc(100vh - 1.7rem - 1.1rem); }

.top_inmob{width:100%; height: 100%; background: url(../images/top_bg03_sp.png) 0 9vh no-repeat; background-size: 100% auto; position: relative; }


/* menu mob */
.menu_mob{ z-index: 500; width: 100%; position: relative;}
.menu_inner{width: 1100px;max-width: 100%; margin: 0 auto; position: relative;}
.menu_inner .mn_logo{ float: none; width:260px; width: 2.6rem;}
.menu_inner .mn_banm{ position: absolute;top: 0; right: 0;width:1.07rem; height: 100%; background:url(../images/ban_spmenu_open.png) 0 0 no-repeat; background-size:auto 100%;}
.menu_open .menu_inner .mn_banm{background:url(../images/ban_spmenu_close.png) 0 0 no-repeat; background-size:auto 100%;}
.menu_inner .mn_list{ float: none; width:100%; color: #fff; text-align:center; position: absolute; top:calc(100% + 1px); background: #ff000f; height:calc(100vh - 1rem); font-size: 3.7vh; line-height:70%; padding-top: 1px; display:none;  /* transition:all 0.5s; */}
.menu_open .menu_inner .mn_list{ }

.menu_inner .mn_list li{ display:block; text-align: center;min-width:0; margin-top:1.3vh; }
.menu_inner .mn_list li.sp_menutit{ display:block; margin-top:3vh; margin-bottom:3vh;}
.menu_inner .mn_list li.sp_menutit span{ position: relative;padding: 0 1.2em; }
.menu_inner .mn_list li.sp_menutit span:before{ content: ""; position: absolute; top: 0; left: 0; background: url(../images/title-ioc02.png) 0 0 no-repeat; background-size:auto 100%; height: 100%; width: 1.5em;  }
.menu_inner .mn_list li.sp_menutit span:after{ content: ""; position: absolute; top: 0; right: 0; background: url(../images/title-ioc02.png) right 0 no-repeat; background-size:auto 100%; height: 100%; width: 1.5em; }
.menu_inner .mn_list li a{ padding: 0; }
.menu_inner .mn_list li a.comingsoon:before{ background-size: auto 100% ;}


.menu_inner .mn_list .mn_smt{ font-size:1.8vh; }
.menu_inner .mn_list .mn_twi{  min-width: auto;vertical-align: middle;}
.menu_inner .mn_list .mn_twi a{ width:auto; padding:0; }
.menu_inner .mn_list .mn_twi img{height:5vh;}

.logo_in{  left: 50%; transform:translate(-50%,-50%); width:40vh;max-width:70%; }
.tp_photo{ display: none!important; }

.top_text{ position: absolute; bottom:3vh; left: 50%; transform:translate(-50%,0%); width:89.7%; height:10vh; text-align: center;  }
.top_text img{ max-height: 100%; vertical-align: bottom;}
.linetmp{ display: none; }
.countdown{ width:90.7%; padding-top:0.46rem;}
.scroll_line{font-size:0.35rem; line-height: 101%; padding: 0.1rem 0; overflow: hidden;}


.content{max-width:100%;}
.ban_swn a{border:1px solid #ff0000;}

/* new_mob */
.nw_iocline{height: 0.16rem; background: #ff0000; font-size: 0; line-height: 0;text-align: right;}
.nw_iocline span{ display: inline-block;width: 0.16rem;height: 100%; background-color: #e87da9;  }



/* twi_mob */
.twi_mob{ padding-top:40px;padding-top:0.4rem;padding-bottom:0.5rem; background: #eeeeee;}
.twi_mob .im_moblist{ text-align: center; padding-bottom: 0.32rem; }

.twi_ibc{ width: auto;max-width: 100%; min-height:3rem; height: auto; display:none; margin: 0 0 0.3rem 0;}


 .twi_mob .im_moblist .twi_ibc:nth-of-type(1){ display: block; }
.twitter-tweet{ min-width:1px!important; height:auto!important; overflow-y: auto!important; display: inline-block!important;}


.ban_swn{ font-size: 0.29rem; }
.ban_swn a{ margin:0.4em; }


/* ---page--- */
.innerpage .content{ padding:1.2rem 5.3% 1px 5.3%; width: auto;}

/* artist  */
.ban_day{text-align: center; font-size: 0; line-height: 0;}
.ban_day a{ font-size:0.26rem; line-height: 100%; padding: 0.4em 0.8em;  }

.pre_list{ padding-bottom: 0.2rem; }
.pre_in{ float: left; width:48.5%; margin:0 3% 3% 0; position: relative;}
.pre_list .pre_in:nth-of-type(2n){margin-right:0;}
.pre_name{ font-size:0.22rem;line-height: 110%;}


/* ticket  */
/* .ticket .ban_day a{ width:8em; } */
.ticket .daymobl{ padding-top: 0.2rem;}
.rule_list{ height: 22.5em;overflow: hidden; }


/* goods  */

.gdph_01{margin:1.2% 0 0 1.2%; width:48.26% ;padding-bottom:34.667%;}
.gdph_02{margin:1.2% 0 0 50.4%; width:48.26% ;padding-bottom:34.667%;}
.gdph_03{margin:37.06% 0 0 1.2%; width:48.26% ;padding-bottom:34.667%;}
.gdph_04{margin:37.06% 0 0 50.4%; width:48.26% ;padding-bottom:34.667%;}
.gdph_05{margin:72.66% 0 0 1.2%; width:48.26%;padding-bottom:34.667%;}
.gdph_06{margin:72.66% 0 0 50.4%; width:48.26%;padding-bottom:34.667%;}
.gdph_07{margin:108.53% 0 0 1.2%; width:48.26%;padding-bottom:34.667%;}
.gdph_08{margin:108.53% 0 0 50.4%; width:48.26%;padding-bottom:34.667%;}
.gdph_09{margin:144% 0 0 1.2%; width:59.06% ;padding-bottom:35.667%;}
.gdph_10{margin:144% 0 0 60.66%; width:38.26%;padding-bottom:35.667%;}
.gdph_11{margin:180.4% 0 0 1.2%; width:48.26% ;padding-bottom:15.2%;}
.gdph_12{margin:196.53% 0 0 1.2%; width:48.26% ;padding-bottom:15.2%;}
.gdph_13{margin:212.66% 0 0 1.2%; width:48.26% ;padding-bottom:14.8%;}
.gdph_14{margin:180.4% 0 0 50.9%; width:48.26% ;padding-bottom:30.26%;}
.gdph_15{margin:211.73% 0 0 50.9%; width:48.26% ;padding-bottom:15.86%;}





/*LOBBY AREA*/
.lbshoplist_mob .lbshoplist_inmob dd{ width: 2rem; padding-right: 0.2rem; }
.lbshoplist_mob .lbshoplist_inmob dt{ width: calc(100% - 2.2rem); }
/*LOBBY AREA*/


/*REPORT*/
.rep_inbox{ margin-bottom: 5%; }
.re_name{ font-size: 0.26rem; line-height: 150%; padding-top: 1%; }
.rep_incon .rep_ph{ float: none; width:auto; padding: 2% 0 6% 0; }
.rep_incon .rep_text{ float: none; width:auto; font-size: 0.22rem; }
.rep_innersm .rep_text{font-size: 0.22rem;}


/*REPORT*/




.ft_logo a:hover{opacity: 0.8;}
.ft_logo img{ display: inline-block; margin:0.06rem;  height:0.5rem;  }



}

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


.ft_tt,.ft_copy{ font-size: 10px; }
}

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





}