@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio,b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video{font-size:100%; vertical-align:baseline; white-space:normal; margin:0; padding:0; border:0; outline:0; background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;} ol, ul{list-style:none;} blockquote, q{quotes:none;}table{border-collapse:collapse; border-spacing:0;} *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:100%;} img{vertical-align:top; max-width:100%;} h1, h2, h3, h4, h5, h6{font-weight:normal;}
/*---------------------------
Link
---------------------------*/
a{outline:none;} a:link{color:#333; text-decoration:none;} a:visited{color:#333; text-decoration:none;}

/*---------------------------
Font
---------------------------*/
body, .abc_txt{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
@font-face{font-family:'icomoon'; src:url('../fonts/icomoon.eot?75ge7x'); src:url('../fonts/icomoon.eot?75ge7x#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?75ge7x') format('truetype'),url('../fonts/icomoon.woff?75ge7x') format('woff'),url('../fonts/icomoon.svg?75ge7x#icomoon') format('svg'); font-weight:normal; font-style:normal;}
[class^="icon-"], [class*=" icon-"]{font-family:'icomoon' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}.icon-facebook:before{content:"\ea90";} .icon-instagram:before{content:"\ea92";} .icon-twitter:before{content:"\ea96";} .icon-line:before{content:"\e900";}
.icon-web:hover{color:#B20000;}.icon-facebook:hover{color:#305097;}.icon-twitter:hover{color:#00aced;}.icon-instagram:hover{color:#B22D00;}.icon-line:hover{color:#00BF00;}
header nav, header dt, .main_img .cap, .main_img .tiket_box .tit, #contents .caption, .top_topics .more a, .top_news .more a, .sponsor_box .cap, footer .menu .tit, .whatsga_box .box_01 .cat, .whatsga_box .box_01 h1, .and_more, .ticket_box .box_01 div .tit, .access_box .p02 a, .overlay nav{font-family:'Raleway', sans-serif;}

/*---------------------------
Html / Body
---------------------------*/
html{height:100%; font-size:12px;}
body{color:#333; line-height:1.8; word-wrap:break-word; font-kerning:normal;}

/*---------------------------
Loader
---------------------------*/
#loader-bg{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:url(../images/common/bg.jpg) 0 0 ; background-size:cover; background-attachment:fixed; z-index:9999;}
#loader{display:none; 	position:absolute; 	top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px!important; border-radius:50px; border:4px solid #FF78BF; border-right-color:transparent; 	-webkit-animation:spin 1s infinite linear; -moz-animation:spin 1s infinite linear;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg); opacity:0.4;}50% {-webkit-transform:rotate(180deg); opacity:1;}100%  {-webkit-transform:rotate(360deg); opacity:0.4;}}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg); opacity:0.4;}50% {-moz-transform:rotate(180deg); opacity:1;}100%  {-moz-transform:rotate(360deg); opacity:0.4;}}

/*---------------------------
共通
---------------------------*/
#wrapper{display:none; background:url(../images/common/bg.jpg) 0 0 ; background-size:cover; background-attachment:fixed; float:left; width:100%; height:100%;}
#contents{float:right; padding:0 0 0 280px; margin:0  0 0 -280px; width:100%; overflow:hidden;}
.pc_dis{display:block;}
.sp_dis{display:none;}
header h1, header .logo, header h2, header .sns_box li a, header li a, header .member a, #contents, header{-webkit-transition:all .3s ease; transition:all .3s ease;}

#contents .caption{padding:0 40px; height:54px; line-height:54px; text-align:center; font-size:20px; position:absolute; top:0; left:20px; z-index:4444; font-weight:100;}
#contents ul, .top_topics{font-size:0;}
#contents .name_box{float:left; width:100%; position:absolute; left:0; bottom:0; font-size:12px; text-align:center; display:table; height:45px; width:100%;}
#contents .name_box p{display:table-cell; vertical-align:middle; line-height:120%; font-size:14px;}
#contents figure{overflow:hidden; padding:0 0 1px;}
#contents figure img{width:100%; -moz-transition:-moz-transform 0.3s linear; -webkit-transition:-webkit-transform 0.3s linear; -o-transition:-o-transform 0.3s linear; -ms-transition:-ms-transform 0.3s linear; transition:transform 0.3s linear;}
#contents figure:hover img{-webkit-transform:scale(1.02); -moz-transform:scale(1.02); -o-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02); -webkit-backface-visibility:hidden;}
#contents .none:hover img{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}

/*---------------------------
Header
---------------------------*/
header{width:280px; float:left; position:fixed; z-index:5555; height:100%; background:#FFF; border-top:5px solid #BFFFEF; text-align:center;}
header .inner{overflow:auto; height:100%;}
header h1{margin:10px 0 12px; font-size:12px; line-height:120%;}
header .logo{margin:0 auto; width:100px;}
header h2{margin:10px 0 12px; line-height:120%;}
header nav{border-top:1px solid #bbb; font-weight:100;}
header ul{padding:15px 0 15px 30px; text-align:left;}
header li{font-size:16px;}
header li a:hover{color:#FF53AA;}
header .member{border-bottom:1px solid #bbb; border-top:1px solid #bbb; font-size:16px; text-align:left; padding:0 0 0 30px; line-height:50px; height:50px;}
header .member a:hover{color:#FF53AA;}
header .sns_box{font-size:0;}
header .sns_box li{display:inline-block; width:25%;}
header .sns_box li a{color:#FF53AA; font-size:22px;}
header dl{width:100%; padding:0 0 0 30px;}
header dt{padding:3px 0 0 0; font-size:12px; float:left; text-align:left; width:100px; height:36px; border-right:1px solid #CCC; line-height:130%; font-weight:100;}
header dd{float:left; width:100%; padding:0 0 0 100px; margin:0 0 0 -100px;}
header dd ul{float:left; width:100%; padding:0;}
header dd li{width:50%; float:left; text-align:center;}
header dd li:first-child{border-right:1px solid #CCC;}

.btn{display:none; position:fixed;}
.open .btn{display:block !important;}
/*
.fixed header h1{display:none;}
.fixed header .logo{width:60px; float:left; text-align:left; margin:10px 15px 0 50px;}
.fixed header h2{margin:13px 0 20px; text-align:left;}*/

/*---------------------------
Menu
---------------------------*/
.overlay{position:fixed; width:100%; height:110%; top:0; left:0; background:rgba(255,120,191,0.9); z-index:7777; overflow:auto;}
.overlay nav{position:relative; top:5%; height:60%;}
.overlay ul{display:inline-block; position:relative; margin:0 0 5%;}
.overlay ul li{margin:0 0 5%; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.overlay ul li a{font-size:16px; display:block; color:#fff !important; -webkit-transition:color 0.2s; transition:color 0.2s;}
.overlay ul li a:hover, .overlay ul li a:focus{color:#f0f0f0;}
.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{position:absolute; left:10%; text-align:left; width:60%;}
.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 .sns_box{font-size:20px; margin:0 0 5% 0;}
.overlay .sns_box a{color:#fff; margin:0 5% 0 0;}
.overlay dl{margin:0 0 30px; float:left; width:100%; color:#fff;}
.overlay dt{margin:0 0 10px; color:#fff;}
.overlay dd{margin:0;}
.overlay dd a{margin:0 5% 0 0;}

/*---------------------------
Footer
---------------------------*/
footer{float:left; width:100%; text-align:center; position:relative; border-top:1px solid #BCFFEF; background:#fff;}
footer .menu{position:absolute; right:0; bottom:0; padding:15px 20px 20px; background:#BFFFEF; text-align:left;}
footer .menu .tit{margin:0 0 5px; font-size:16px; font-weight:100;}
footer .menu ul li{margin:2px 0; font-size:11px;}
footer .logo{margin:30px 0; width:84px;}
footer address{margin:0 0 30px; font-style:normal; font-size:10px; font-weight:100;}

/*---------------------------
Sponsor
---------------------------*/
.sponsor_box{padding:30px 0 0; text-align:center; float:left; width:100%; background:#fff;}
.sponsor_box .full{padding:20px 0 40px; float:left; width:100%; border-bottom:1px solid #BBBBBB;}
.sponsor_box .half{padding:20px 0 40px; float:left; width:50%; border-bottom:1px solid #BBBBBB;}
.sponsor_box .sub{padding:40px 0 40px; float:left; width:100%;}
.sponsor_box .cap{margin:0 0 30px; font-size:14px; font-weight:100;}
.sponsor_box li{margin:10px 20px; display:inline-block;}
.sponsor_box li img{vertical-align:middle;}
.sponsor_box .yoko img{height:auto !important; width:100px !important;}

/*---------------------------------------------------------------------------------------------------------------------------------------
TOP
---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------
main_img
---------------------------*/
.main_img{float:left; width:100%; border-bottom:1px solid #00FFFF; position:relative; background:#fff;}
.main_img .text_box{height:165px; padding:20px 360px 0 50px; width:100%; background:#fff; display:table; position:relative; float:left;}
.main_img .cap{color:#FF007F; font-size:15px; position:absolute; left:50px; top:20px;}
.main_img .tit{font-size:28px; line-height:120%; display:table-cell; vertical-align:middle;}
.main_img .tiket_box{position:absolute; right:0; bottom:0; background:#ece0ff; width:400px; padding:38px 40px;}
.main_img .tiket_box::before,
.main_img .tiket_box::after{position:absolute; top:0; bottom:0; right:20px; margin:auto; content:""; vertical-align:middle;}
.main_img .tiket_box::after{width:20px; height:20px; border-top:1px solid #FF4EAA; border-right:1px solid #FF4EAA; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.main_img .tiket_box a{color:#FF4EAA;}
.main_img .tiket_box .tit{margin:0 0 10px; font-size:30px;}
.main_img .tiket_box .tit::before{content:url(../images/common/icn_ticket.png); margin:0 10px 0 0;}
.main_img .tiket_box .tit_02{margin:0 0 0 0; font-size:14px; font-weight:bold;}
/*
.main_img li{padding:0 0 165px; opacity:.5; -moz-transition:-moz-transform 0.5s linear; -webkit-transition:-webkit-transform 0.5s linear; -o-transition:-o-transform 0.5s linear; -ms-transition:-ms-transform 0.5s linear; transition:transform 0.5s linear;}
.main_img .active{opacity:1;}
.main_img li img{width:100%; -moz-transition:-moz-transform 0.5s linear; -webkit-transition:-webkit-transform 0.5s linear; -o-transition:-o-transform 0.5s linear; -ms-transition:-ms-transform 0.5s linear; transition:transform 0.5s linear;-webkit-transform:scale(.7); -moz-transform:scale(.7); -o-transform:scale(.7); -ms-transform:scale(.7); transform:scale(.7); -webkit-backface-visibility:hidden;}
.main_img .active img{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-backface-visibility:hidden;}
*/

/*---------------------------
top_sns
---------------------------*/
.top_sns{padding:40px 0 40px; background:#fff; float:left; width:100%;}
.top_sns li{font-size:40px; display:inline-block; width:16.6666666%; text-align:center;}
.top_sns li .icon-web{color:#B20000;}
.top_sns li .icon-facebook{color:#305097;}
.top_sns li .icon-twitter{color:#00aced;}
.top_sns li .icon-instagram{color:#000;}
.top_sns li .icon-line{color:#00BF00;}

/*---------------------------
top_topics
---------------------------*/
.top_topics{padding:30px 0 30px; margin:0 0 30px; float:left; width:100%; position:relative; background:#fff;}
.top_topics .caption{background:#FFFF00;}
.top_topics article{display:inline-block; width:25%; padding:0 1px 20px; background:#fff; vertical-align:top;}
.top_topics h1{font-size:14px; padding:10px;}
.top_topics .more a{font-size:16px; background:#FFFF00; width:150px; height:40px; text-align:center; line-height:40px; position:absolute; right:0; bottom:0; font-weight:100;}

/*---------------------------
top_news
---------------------------*/
.top_news{margin:50px 0 60px; float:left; width:100%; background:rgba(255,191,190,0.5); position:relative; padding:40px;}
.top_news .caption{top:-27px !important; background:#FFDFDE;}
.top_news li{margin:0 0 20px; font-size:12px;}
.top_news li p{text-decoration:underline; font-size:14px;}
.top_news li p:hover{text-decoration:none;}
.top_news .more a{font-size:16px;background:rgba(255,191,190,1); width:150px; height:40px; text-align:center; line-height:40px; position:absolute; right:0; bottom:0; font-weight:100;}

/*---------------------------
top_model
---------------------------*/
.top_model{padding:30px 0 60px; float:left; width:100%; position:relative;}
.top_model .caption{background:#DFBFFF;}
.top_model li{display:inline-block; width:20%; position:relative;}
.top_model .name_box{background:rgba(233,191,255,0.7);}
.top_model .bx-controls{position:absolute; bottom:10px; width:100%;}

/*---------------------------
top_artist
---------------------------*/
.top_artist{padding:30px 0 60px; float:left; width:100%; position:relative;}
.top_artist .caption{background:#BFFFFF;}
.top_artist li{display:inline-block; width:33.3333%; padding:0 1px; position:relative;}
.top_artist .name_box{background:rgba(191,255,255,0.7);}

/*---------------------------
top_gam
---------------------------*/
.top_gam{padding:30px 0 60px; float:left; width:100%; position:relative;}
.top_gam .caption{background:#efffbf;}
.top_gam li{display:inline-block; width:20%; padding:0 1px; position:relative;}
.top_gam .name_box{background:rgba(239, 255, 191, 0.7);}

/*---------------------------
top_special_stage
---------------------------*/
.top_special_stage{padding:0 0 60px; margin:20px 0 0 0; float:left; width:100%; position:relative; background:#fff;}
.top_special_stage .caption{top:-27px !important; background:#CFFFBF}
.top_special_stage ul{border-top:1px solid #bbb;}
.top_special_stage li{display:inline-block; width:19.9%; margin:0 .05%; position:relative;}
.top_special_stage .name_box{background:rgba(207,255,191,0.7);}

/*---------------------------
top_brand
---------------------------*/
.top_brand{padding:30px 0 60px; float:left; width:100%; position:relative; background:#fff;}
.top_brand .caption{background:#BFFFDF;}
.top_brand ul{border-top:1px solid #bbb;}
.top_brand li{display:inline-block; width:10%; position:relative;}
.top_brand .name_box{background:rgba(191,255,233,0.7); height:35px!important; float:left; position:inherit!important;}

/*---------------------------
top_partner_contents
---------------------------*/
.top_partner_contents{padding:30px 0 60px; float:left; width:100%; position:relative; background:#fff;}
.top_partner_contents .caption{background:#EEEEEE; top:0 !important;}
.top_partner_contents ul{padding:40px 0; border-bottom:1px solid #bbb; border-top:1px solid #bbb; float:left; width:100%;}
.top_partner_contents li{float:left; width:33.3333%; background:#fff;}

.top_partner_contents .tit_box{padding:10px 20px; font-size:13px; width:100%; text-align:center;}
.top_partner_contents .bx-viewport{overflow:inherit !important;}
.top_partner_contents .bx-controls{position:absolute; bottom:0; width:100%;}
.top_partner_contents .bx-prev, .top_partner_contents .bx-next{position:absolute; bottom:-22px; width:40px; height:40px; text-indent:-9999px; background:url(../images/common/icn_arrow.png) 50% 50% no-repeat #BBBBBB}
.top_partner_contents .bx-prev{left:0;}
.top_partner_contents .bx-next{right:0; transform:rotate(-180deg); -ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg);}
.top_partner_contents .bx-has-pager{ display:none;}

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


/*---------------------------------------------------------------------------------------------------------------------------------------
lower
---------------------------------------------------------------------------------------------------------------------------------------*/
.lower .head_img{position:relative; float:left; width:100%;}
.lower .head_img .caption{left:0 !important;}
.lower .head_img .head{width:100%;}
.and_more{padding:20px 0 0 20px!important; font-size:50px; font-weight:100; line-height:90%;}
.and_more p{font-size:12px; line-height:120%;}

/*---------------------------
lower caption
---------------------------*/
.whatsga .caption{background:#FFFF00;}
.topics .caption{background:#FFFF00;}
.news .caption{background:#FFDFDE;}
.model .caption{background:#DFBFFF;}
.artist .caption{background:#BFFFFF;}
.gam .caption{background:#EFFFBF;}
.brand .caption{background:#BFFFDF;}
.brand .special{background:#cfffbf !important;}
.ticket .caption{background:#B9FFEF;}
.history .caption{background:#FFDC73;}
.access .caption{background:#FFFF00;}
.report .caption{background:#DFBFFF;}
.error .caption{background:#B9FFEF;}

/*---------------------------
whatsga
---------------------------*/
.whatsga_box{float:left; width:100%;}
.whatsga_box .box_01{margin:1px 0 0; color:#FF4FAA; text-align:center; background:#fff; float:left; width:100%; padding:60px 0; border-top:1px solid #00FFFF; border-bottom:1px solid #00FFFF;}
.whatsga_box .box_01 .cat{font-size:12px;}
.whatsga_box .box_01 h1{font-size:40px;}
.whatsga_box .box_01 .text{font-size:16px;}
.whatsga_box .box_02{margin:0 0 1px; float:left; width:100%; padding:60px 0; background:rgba(238,238,238,0.8);border-bottom:1px solid #00FFFF;}
.whatsga_box dl{width:100%; padding:0 20%; float:left; font-size:0;}
.whatsga_box dl dt{margin:0 0 10px; font-size:14px; display:inline-block; width:200px; vertical-align:top; text-align:right;}
.whatsga_box dl dd{margin:0 0 10px -200px; font-size:14px; display:inline-block; width:100%; padding:0 0 0 220px;}

/*---------------------------
topics
---------------------------*/
.topics_box{padding:30px 0 30px; float:left; width:100%; position:relative; background:#fff; border-bottom:1px solid #00FFFF; font-size:0;}
.topics_box article{display:inline-block; width:25%; padding:0 1px 20px; background:#fff; vertical-align:top;}
.topics_box h1{font-size:14px; padding:10px;}

/*---------------------------
news
---------------------------*/
.news_box{float:left; width:100%; background:#FFDFDE; padding:50px 10%; border-bottom:1px solid #00FFFF;}
.news_box li{margin:0 0 20px; font-size:12px;}
.news_box li p{text-decoration:underline; font-size:14px;}
.news_box li p:hover{text-decoration:none;}

/*---------------------------
model
---------------------------*/
.model_box{padding:30px 0 60px; float:left; width:100%; background:#fff; border-bottom:1px solid #00FFFF;}
.model_box .caption{background:#DFBFFF;}
.model_box li{display:inline-block; width:20%; position:relative; padding:0 1px 1px 0; vertical-align:bottom;}
.model_box .name_box{background:rgba(233,191,255,0.7);}
.model_box .caption{position:inherit !important; margin:0; left:0 !important; display:inline-block;}

/*---------------------------
artist
---------------------------*/
.artist_box{padding:30px 0 60px; float:left; width:100%; position:relative; background:#fff; border-bottom:1px solid #00FFFF;}
.artist_box li{display:inline-block; width:33.3333%; padding:0 1px; position:relative; vertical-align:bottom;}
.artist_box .name_box{background:rgba(191,255,255,0.7);}
.artist_box .caption{position:inherit !important; margin:0; left:0 !important; display:inline-block;}

/*---------------------------
gam
---------------------------*/
.gam_box{padding:30px 0 30px; float:left; width:100%; position:relative; background:#fff; border-bottom:1px solid #00FFFF;}
.gam_box ul{margin:0 0 30px;}
.gam_box li{display:inline-block; width:20%; padding:0 1px; position:relative; vertical-align:bottom;}
.gam_box .name_box{background:rgba(239,255,191,0.7);}
.gam_box .caption{position:inherit !important; margin:0; left:0 !important; display:inline-block;}

/*---------------------------
brand
---------------------------*/
.brand_box{padding:30px 0 60px; float:left; width:100%; position:relative; background:#fff; border-bottom:1px solid #00FFFF;}
.brand_box ul{margin:0 0 30px;}
.brand_box li{display:inline-block; width:16.5%; padding:0 1px; position:relative; vertical-align:bottom;}
.brand_box .w20{ width:20% !important;}
.brand_box .name_box{background:rgba(191,255,233,0.7); height:35px!important; float:left; position:inherit!important;}
.brand_box .caption{position:inherit !important; margin:0; left:0 !important; display:inline-block;}

/*---------------------------
ticket
---------------------------*/
.ticket_box{padding:30px 0 60px; float:left; width:100%; border-bottom:1px solid #00FFFF;}
.ticket_box .inner{margin:0 auto; width:804px;}
.ticket_box .box_01{margin:0 0 40px; float:left; width:100%; padding:10px; background:rgba(188,255,239,0.8); font-size:0; display:table;}
.ticket_box .box_01 figure{width:50%; display:table-cell}
.ticket_box .box_01 div{width:50%; display:table-cell; vertical-align:middle; padding:0 0 0 20px; color:#FF4CAA;}
.ticket_box .box_01 div img{margin:0; vertical-align:middle;}
.ticket_box .box_01 .sold{ color:#333 !important;}
.ticket_box .box_01 div .tit{margin:5px 0 10px; font-size:40px; vertical-align:middle; line-height:100%; font-weight:100;}
.ticket_box .box_01 div .day{ font-weight:bold;}
.ticket_box .box_01 div p{font-size:14px; vertical-align:middle;}
.ticket_box .purple{margin:0 0 2px 0;background:rgba(207,191,255,0.8);}
.ticket_box .yellow{margin:0 0 2px 0; background:rgba(239,255,191,0.8);}
.ticket_box .pink{margin:0 0 2px 0; background:rgba(255,223,222,0.8);}
.ticket_box .box_02{margin:0 0 40px; float:left; width:100%; padding:30px; background:rgba(238,238,238,0.8); text-align:center;}
.ticket_box .box_03{margin:0 0 40px; float:left; width:100%; padding:30px; background:rgba(238,238,238,0.8); font-size:0;}
.ticket_box .box_03 figure{width:50%; display:inline-block; vertical-align:top;}
.ticket_box .box_03 div{width:50%; padding:0 0 0 30px; display:inline-block; font-size:12px;}

/*---------------------------
history
---------------------------*/
.history_box{padding:30px 0 30px; float:left; width:100%; position:relative; background:#fff; border-bottom:1px solid #00FFFF;}
.history_box li{display:inline-block; width:20%; vertical-align:top; margin:0 0 30px; padding:0 1px 0 0;}
.history_box li p{text-align:center; font-size:11px; margin:5px 0 0 0;}

/*---------------------------
access
---------------------------*/
.access_box{padding:30px 0 0; float:left; width:100%;background:#fff; border-bottom:1px solid #00FFFF; text-align:center; font-size:14px;}
.access_box .p01{margin:0 0 60px;}
.access_box .p02 a{margin:0 0 60px; padding:10px; width:250px; display:inline-block; border:1px solid #000; position:relative;}
.access_box .p02 a::before,
.access_box .p02 a::after{position:absolute; top:0; bottom:0; right:20px; margin:auto; content:""; vertical-align:middle;}
.access_box .p02 a::after{width:10px; height:10px; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.access_box .p03{margin:0 0 60px;}
.access_box #map{float:left; width:100%; height:400px;}

/*---------------------------
Q&A
---------------------------*/
.qa_box{padding:50px 10%; float:left; width:100%;background:#fff; border-bottom:1px solid #00FFFF;text-align: left;line-height: 160%; font-size:14px;}
.qa_box h3{margin:0 0 20px 0; font-weight:bold;}
.qa_box h4{margin:0 0 5px 0;color:#ff4caa; font-weight:bold;}
.qa_box .box_01{margin:0 0 20px 0;padding:10px 0;border-bottom:1px solid #ccc;width:100%;}

/*---------------------------
privacy
---------------------------*/
.privacy_box{padding:50px 10%; float:left; width:100%;background:#fff; border-bottom:1px solid #00FFFF;text-align: left;line-height: 160%; font-size:14px;}
.privacy_box h3{margin:0 0 20px 0; font-weight:bold;}

/*---------------------------
parts
---------------------------*/
.abc_txt { font-size:12px;}

/*---------------------------
partners_contents
---------------------------*/
.partners_contents{ width:100%; max-width:780px; margin:0 auto;}
.partners_contents .box{ width:100%;}

/*---------------------------
report_index
---------------------------*/
.report_index{background:#fff; padding:0 0 30px; border-bottom:1px solid #00FFFF;}
.report_index ul{margin:0 auto; width:100%; text-align:center;}
.report_index ul li{display: inline-block;width: 33.3333%;padding: 0 1px 0 0;box-sizing: border-box;vertical-align: top; text-align:center;}
.report_index ul li p{margin:20px 0 0; font-size:14px;}

/*---------------------------
report
---------------------------*/
.report h3{margin:40px 0 20px 0; font-size:30px; float:left; width:100%; text-align:center; font-family:'Raleway', sans-serif; font-weight:100;}
.report .nav{margin:0 0 40px 0; text-align:center;}
.report .nav a{text-decoration:underline;}
.report .nav a.on{text-decoration:none;}
.report .foot_nav{margin:0 0 60px 0; float:left; width:100%; text-align:center;}
.report .foot_nav p{margin:0 0 10px 0;}

.report_box{background:#fff; padding:0 0 30px; border-bottom:1px solid #00FFFF; float:left;}

.report_box .report_show{margin:50px 0;}
.report_box .report_show .box{margin:0; text-align:center;}
.report_box .report_show .box h4{margin:0; font-size:20px;}
.report_box .report_show .box ul{margin:0 auto 60px; width:90%; font-size:0;}
.report_box .report_show .box li{margin:0; display:inline-block; width:20%; padding:10px; font-size:14px;}
.report_box .report_show .box li img{ border:1px solid #ccc; box-sizing:border-box;}

.report_show_detail{margin:0 auto;width: 70%;}
.report_show_detail h4{margin:0 0 20px 0; font-size:20px;}
.report_show_detail .gallery_box{width:100%; margin: 0 0 40px 0; float:left;}
.report_show_detail .gallery_box .img_box{margin:0 1% 0 0; float:left; width:41.1%; text-align:center;}
.report_show_detail .gallery_box .img_box img{width:100%; margin:0 0 10px 0;}
.report_show_detail .gallery_box .img_box p{font-size:14px;}
.report_show_detail .gallery_box .sum_nav{margin:0; float:left; width:56.9%; padding:0; box-sizing:border-box;}
.report_show_detail .gallery_box .sum_nav li{margin:0 1% 2% 1%; float:left; width:23%;background-color:#F00; line-height:0;}
.report_show_detail .gallery_box .sum_nav img{width:100%;}
.report_show_detail .gallery_box .sum_nav .active img{opacity:.5;}
.report_show_detail .bx-controls{display:none;}

.report .report_stage{margin: 0 20% 40px 20%;width: 60%;float: left; }
.report .report_stage .box{margin:0 0 60px 0; padding:0 0 30px 0; float:left; width:100%; border-bottom:1px solid #A8BECB;}
.report .report_stage .box h4{margin: 0 0 20px 0;width: 100%;float: left; border-bottom:1px solid #A8BECB; font-size:18px;}
.report .report_stage .box .img_box{width:100%; float: left;}
.report .report_stage .box .img_box img{width: 33.3333%;float: left; padding:0 1% 2% 1%; box-sizing:border-box;}
.report .report_stage .box .big img{width:100% !important;}
.report .report_stage .box .mid img{width:50% !important;}
.report .report_stage .box .text_box{width:97%; margin:0 1.5%; float:right; text-align:left;}
.report .report_stage .box .text_box h5{width: 100%;float:left;}
.report .report_stage .box .text_box p{width: 100%;float:left;}

.report .report_stage .cal .img_box{width: 60%!important;}
.report .report_stage .cal .text_box{width: 38%!important; margin:0 !important;}
.report .report_stage .box .top{margin: 20px 0 0 0;width: 100%; text-align:right;float: left;}

.report_booth{}
.report_booth .text_box h4{margin: 0 0 10px 0;width: 100%;float: left; border-bottom:1px solid #A8BECB; font-size:16px;font-weight:bold;}
.report_booth .text_box{margin:0 0 20px 0; float:left; width:100%; text-align:left;padding:0 1%; box-sizing:border-box; }
.report_booth .text_box h5{font-size:13px; line-height:140%; margin-bottom:10px; font-weight:bold;}
.report_booth .text_box p{font-size:12px;line-height:120%;}
.report_booth ul{margin:0 0 20px 0; float:left; width:100%;font-size:0;}
.report_booth li{margin:0; display:inline-block; width:50%}
.report_booth li img{margin:0; padding:0 1% 2% 1%; box-sizing:border-box; width:100%;}


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

/*---------------------------
1200 共通
---------------------------*/
#contents{padding:0; margin:120px 0 0 0; width:100%;}
.pc_dis{display:none;}
.sp_dis{display:block;}

/*---------------------------
1200 Header
---------------------------*/
header{width:100%; position:fixed; height:70px; left:0; top:0; border-top:none; border-bottom:1px solid #00FFFF;}
header .inner{overflow:auto; height:100%;}
header .logo, .fixed header .logo{margin:20px 50px 0 100px; float:left; width:300px;}
header h1, .fixed header h1{margin:13px 0 5px 0; font-size:14px; display:block; text-align:left; line-height:140%;}
header h2, .fixed header h2{margin:0; float:left; font-size:14px; display:block; text-align:left; line-height:140%;}
header h2 br{display:none !important;}
header nav, header ul, header .member, header .sns_box, header dl{display:none;}

.btn{display:block; width:70px; height:69px; position:fixed; z-index:8888; left:0; top:0; background:#FF78BF;}
.btn button{border:none; outline:none; background:none; text-indent:-9999px; position:absolute; top:25px; right:25px; width:18px; height:15px; cursor:pointer; z-index:4444; overflow:hidden; border-top:2px solid #B9FFEF;}
.btn button::before, .btn button::after{position:absolute; left:0; content:""; width:22px; height:0; border-top:2px solid #B9FFEF;}
.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:6px; 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;}
}

@media only screen and (max-width:768px){
#loader-bg, #wrapper{background-size:140%;}
/*---------------------------
768 共通
---------------------------*/
#contents{margin:70px 0 0 0;}
#contents .name_box p{ font-size:11px;}

/*---------------------------
768 Header
---------------------------*/
header{height:38px;}
header .logo, .fixed header .logo{margin:10px 10px 0 45px; width:170px;}
header h1, .fixed header h1{display:none;}
header h2, .fixed header h2{margin:7px 0 0 0;float:left; font-size:9px;}
header h2 br{display:block !important;}
.btn{width:38px; height:38px;}
.btn button{top:13px; right:9px;}

/*---------------------------
768 Footer
---------------------------*/
footer .menu{position:inherit; float:right; padding:15px 20px 20px; width:50%;}
footer .menu .tit{margin:0 0 5px; font-size:16px;}
footer .menu ul li{margin:2px 0; font-size:11px;}
footer .logo{margin:-45px 0 0 0; width:84px; position:absolute; top:50%; left:15%;}
footer address{margin:10px 0; font-style:normal; font-size:12px; width:100%; float:left;}

/*---------------------------
768 Sponsor
---------------------------*/
.sponsor_box{padding:30px 0 0;}
.sponsor_box .full{padding:20px 0 40px;}
.sponsor_box .half{padding:20px 0 40px;}
.sponsor_box .sub{padding:40px 0 40px; font-size:10px;}
.sponsor_box .cap{margin:0 0 30px; font-size:12px;}
.sponsor_box li{margin:10px 10px; width:auto;}
.sponsor_box li img{ width:100%;}
.sponsor_box .yoko img{width:80px !important;}
.sponsor_box .w10{ width:10%;}
.sponsor_box .w15{ width:15%;}
.sponsor_box .w20{ width:20%;}
.sponsor_box .w25{ width:25%;}
.sponsor_box .w30{ width:30%;}
.sponsor_box .w35{ width:35%;}
.sponsor_box .w40{ width:40%;}
.sponsor_box .w45{ width:45%;}
.sponsor_box .w50{ width:50%;}
.sponsor_box .w55{ width:55%;}
.sponsor_box .w60{ width:60%;}
.sponsor_box .w65{ width:65%;}
.sponsor_box .w70{ width:70%;}
.sponsor_box .w75{ width:75%;}
.sponsor_box .w80{ width:80%;}
.sponsor_box .w85{ width:85%;}
.sponsor_box .w90{ width:90%;}
.sponsor_box .w100{ width:100%;}

/*---------------------------------------------------------------------------------------------------------------------------------------
768 TOP
---------------------------------------------------------------------------------------------------------------------------------------*/
#contents .caption{padding:0; margin:0 0 0 -60px; width:120px; height:27px; line-height:27px; font-size:16px; top:13px; left:50%;}
#contents .w180{ width:180px;}
#contents .big{ width:200px!important; }
#contents .name_box{font-size:12px; height:30px;}
#contents .name_box span{ font-size:9px;}

/*---------------------------
768 main_img
---------------------------*/
.main_img{border-bottom:none; background:none;}
.main_img .text_box{min-height:100px; padding:20px 10px; width:100%; background:rgba(204,204,204,0.7);}
.main_img .cap{font-size:15px; position:absolute; left:10px; top:10px;}
.main_img .tit{font-size:18px; line-height:120%;}
.main_img .bx-controls{display:none;}
.main_img .tiket_box{position:inherit; float:left; width:100%; padding:15px 10px 20px; margin:30px 0 0 0;}
.main_img .tiket_box::before,
.main_img .tiket_box::after{right:15px;}
.main_img .tiket_box .tit::before{content:url(../images/common/icn_ticket.png); margin:0 10px 0 0;}
.main_img .tiket_box .tit_02{margin:10px 0 0 0; font-size:14px;}

/*---------------------------
768 top_sns
---------------------------*/
.top_sns{padding:10px 0;}
.top_sns li{font-size:40px; margin:10px 0; width:33.3333%;}

/*---------------------------
768 top_topics
---------------------------*/
.top_topics{padding:30px 0 30px; margin:0 0 30px;}
.top_topics .caption{background:#FFFF00;}
.top_topics article{width:50%; padding:0 1px 20px;}
.top_topics article:nth-of-type(n+5){display:none;}
.top_topics h1{font-size:12px; padding:10px;}
.top_topics .more a{font-size:12px; width:75px; height:30px; line-height:30px; bottom:0;}

/*---------------------------
768 top_news
---------------------------*/
.top_news{margin:20px 0 30px; padding:20px;}
.top_news .caption{top:-13px !important;}
.top_news li{margin:0 0 10px; font-size:11px;}
.top_news li p{ font-size:12px;}
.top_news .more a{font-size:12px; width:75px; height:30px; line-height:30px; bottom:0;}

/*---------------------------
768 top_model
---------------------------*/
.top_model{padding:20px 0 30px;}
.top_model .bx-controls{bottom:10px; display:none;}

/*---------------------------
768 top_artist
---------------------------*/
.top_artist{padding:30px 0 30px;}
.top_artist li{ width:49.9%;}

/*---------------------------
768 top_artist
---------------------------*/
.top_gam li{width:33.3333%;}

/*---------------------------
768 top_special_stage
---------------------------*/
.top_special_stage{padding:0 0 30px; margin:10px 0 0 0;}
.top_special_stage .caption{top:-13px !important;}
.top_special_stage li{width:49.9%;}

/*---------------------------
768 top_brand
---------------------------*/
.top_brand{padding:30px 0 60px;}

/*---------------------------
768 top_partner_contents
---------------------------*/
.top_partner_contents{padding:30px 0 60px;}
.top_partner_contents .caption{width:240px!important; margin:0 0 0 -120px!important; top:13px !important;}
.top_partner_contents ul{padding:20px 0 50px 0;}
.top_partner_contents .tit_box{padding:10px 20px; font-size:12px;}
.top_partner_contents .bx-controls{position:absolute; bottom:-160px; width:100%;}
.top_partner_contents .pc{ display:none;}
.top_partner_contents .sp{ display:block;}
.bx-controls-direction{ display:none;}
.top_partner_contents .bx-has-pager{ display:block;}
/*---------------------------------------------------------------------------------------------------------------------------------------
768 lower
---------------------------------------------------------------------------------------------------------------------------------------*/
.lower { margin:38px 0 0 0 !important;}
.lower .head_img .caption{left:0 !important; margin:0 !important;}
.and_more{font-size:25px;line-height:90%;}
.and_more p{font-size:10px; line-height:120%;}

/*---------------------------
768 whatsga
---------------------------*/
.whatsga_box .box_01{margin:1px 0 0; padding:30px 0;}
.whatsga_box .box_01 .cat{font-size:10px;}
.whatsga_box .box_01 h1{font-size:20px;}
.whatsga_box .box_01 .text{font-size:12px;}
.whatsga_box .box_02{margin:1px 0 0; padding:30px 0;}
.whatsga_box dl{padding:0 5% 0;}
.whatsga_box dl dt{margin:0 0 5px; font-size:12px; width:80px;}
.whatsga_box dl dd{margin:0 0 5px -80px; font-size:12px;width:100%; padding:0 0 0 100px;}

/*---------------------------
768 topics
---------------------------*/
.topics_box{padding:15px 0 15px;}
.topics_box article{width:50%; padding:0 1px 15px;}
.topics_box h1{font-size:12px; padding:15px;}

/*---------------------------
768 news
---------------------------*/
.news_box{padding:25px 8%;}
.news_box li{margin:0 0 10px; font-size:10px;}
.news_box li p{font-size:12px;}

/*---------------------------
768 model
---------------------------*/
.model_box{padding:0 0 30px;}
.model_box li{width:50%; vertical-align:bottom;}
.model_box .caption{position:inherit !important; margin:0 !important; left:0 !important; top:0 !important; display:inline-block;}

/*---------------------------
768 artist
---------------------------*/
.artist_box{padding:0 0 30px;}
.artist_box li{width:50%;}
.artist_box .caption{position:inherit !important; margin:0 !important; left:0 !important; top:0 !important; display:inline-block;}

/*---------------------------
768 gam
---------------------------*/
.gam_box{padding:0 0 30px;}
.gam_box ul{margin:0 0 30px;}
.gam_box li{width:50%; vertical-align:bottom;}
.gam_box .caption{position:inherit !important; margin:0 !important; left:0 !important; top:0 !important; display:inline-block;}

/*---------------------------
768 brand
---------------------------*/
.brand_box{padding:0 0 30px;}
.brand_box li{width:33.3333%; vertical-align:bottom;}
.brand_box .w20{ width:50% !important;}
.brand_box .caption{position:inherit !important; margin:0 !important; left:0 !important; top:0 !important; display:inline-block;}

/*---------------------------
768 ticket
---------------------------*/
.ticket_box{padding:0 0 30px;}
.ticket_box .inner{width:100%;}
.ticket_box .box_01{margin:0 0 2px;padding:5px;}
.ticket_box .box_01 figure{width:40%;}
.ticket_box .box_01 div{width:60%;padding:0 0 0 10px;}
.ticket_box .box_01 div img{width:20px;}
.ticket_box .box_01 div .tit{margin:2px 0 5px; font-size:20px;}
.ticket_box .box_01 div p{font-size:12px;}
.ticket_box .yellow{margin:0 0 10px;}
.ticket_box .box_02{margin:0 0 10px; padding:20px 10px; font-size:12px;}
.ticket_box .box_03{margin:0 0 10px; padding:20px 20px;}
.ticket_box .box_03 figure{width:100%; margin:0 0 40px;}
.ticket_box .box_03 div{width:100%; padding:0;}

/*---------------------------
768 history
---------------------------*/
.history_box{padding:0 0 30px;}
.history_box li{width:100%; vertical-align:top; margin:0 0 5px; padding:0 1px 0 0;}
.history_box li figure{float:left; margin:0 20px 0 0; width:30%;}
.history_box li p{text-align:left;; font-size:11px; margin:3% 0 0 0;}

/*---------------------------
768 access
---------------------------*/
.access_box{padding:0;font-size:12px;}
.access_box .p01{margin:0 0 30px;}
.access_box .p02 a{margin:0 0 30px; padding:5px; width:200px;}
.access_box .p02 a::after{width:5px; height:5px;}
.access_box .p03{margin:0 0 30px;}
.access_box #map{float:left; width:100%; height:200px;}

/*---------------------------
768 Q&A
---------------------------*/
.qa_box{padding:5%;font-size:12px;}

/*---------------------------
768 parts
---------------------------*/
.abc_txt { font-size:10px;}


/*---------------------------
768 report
---------------------------*/
.report{padding: 15px 0; float:left; width:100%;}
.report h3{margin:0 0 10px 0; font-size:15px;}
.report .nav{margin:0 0 20px 0; font-size:11px;}
.report .nav a.on{text-decoration:none;}
.report .foot_nav{margin:0 0 60px 0; float:left; width:100%;}
.report .foot_nav p{margin:0 0 10px 0;}

.report .report_index{margin: 50px 2% 40px 2%;width: 96%;float: left;}
.report .report_index ul{ float:left; width:100%; font-size:0;}
.report .report_index li{margin:0; display:inline-block; width:100%; padding:1%; box-sizing:border-box;}
.report .report_index li img{margin:0 0 10px 0; width:45%; float:left;}
.report .report_index li p{ float:right; width:50%; text-align:left;}

.report .report_show{margin: 0 2%;width: 96%;}
.report .report_show .cal_01 li{ width:33.3333%;}
.report .report_show .cal_02 li{ width:50%;}
.report .report_show .box{margin:0 0 30px 0;}
.report .report_show .box h4{margin:0 0 10px 0; font-size:14px;}

.report_box .report_show .box li{margin:0; display:inline-block; width:33.333%; padding:5px; font-size:14px;}

.report .report_show_detail{margin: 0 2%;width: 96%;}
.report .report_show_detail h4{font-size:14px;}
.report .report_show_detail .gallery_box{width:100%; margin: 0 0 40px 0;}
.report .report_show_detail .gallery_box .img_box{margin:0 0 10px 0;width:100%;}
.report .report_show_detail .gallery_box .img_box img{width:100%; margin:0 0 10px 0;}

.report .report_show_detail .gallery_box .sum_nav{width:100%;}
.report .report_show_detail .gallery_box .sum_nav li{margin:0 1% 2% 1%; float:left; width:23%;}


.report .report_booth_list{margin: 0 2% 40px 2%;width: 96%;float: left;}
.report .report_booth_list li{margin:0; display:inline-block; width:33.333%}
.report .report_booth_list li img{margin:1%; box-sizing:border-box; width:96%;}
.report .report_booth{margin: 0 2% 40px 2%;width: 96%;float: left;}
.report .report_booth .text_box{margin:0 0 20px 0; float:left; width:100%; text-align:left;padding:0 1%; box-sizing:border-box; }
.report .report_booth .text_box p{font-size:12px;line-height:120%;}
.report .report_booth ul{margin:0 0 20px 0; float:left; width:100%;font-size:0;}
.report .report_booth li{margin:0; display:inline-block; width:50%}
.report .report_booth li img{margin:0; padding:0 1% 2% 1%; box-sizing:border-box; width:100%;}

.report .report_stage{margin: 0 2% 40px 2%;width: 96%;}
.report .report_stage .box{margin:0 0 30px 0; padding:0 0 30px 0; float:left; width:100%;}
.report .report_stage .cal .img_box{width: 100%!important;}
.report .report_stage .cal .text_box{width: 100%!important;}
}

/*---------------------------
404
---------------------------*/
.error_box{padding:50px 10%; float:left; width:100%;background:#fff; border-bottom:1px solid #00FFFF;}

/*---------------------------
bxslider
---------------------------*/
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
.bx-wrapper .bx-pager{text-align:center; font-size:.85em; font-weight:bold; color:#EFEDF0; z-index:4444; position:absolute; bottom:180px; width:100%;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#999; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#FF00FF;}