﻿@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}






/******************************************************************************
 * MARGIN
*******************************************************************************/
.m0 {margin: 0px !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;} .m30 {margin: 30px !important;} .m35 {margin: 35px !important;} .m40 {margin: 40px !important;} .m45 {margin: 45px !important;} .m50 {margin: 50px !important;} .m55 {margin: 55px !important;} .m60 {margin: 60px !important;} .m65 {margin: 65px !important;} .m70 {margin: 70px !important;} .m75 {margin: 75px !important;} .m80 {margin: 80px !important;} .m85 {margin: 85px !important;} .m90 {margin: 90px !important;} .m95 {margin: 95px !important;} .m100 {margin: 100px !important;} .mt0 {margin-top: 0px !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mt75 {margin-top: 75px !important;} .mt80 {margin-top: 80px !important;} .mt85 {margin-top: 85px !important;} .mt90 {margin-top: 90px !important;} .mt95 {margin-top: 95px !important;} .mt100 {margin-top: 100px !important;} .mb0 {margin-bottom: 0px !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .mb75 {margin-bottom: 75px !important;} .mb80 {margin-bottom: 80px !important;} .mb85 {margin-bottom: 85px !important;} .mb90 {margin-bottom: 90px !important;} .mb95 {margin-bottom: 95px !important;} .mb100 {margin-bottom: 100px !important;} .ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .ml75 {margin-left: 75px !important;} .ml80 {margin-left: 80px !important;} .ml85 {margin-left: 85px !important;} .ml90 {margin-left: 90px !important;} .ml95 {margin-left: 95px !important;} .ml100 {margin-left: 100px !important;} .mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mr75 {margin-right: 75px !important;} .mr80 {margin-right: 80px !important;} .mr85 {margin-right: 85px !important;} .mr90 {margin-right: 90px !important;} .mr95 {margin-right: 95px !important;} .mr100 {margin-right: 100px !important; }

/******************************************************************************
 * PADDING
*******************************************************************************/
.p0 {padding: 0px !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;} .p30 {padding: 30px !important;} .p35 {padding: 35px !important;} .p40 {padding: 40px !important;} .p45 {padding: 45px !important;} .p50 {padding: 50px !important;} .p55 {padding: 55px !important;} .p60 {padding: 60px !important;} .p65 {padding: 65px !important;} .p70 {padding: 70px !important;} .p75 {padding: 75px !important;} .p80 {padding: 80px !important;} .p85 {padding: 85px !important;} .p90 {padding: 90px !important;} .p95 {padding: 95px !important;} .p100 {padding: 100px !important;} .pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pt75 {padding-top: 75px !important;} .pt80 {padding-top: 80px !important;} .pt85 {padding-top: 85px !important;} .pt90 {padding-top: 90px !important;} .pt95 {padding-top: 95px !important;} .pt100 {padding-top: 100px !important;} .pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pb75 {padding-bottom: 75px !important;} .pb80 {padding-bottom: 80px !important;} .pb85 {padding-bottom: 85px !important;} .pb90 {padding-bottom: 90px !important;} .pb95 {padding-bottom: 95px !important;} .pb100 {padding-bottom: 100px !important;} .pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} .pl75 {padding-left: 75px !important;} .pl80 {padding-left: 80px !important;} .pl85 {padding-left: 85px !important;} .pl90 {padding-left: 90px !important;} .pl95 {padding-left: 95px !important;} .pl100 {padding-left: 100px !important;} .pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pr75 {padding-right: 75px !important;} .pr80 {padding-right: 80px !important;} .pr85 {padding-right: 85px !important;} .pr90 {padding-right: 90px !important;} .pr95 {padding-right: 95px !important;} .pr100 {padding-right: 100px !important; }


html{width:100%; min-width:1000px; height:100%;}

body{padding:0;color:#FFFFFF;text-align:center;line-height:1.5em;min-width: 1230px;font: 12px/1.9  'Merriweather Sans', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;height: 100%;}

a:visited,
a:active {color: #333;}
a:hover {color: #333;text-decoration: none;}
a {margin:0;padding:0;outline : 0 ;text-decoration:none;color:#000000;}
a:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;transition: all  0.3s ease;}
a img{border:none;}

.w80{width: 80%;}
.w90{width: 90%;}
.pc-elm{display:none;}
.bold{font-weight: 700;}


.clearfix:after {content: ".";display: block;clear: both;visibility: hidden; line-height:0;}
.clearfix {display:inline-table;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

header h1{background:url(../images/common/header_bg.jpg) top center no-repeat;}
header{line-height:0;background:url(../images/common/header_bg2.jpg) top center repeat-x; position:relative;}

nav.navPc{min-height:72px;background-color:black;overflow:hidden;position:relative;min-width: 1000px;}

nav.navPc .member{height:72px;width:173px;position:absolute;right:0; top:0;}
nav.navPc .rba{height:72px;width:173px;position:absolute;right:173px; top:0;}
nav.navPc .text_1{line-height:0;}
nav.navPc ul{list-style:none; text-align:left;}
nav.navPc ul li{padding:0 8px;display:inline-block;vertical-align:middle;}

nav.navPc ul li a,
.side-menu a,
.side-menu a:hover,
.side-menu active,
.side-menu a:visited{text-decoration:none;color:#f02152;font-family: 'Open Sans', sans-serif;font-size:120%; font-weight: 800;}

nav.navPc ul li a:active,
nav.navPc ul li a:visited,
nav.navPc ul li a:hover{color:#f02152;}

.navPc .nav_inner{position: relative; width: 720px; margin: 0 auto;}
.fixed {position: fixed !important;top: 0;width: 100%;z-index: 10000;}
.fix_logo{position:absolute; left:-50px; top:5px; display:none;}
.fix_logo img{ width:110px;}
.fixed .fix_logo{display:block !important;}


#slider {border-bottom:1px solid #890240;position:relative;    }
#slider #main img,
#slider #main li{width:100%;margin:0;line-height:0;position: relative;}
#slider #main li a:hover{filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;transition: all  0.1s ease;}
#slider .ticket{position:absolute;right:0;bottom:0;}
#slider .caption{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe.png);}
#slider .caption2{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe2.png);}
#slider .caption3{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe3.png);}
#slider .caption4{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe4.png);}
#slider .caption5{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe5.png);}
#slider .caption6{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe6.png);}
#slider .caption8{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe8.png);}
#slider .caption9{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe9.png);}
#slider .caption10{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe10.png);}
#slider .caption11{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe11.png);}
#slider .caption12{width:100%;height: 175px;position:absolute; bottom:0; background-image: url(../images/common/stripe12.png);}
#slider li.black .caption{background-color: rgba(255,255,255,0.7);color:#000;}
#slider li.white .caption2{color:#fff;}
#slider li.pink .caption3{color:#FF6682;}
#slider li.white .caption3{ color:#FF71DF;}
#slider li.pink .caption4{color:#FE8692;}
#slider li.white .caption5{color:#fff;}
#slider li.white .caption10{color:#fff;}
#slider li.white .caption11{color:#fff;}
#slider li.yellow .caption12{color:#FFFF00;}
#slider li.pink .caption6{color:#FF4396;}
#slider li.navy .caption6{color:#02387E;}
#slider li.white .caption6{color:#E9007F;}
#slider li.red .caption6{color:#FE0000;}
#slider li.pink .caption8{color:#FFFE00;}
#slider li.pink .caption9{color:#0001D8;}
#slider li.red .caption{background-color: rgba(255,0,0,0.7); color:#FFF;}
#slider li.red2 .caption2{background-color: rgba(255,0,0,0.9); color:#FFF;}
#slider li.pur .caption{background-color: rgba(188,0,168,0.7);}
#slider li.yellow .caption{background-color: rgba(234,233,3,0.7); color:#FF0101;}
#slider li.navy .caption{background-color: rgba(25,40,83,0.7); color:#fff;}
#slider li.purple .caption{background-color: rgba(234,233,3,0.7); color:#8100FF;}
#slider .caption p{line-height: 1em;}
#slider .caption2 p{line-height: 1em;}
#slider .caption3 p{line-height: 1em;}
#slider .caption4 p{line-height: 1em;}
#slider .caption5 p{line-height: 1em;}
#slider .caption6 p{line-height: 1em;}
#slider .caption8 p{line-height: 1em;}
#slider .caption9 p{line-height: 1em;}
#slider .caption10 p{line-height: 1em;}
#slider .caption11 p{line-height: 1em;}
#slider .caption12 p{line-height: 1em;}
#slider .cap_small{font-size: 120%; padding-top: 25px; font-weight:bold; margin-bottom:15px;}
#slider .cap_small2{font-size: 120%; padding-top: 25px; font-weight:bold; margin-bottom:15px;}
#slider .cap_small3{font-size: 120%; padding-top: 25px; font-weight:bold; margin-bottom:15px;}
#slider .cap_mid{font-size: 180%; padding-bottom: 10px; font-weight:bold;}
#slider .cap_mid2{font-size: 180%; padding-bottom: 10px; font-weight:bold;}
#slider .cap_large{font-size: 500%; font-weight: 700;}
#slider .cap_large2{font-size: 300%; font-weight: 700;}
#slider .cap_large3{font-size: 300%; font-weight: 700;}

#slider .ticketArea{ position: absolute; height:175px; width:287px; background-color:#ff0000; bottom:0; right:0;}
#slider .ticketArea .buy{ position: absolute; right: 0; top:0;}
#slider .ticketArea div{ padding: 5px 15px; text-align: left; color: white;}
#slider .ticketArea div .tit{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 190%;}
#slider .ticketArea div .tx{ font-weight: 700;}
#slider .ticketArea div .tx span{ font-weight: 700;}

#slider2 a:hover,
#slider3 a:hover,
#slider4 a:hover,
#slider5 a:hover{transition:none;}

.SPsns{list-style:none; overflow:hidden;}
.SPsns li{width:33.3333%; display:table; vertical-align:middle; height:70px; float:left; font-size: 10px;}
.SPsns li a{ display:table-cell;height:70px; width:100%; vertical-align:middle;padding:10px 0; color: white;font-family: 'Open Sans', sans-serif; font-weight: 700;}
.SPsns li img{ width: 50px; }
.SPsns li .img_1{ height: 30px; width: auto;}
.SPsns li .img_2{ height: 50px;}
.SPsns li .img_3{ height: auto; width: 90%;}
.SPsns .li_1{background-color:#0069ff;}
.SPsns .li_2{background-color:#5ab4d7;}
.SPsns .li_3{background-color:#ff7f00;}
.SPsns .li_4{background-color:#00ff01;}
.SPsns .li_5{background-color:#444444; line-height:120%;}
.SPsns .li_6{background-color:#ff295d;}
.SPsns .li_7{background-color:#FF30C9;}

#mainArea{background-image:url(../images/common/bg.jpg);background-position:center;background-size:100% auto;padding:15px 0;}

.instagram{ text-align: left;}
.instagram-placeholder{ display: inline-block; width:28%; padding-bottom: 10px;}

.Area1 h2 img,
.Area2 h2 img,
.Area3 h2 img,
.Area4 h2 img,
.Area5 h2 img
{ height: 65px;}

#mainArea.whatsga h2 img,
#mainArea.model h2 img,
#mainArea.artist h2 img,
#mainArea.gam h2 img,
#mainArea.brand h2 img,
#mainArea.ticket h2 img,
#mainArea.access h2 img,
#mainArea.history h2 img,
#mainArea.report h2 img
{ height: 65px;}

/******************************************************************************
 * トップページ
*******************************************************************************/
#mainArea.top .sns{list-style:none;padding-bottom:20px;}
#mainArea.top .sns li{display:inline-block;padding:0 3px; width: 150px;}
#mainArea.top .sns li img{ width: 100%;}

#mainArea.top .report{ border-bottom:1px solid #ff42a0; border-top:1px solid #ff42a0; width:1220px; margin:0 auto 30px auto;}
#mainArea.top .report .caption{ width:800px; margin:30px auto 0 auto;}

#mainArea.top #app{ margin-top:-80px; padding-top:80px;}
#mainArea.top .app{}
#mainArea.top .app .caption{ width:580px; margin:0 auto 20px auto;}
#mainArea.top .app ul{list-style:none;padding-bottom:20px;}
#mainArea.top .app li{display:inline-block;padding:0 25px; width: 389px;}
#mainArea.top .app li img{ width: 100%;}

#mainArea.top .Area1{margin-bottom:15px; clear: both;}
#mainArea.top .Area1 .news{ width:590px; border-bottom:1px solid #FF42A0; display: inline-block;}
#mainArea.top .Area1 .news .news_ineer{margin:0 auto;}
#mainArea.top .Area1 .news,
#mainArea.top .Area1 .twitter{padding-bottom:30px;border-bottom:1px solid #FF42A0; }
#mainArea.top .Area1 .twitter{ width: 590px; display: inline-block;}
#mainArea.top .Area1 .twitter{position:relative;}
#mainArea.top .Area1 .twitter .flg{position:absolute;  right: 20px;  top: 35px;}

#mainArea.top .Area1 .news{text-align:left;}
#mainArea.top .Area1 .news dl{margin-bottom:15px;}
#mainArea.top .Area1 .news dl dt{font-size:90%;}
#mainArea.top .Area1 .news dl a,
#mainArea.top .Area1 .news dl a:active,
#mainArea.top .Area1 .news dl a:visited{color:white;}

#mainArea.top .Area1 dl .news a:hover{text-decoration:none;}
#mainArea.top .Area1 .twitter .naiyou{width:580px; color:white!important;}
#mainArea.top .Area1 .twitter .naiyou a{color:white!important;}
#mainArea.top .Area1 .twitter .naiyou iframe{width:100%!important;}

#mainArea.top .Area2,
#mainArea.top .Area3{position:relative; padding-bottom:20px;}
#mainArea.top .Area1 h2{z-index:1000; width:100%; background:url(../images/top/bgline.png) top repeat-x; text-align: center;}
#mainArea.top .Area2 h2,
#mainArea.top .Area3 h2{position:absolute; z-index:1000; width:100%; background:url(../images/top/bgline.png) top repeat-x;}
#mainArea.top .Area2 .bx-wrapper,
#mainArea.top .Area3 .bx-wrapper{padding-top:60px;}
#mainArea.top .Area2 .bx-wrapper img,
#mainArea.top .Area3 .bx-wrapper img{z-index:100;}

#mainArea.top .Area2 .nameArea,
#mainArea.top .Area4 .nameArea{background-color: rgba(255,0,0,0.7); color:white; position:absolute; display:table; bottom:0; width:100%; font-size:80%; line-height: 1.5em; height: 40px; text-align: center; }
#mainArea.top .Area2 .nameArea div{ width:100%;display: table-cell; height:100%;vertical-align: middle; padding:5px 0;}
#mainArea.top .Area2 .nameArea p{padding:0;}
#mainArea.top .Area4 .nameArea p{padding:0;}

#mainArea.top .Area4 {padding-bottom:20px;}
#mainArea.top .Area4 h2{position:relative; z-index:1000;background:url(../images/top/bgline.png) top repeat-x;}
#mainArea.top .Area4 ul{list-style:none; margin-top:-10px; overflow: hidden;}
#mainArea.top .Area4 ul li{display:inline-block; margin:0 5px; position:relative; line-height: 0;}

#mainArea.top .Area5 {padding-bottom:20px;}
#mainArea.top .Area5 h2{position:relative; z-index:1000; background:url(../images/top/bgline.png) top repeat-x;}
#mainArea.top .Area5 ul{list-style:none; margin-top:-10px;}
#mainArea.top .Area5 ul li{display:inline-block; margin:0 5px; position:relative; width:293px; vertical-align:top;}
#mainArea.top .Area5 ul li div{padding:0 30px;}

#mainArea.top .Area3 .nameArea{background-color: rgba(255,0,0,0.7); color:white; position:absolute; display:table; bottom:0; width:100%; font-size:55%; line-height: 1.5em; height: 25px; text-align: center; }
#mainArea.top .Area3 .nameArea div{ width:100%;display: table-cell; height:100%;vertical-align: middle; padding:5px 0;}
#mainArea.top .Area3 .nameArea p{padding:0;}
#mainArea.top .Area3 .nameArea p{padding:0;}

#mainArea.top .nameArea{ display: table-cell; vertical-align: middle; width:100%; padding: 0;}
#mainArea.top .nameArea p{ display: inline-block; width:100%; }
#mainArea.top .nameArea .big{font-size: 140% !important; padding-bottom: 3px;display: inline-block; width: 100%;}
#mainArea.top .nameArea .small{padding-bottom: ;display: inline-block!; width: 100%;}







/******************************************************************************
 * 下層ページ共有部分
*******************************************************************************/
#mainArea.whatsga h2,
#mainArea.model h2,
#mainArea.artist h2,
#mainArea.gam h2,
#mainArea.brand h2,
#mainArea.ticket h2,
#mainArea.access h2,
#mainArea.history h2,
#mainArea.report h2
{z-index:1000; width:100%; background:url(../images/top/bgline.png) top repeat-x; margin-bottom: 20px; }

.bdb{border-bottom: 1px solid #ff2358; }

/******************************************************************************
 * WHATS GA
*******************************************************************************/
#mainArea.whatsga{padding: 15px 0;}
#mainArea.whatsga .pa_1{padding:70px 0;}
#mainArea.whatsga .dl_1{overflow: hidden; margin: 0 auto; width: 500px; padding: 70px 0 40px 0; font-weight: 700;}
#mainArea.whatsga .dl_1 dt,
#mainArea.whatsga .dl_1 dd{float: left; padding-bottom: 10px;}
#mainArea.whatsga .dl_1 dt{clear: both; text-align: right; width:140px; padding-right: 10px}
#mainArea.whatsga .dl_1 dd{text-align: left; width:350px;}

/******************************************************************************
 * MODEL/ARTIST
*******************************************************************************/
.thumb_ul{list-style: none; margin-bottom: 10px; width:1220px; margin:0 auto 0px auto; letter-spacing: -.40em;} .thumb_ul li{display: inline-block; position: relative; line-height: 0; margin: 0 10px 20px 10px; width: 224px; height: 224px;letter-spacing: normal;}
.thumb_ul img{ width:100%;}
.thumb_ul .nameArea{background-color: rgba(255,0,0,0.7); color:white; position:absolute; bottom:0; width:100%; font-size:80%; line-height: 1.5em; height: 40px; display: table;}
.thumb_ul .nameArea div{ display: table-cell; vertical-align: middle; width:100%; padding: 0;}
.thumb_ul .nameArea p{ display: inline-block; width:100%; }
.thumb_ul .nameArea .big{font-size: 140% !important; padding-bottom: 3px;}

/******************************************************************************
 * BRAND
*******************************************************************************/
.thumb_ul2{list-style: none; margin-bottom: 10px; margin:0 auto 0px auto; letter-spacing: -.40em;} .thumb_ul2 li{display: inline-block; position: relative;line-height: 0; margin: 0 10px 10px 10px; width: 133px; width: 133px; letter-spacing: normal;}
.thumb_ul2 img{width: 133px;}
.thumb_ul2 .nameArea{background-color: rgba(255,0,0,0.7); color:white; position:absolute; bottom:0; width:100%; font-size:60%; line-height: 1.5em; height: 25px; display: table;}
.thumb_ul2 .nameArea div{ display: table-cell; vertical-align: middle; width:100%; padding: 0;}
.thumb_ul2 .nameArea p{ display: inline-block; width:100%; }
.thumb_ul2 .nameArea .big{font-size: 150% !important; padding-bottom: 3px;}


/******************************************************************************
 * TICKET
*******************************************************************************/
#mainArea.ticket a,
#mainArea.ticket a:hover,
#mainArea.ticket a:active,
#mainArea.ticket a:visited
 {color: white;}

#mainArea.ticket dl{overflow: hidden; display: inline-block; }
#mainArea.ticket dl dt,
#mainArea.ticket dl dd{float: left; display: inline-block; text-align: left; padding-bottom: 5px;}
#mainArea.ticket dl dt{clear: both; padding-right: 5px;}

#mainArea.ticket .ticket_dl{ display: table; margin: 0 auto; width:640px; margin-bottom:15px;background-image: url(../images/common/stripe.png); }
#mainArea.ticket .ticket_dl dd,
#mainArea.ticket .ticket_dl dt{ display:table-cell; position: relative; width:50%;padding-bottom: 0px;padding-right: 0px; float: none; vertical-align: middle;}
#mainArea.ticket .ticket_dl dt{ line-height: 0;}
#mainArea.ticket .ticket_dl dd{ text-align: center; height: 100%; font-size: 150%; }
#mainArea.ticket .ticket_dl dd .tit{ font-weight: 800; font-size: 120%; font-family: 'Fredoka One', cursive; padding-bottom: 15px;}
#mainArea.ticket .ticket_dl dd .tx{ font-size: 80%; }
#mainArea.ticket .ticket_dl dd .tx span{ font-weight: 700;}
#mainArea.ticket .ticket_dl dd .buy{ position: absolute; top:0; right:0;}
#mainArea.ticket .ticket_dl.pink{ background-color: #FF2357; color: #fff;}
#mainArea.ticket .ticket_dl.pink dt div{border:1px solid #FF2357;}
#mainArea.ticket .ticket_dl.yellow{ background-color: #FFFF00; color: #FF2357;}
#mainArea.ticket .ticket_dl.yellow a{ background-color: #FFFF00; color: #FF2357;}
#mainArea.ticket .ticket_dl.yellow dt div{border:1px solid #FFFF00;}
#mainArea.ticket .ticket_dl.black{ background-color: #666; color: #fff;}
#mainArea.ticket .ticket_dl.black dt div{border:1px solid #666;}

#mainArea.ticket .member img{ width:640px;}

/******************************************************************************
 * ACCESS
*******************************************************************************/
#mainArea.access {padding: 15px 0 0 0;}
.accessArea1{padding:50px 0 120px 0;}
#map {width: 100%; height: 500px;}

/******************************************************************************
 * HISTORY
*******************************************************************************/
.thumb_ul3{list-style: none; margin-bottom: 10px; letter-spacing: -.40em;} .thumb_ul3 li{display: inline-block; line-height: 0; margin: 0 10px 10px 10px; width: 219px; letter-spacing: normal; vertical-align: top;}
.thumb_ul3 .nameArea{color:white; bottom:0; width:100%; font-size:80%; line-height: 1.5em; padding: 10px 0;}
.thumb_ul3 .nameArea p span{font-weight: 700; font-size: 100%; padding-bottom: 5px; display: block;}
.thumb_ul3 .nameArea p{padding: 0 5px;}
.thumb_ul3 .nameArea .big{font-size: 150%!important; padding-bottom: 3px;}
#mainArea.history{padding-bottom: 120px;}

/******************************************************************************
 * REPORT
*******************************************************************************/
#mainArea.report{padding: 15px 0; float:left; width:100%;}
#mainArea.report h3{margin:0 0 20px 0; font-size:30px;}
#mainArea.report .nav{margin:0 0 40px 0; color:#FFF;}
#mainArea.report .nav a{color:#FFF; text-decoration:underline;}
#mainArea.report .nav a.on{text-decoration:none;}
#mainArea.report .foot_nav{margin:0 0 60px 0; float:left; width:100%; color:#FFF;}
#mainArea.report .foot_nav p{margin:0 0 10px 0;}
#mainArea.report .foot_nav p a{margin:0;color:#FFF;}

#mainArea.report .report_index{margin: 0 20% 80px 20%;width: 60%;float: left;}
#mainArea.report .report_index ul{ float:left; width:100%; font-size:0;}
#mainArea.report .report_index li{margin:0; display:inline-block; width:33.3333%; padding:1%; box-sizing:border-box; vertical-align:top;}
#mainArea.report .report_index li img{margin:0 0 10px 0; width:100%;}
#mainArea.report .report_index li p{ line-height:180%; font-size:13px;}
#mainArea.report .report_index li a{ color:#FFF;}

#mainArea.report .report_show{margin: 0 20%;width: 60%;float: left;}
#mainArea.report .report_show .cal_01 li{ width:20%;}
#mainArea.report .report_show .cal_02 li{ width:33.333%;}
#mainArea.report .report_show .box{margin:0 0 60px 0; float:left; width:100%;}
#mainArea.report .report_show .box h4{margin:0 0 20px 0; font-size:20px;}
#mainArea.report .report_show .box ul{ margin:0; float:left; width:100%; font-size:0;}
#mainArea.report .report_show .box li{display:inline-block;}
#mainArea.report .report_show .box img{ width:100%; padding:5px; box-sizing:border-box;}

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

#mainArea.report .report_booth_list{margin: 0 20% 80px 20%;width: 60%;float: left; font-size:0;}
#mainArea.report .report_booth_list li{margin:0; display:inline-block; width:25%}
#mainArea.report .report_booth_list li img{margin:0; padding:0 1% 2% 1%; box-sizing:border-box; width:100%;}
#mainArea.report .report_booth{margin: 0 20% 40px 20%;width: 60%;float: left;}
#mainArea.report .report_booth .text_box{margin:0 0 20px 0; float:left; width:100%; text-align:left;padding:0 1%; box-sizing:border-box; }
#mainArea.report .report_booth .text_box h4{font-size:24px;}
#mainArea.report .report_booth .text_box h5{font-size:20px;}
#mainArea.report .report_booth .text_box p{font-size:13px;}
#mainArea.report .report_booth ul{margin:0 0 20px 0; float:left; width:100%;font-size:0;}
#mainArea.report .report_booth li{margin:0; display:inline-block; width:50%}
#mainArea.report .report_booth li img{margin:0; padding:0 1% 2% 1%; box-sizing:border-box; width:100%;}

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

/******************************************************************************
 * Tiny Scrollbar用CSS
*******************************************************************************/
#scrollbar1 {width: auto; padding:28px 20px 0 20px;}
#scrollbar1 .viewport {width: auto; height: 240px; overflow: hidden; position: relative; }
#scrollbar1 .overview {list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{background: transparent url() no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track {background: url(../images/common/scroll.png) center repeat-y; height: 100%; width:15px; position: relative; }
#scrollbar1 .thumb {background:#FF42A0 ; height: 30px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .disable {display: none; }

footer{padding:40px 0 0 0!important; position:relative; background: white;float: left;width: 100%; box-sizing:border-box;}
footer h2{color:#FF42A0;    font-family: 'Open Sans', sans-serif; padding-bottom:20px;}
footer ul{list-style:none; width:70%; margin:0 auto 30px auto;}
footer .logobox{list-style:none;width:100%;}
footer ul li{display:inline-block; margin:0 7px; vertical-align:middle;}
footer ul .mm30{margin:10px 20px !important;}
footer ul.menu{display: flex; padding-bottom:20px;}
footer ul.menu li {border-right:1px solid #333; padding: 0 8px; margin:0;}
footer ul.menu li:last-child {border-right:none; padding-right: 0;}
footer ul.menu li a{text-decoration:none;}
footer ul.menu li a:hover{text-decoration:underline;}
footer .footerArea1{overflow:hidden;}
footer .footerArea1 .wrap{display:inline-block; width:360px; vertical-align:top;}
footer .p_1{color:#333; padding-bottom:20px;}
footer .redzone{background:#FF0000; color:white; font-size:80%; padding:5px 0;}
footer .btt{position:absolute; right:15px; bottom:40px; width:45px;}

/******************************************************************************
 * スマホ用CSS
*******************************************************************************/

.wrapper{position: relative;background: #000;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 9988;float:left;width:100%;height:100%;}
.content_wrapper{float: left;width: 100%;box-sizing: border-box;}
.content{float: left;width: 100%;box-sizing: border-box;}
.inner{float: left;width: 100%;box-sizing:border-box;}

.side-menu-btn{display:none;}
.side-menu {display:none;}


/******************************************************************************
 * 横幅479PX以下用 CSS
*******************************************************************************/

@media screen and (max-width:641px)
{
footer ul{list-style:none; margin-bottom:10px; width:auto; margin:0 auto;}
body{min-width:100%; background-color:#000;}
html{min-width:100%;}

.maxw90{max-width: 90%;}
.w40{ width: 20%;}

.content{width: 100%;padding: 0 0 0 0;}
.inner{padding:0; width:100%; box-sizing:initial;}

.gm{float: left;width: 100%;position: fixed;height: 80px; box-sizing:content-box; z-index:10000; background: black;}
.gm h1{margin:0;height:40px; padding-top: 10px;margin-bottom: 10px;}
.gm h1 img{height:100%;} .gm nav ul li{font-weight: 400;font-size: 15px;line-height: 200%; display:none;}


/******************************************************************************
 * side-menu
*******************************************************************************/
.side-menu .close{position:absolute; right:10px; top:10px;}
.side-menu-btn{display:block; z-index: 10000!important;}
.sp_overlay {visibility: hidden;position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);-webkit-transition: all .5s ease;transition: all .5s ease;z-index:9999;}
.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(255,255,255,.7);}
.side-open .sp_overlay::after {visibility: visible;color: rgba(255,255,255,.8);}
.side-menu {display:block;  position:absolute;top: 0;right: 0;width: 300px; padding:20px 30px; box-sizing:border-box;height: 100%;background:#000;z-index: 1;color:#FFF;}
.side-menu li{margin:10px 0; font-size:14px; text-align: left;}
.side-menu .sns{border-top: 1px solid #FF42A0; overflow: hidden; margin:35px 0 0 0;}
.side-menu .sns li{display: inline-block; padding:15px 30px 0 0; float: left;}
.side-menu-btn {position: fixed;top: 20px;right: 20px;width: 20px;height: 20px; cursor: pointer;z-index: 4;overflow: hidden;background: url(../images/common/SPbtn.jpg) no-repeat left top; background-size: 100% auto;}
.side-open .wrapper, .side-open .sp_overlay {-webkit-transform: translate3d(-300px, 0, 0);transform: translate3d(-300px, 0, 0); position:fixed;}
footer address{width:100%; text-align:center;}

.pc-elm{display: inline;}
.sp-elm{display:none!important;}
#AllWrap{min-width:0;}

header h1{background:url(none) center no-repeat;}
header{line-height:0;background:url(none) center no-repeat;}


#scrollbar1 {width: 95%!important; margin-left:2.5%; padding: 0;}
#scrollbar1 .viewport {width: 90%!important; margin-left:2.5%; height: 240px; overflow: hidden; position: relative; }
#scrollbar1 .overview {list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{background: transparent url() no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track {background: url(../images/common/scroll.png) center repeat-y; height: 100%; width:15px; position: relative; }
#scrollbar1 .thumb {background:#FF42A0 ; height: 30px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .disable {display: none; }

#mainArea.top .report{ border-bottom:1px solid #ff42a0; border-top:1px solid #ff42a0; width:100%; margin:0 auto 20px auto;}
#mainArea.top .report .caption{ width:95%; margin:20px auto 0 auto;}

#mainArea.top .app{}
#mainArea.top .app .caption{ width:95%; margin:10px auto;}
#mainArea.top .app ul{list-style:none;padding-bottom:0;}
#mainArea.top .app li{display:inline-block;padding:0 1%; width: 46%;}
#mainArea.top .app li img{ width: 100%;}

#mainArea.top .Area5 ul{list-style:none; margin-top:10px;}
#mainArea.top .Area5 ul li{display:block; margin:0px; overflow: hidden; width:100%;}
#mainArea.top .Area5 ul li a{display: inline-block; width: 50%; float: left; vertical-align: middle; line-height: 0;}
#mainArea.top .Area5 ul li a img{width:100%;}
#mainArea.top .Area5 ul li div{display: inline-block; width: 50%; float: left; vertical-align: middle; padding: 0;}
#mainArea.top .Area5 ul li div p{padding: 10px; text-align: left;}

#mainArea.top .Area4 ul { margin: 0 2.5%;}
#mainArea.top .Area4 ul li{display:inline-block; margin:0px 1% 10px 1%; position:relative; line-height: 0; width:48%; float: left;}
#mainArea.top .Area4 ul li img{width:100%;}

footer ul li{display:inline-block; margin:0 7px; vertical-align:middle; width:20%;}
footer ul li img{width:100%;}
footer ul li .mini{width:60%;}
footer ul li .bw80{width:80% !important;}
footer h2 { padding-bottom:10px;}
footer ul .mm30{margin:0 7px !important;}
footer .footerArea1 .wrap{display:inline-block; width:50%; vertical-align:top; margin-bottom:20px;}
footer .footerArea1 .wrap li{display:inline-block; margin:0 7px; vertical-align:middle; width:auto;}
footer .footerArea1 .wrap li img{ width:auto;max-width:120px;}
footer .p_1{color:#333; padding:0 10px 20px 10px; font-size: 80%;}
footer ul.menu {flex-direction: column;}
footer ul.menu li {border-right:none; padding:0; margin:0;}
footer ul.menu li {display: block; width:100%;}
footer .btt{position:absolute; right:15px; bottom:42px; width:35px;}

#mainArea.top .Area1 h2{background:url(../images/top/bgline.png) top repeat-x;text-align:center;margin-bottom:10px;}
#mainArea.top .Area1 .news{width:auto;text-align:left;margin-right:0px;}
#mainArea.top .Area1 .news{    padding:10px 0;    width:100%;}
#mainArea.top .Area1 .news .news_ineer{ width:auto;}
#mainArea.top .Area1 .news{border-bottom:none;}
#mainArea.top{background-image:none;background-color:#000028;background-position:center;background-size:100% auto;padding:0;}


#mainArea.top .Area2 .nameArea,
#mainArea.top .Area3 .nameArea,
#mainArea.top .Area4 .nameArea{font-size:40%;height: 30px; width:100.6%;}

#mainArea.top .nameArea .big{font-size: 200%!important;display: inline-block; width: 100%;}
#mainArea.top .nameArea .small{font-size: 120%;padding-top: 3px;display: inline-block!; width: 100%;}


#slider{padding-top: 80px;}
#slider .ticket{position:relative;right:0;bottom:0;width:100%;}
#slider {line-height:0;}

#slider .ticket{position:absolute;right:0;bottom:0;}
#slider .caption{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe.png);}
#slider .caption2{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe2.png);}
#slider .caption3{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe3.png);}
#slider .caption4{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe4.png);}
#slider .caption5{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe5.png);}
#slider .caption6{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe6.png);}
#slider .caption8{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe8.png);}
#slider .caption9{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0; background-image: url(../images/common/stripe9.png);}
#slider .caption10{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0;  background-image: url(../images/common/stripe10.png);}
#slider .caption11{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0;  background-image: url(../images/common/stripe11.png);}
#slider .caption12{width:100%; min-height:30px; height: auto; position:absolute; bottom:0; left:0;  background-image: url(../images/common/stripe12.png);}

#slider .cap_small{font-size: 80%; padding-top: 5px; font-weight:bold;margin-bottom:5px;}
#slider .cap_small2{font-size: 80%; padding-top: 5px; font-weight:bold;margin-bottom:5px; display:none;}
#slider .cap_small3{font-size: 50%; padding-top: 5px; font-weight:bold;margin-bottom:5px;}
#slider .cap_mid{font-size: 100%; padding-bottom:2px; margin-top:5px;font-weight:bold;}
#slider .cap_mid2{font-size: 100%; padding-bottom:2px; padding-top:10px;font-weight:bold;}
#slider .cap_large{font-size: 150%; padding-bottom:5px;font-weight:bold;}
#slider .cap_large2{font-size: 140%; padding-bottom:5px;font-weight:bold;}
#slider .cap_large3{font-size: 90%; padding-bottom:5px;font-weight:bold;}
#slider .bx-pager{ display: none;}

#slider .ticketArea{ position: relative; height:110px; min-height:110px; width:100%; line-height: 1.5em;}
#slider .ticketArea div { padding:5px 15px;}
#slider .ticketArea div .tit{ line-height: 2em; font-size:115%;}
#slider .ticketArea div .tx{ line-height: 1.5em; font-size:75%;}

#slider2 li{ width: 162px!important;}


/******************************************************************************
 * 下層ページ共通部分
*******************************************************************************/
#mainArea.whatsga,
#mainArea.model,
#mainArea.artist,
#mainArea.gam,
#mainArea.history,
#mainArea.brand,
#mainArea.ticket,
#mainArea.access,
#mainArea.report
{padding: 40px 0; margin-top: 90px;}

/******************************************************************************
 * WHATS GA
*******************************************************************************/
#mainArea.whatsga{padding: 40px 0; margin-top: 90px;}
#mainArea.whatsga img{max-width: 90%;}
#mainArea.whatsga .w90{margin: 0 10px;}
#mainArea.whatsga .dl_1{margin: 0 10px; width: auto; padding: 70px 0 40px 0; font-weight: 700;}
#mainArea.whatsga .dl_1 dt{width:40%; padding-right: 3%}
#mainArea.whatsga .dl_1 dd{width:54%;}

/******************************************************************************
 * MODEL/ARTIST
*******************************************************************************/
.thumb_ul{width:86%; line-height: 0;}
.thumb_ul li{display: inline-block; position: relative; line-height: 0; margin: 0 1.5% 10px 1.5%; width: 47%; height: auto;}
.thumb_ul li img{width:100%;}
.thumb_ul .nameArea{font-size:40%; line-height: 1.5em;height: 30px; display: table; width:100.6%;}
.thumb_ul .nameArea p{font-size: 120%!important; padding-top:2px; display: inline-block; width:100%; }
.thumb_ul .nameArea .big{font-size: 200%!important;}



/******************************************************************************
 * TICKET
*******************************************************************************/
#mainArea.ticket dl{overflow: hidden; display: inline-block; margin: 0 10px; }
#mainArea.ticket dl dt,
#mainArea.ticket dl dd{float: left; display: inline-block; text-align: left; padding-bottom: 5px;}
#mainArea.ticket dl dt{clear: both; padding-right: 2%; width:3%;}
#mainArea.ticket dl dd{width:95%;}

#mainArea.ticket .ticket_dl{ width:90%; margin-bottom:15px;}
#mainArea.ticket .ticket_dl img{ max-width: 100%;}
#mainArea.ticket .ticket_dl dd .tit{ font-weight: 800; font-size: 100%; font-family: 'Open Sans', sans-serif; padding-bottom: 0px; line-height:100%;}
#mainArea.ticket .ticket_dl dd .tx span{ display: block;}
#mainArea.ticket .ticket_dl dd .tx{ font-size: 50%;}

#mainArea.ticket .member img{ width:90%;}


/******************************************************************************
 * ACCESS
*******************************************************************************/
#mainArea.access {padding: 15px 0 0 0;}

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

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

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

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

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


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

#mainArea.report .report_stage{margin: 0 2% 40px 2%;width: 96%;}
#mainArea.report .report_stage .box{margin:0 0 30px 0; padding:0 0 30px 0; float:left; width:100%;}
/*
#mainArea.report .report_stage .box h4{margin: 0 0 20px 0;width: 100%;float: left;}
#mainArea.report .report_stage .box .img_box{width:100%; float: left;}
#mainArea.report .report_stage .box .img_box img{width: 33.3333%;float: left; padding:0 1% 2% 1%; box-sizing:border-box;}
#mainArea.report .report_stage .box .big img{width:100% !important;}
#mainArea.report .report_stage .box .mid img{width:50% !important;}
#mainArea.report .report_stage .box .text_box{width:100%; float:right; text-align:left;}
#mainArea.report .report_stage .box .text_box h5{margin:0;width: 100%;float:left;}
#mainArea.report .report_stage .box .text_box p{margin: 0;width: 100%;float:left;}
*/
#mainArea.report .report_stage .cal .img_box{width: 100%!important;}
#mainArea.report .report_stage .cal .text_box{width: 100%!important;}
/*
#mainArea.report .report_stage .box .top{margin: 20px 0 0 0;width: 100%; text-align:right;float: left;}
*/




}
