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


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

/******************************************************************************
 * Html / Body
*******************************************************************************/
html{width:100%; min-width:1000px; height:100%;}
body{padding:0;color:#5555;text-align:center;line-height:1.5em;min-width: 1180px;font: 12px/1.9 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;height: 100%;}
img{max-width:100%;}

/******************************************************************************
 * Link
*******************************************************************************/
a:visited,
a:active {color: #000000;}
a:hover {color: #555;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;}

#slider2 a:hover, #slider5 a:hover{transition:none !important;}

/******************************************************************************
 * margin,padding
*******************************************************************************/
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.pt30{ padding-top:30px !important;}


/******************************************************************************
 * wrapper
*******************************************************************************/
.wrapper{background:#FFF;position: relative;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 9988;float: left;width: 100%;height: 100%;}
/*---------------------------------------------
Fukidashi
---------------------------------------------*/
.fukidasi{position:relative;}
.fukidasi span{position: absolute;top: 3px;left: -2px;width: 100%;text-align: center;font-family: 'Raleway', sans-serif;color: #1D303F;font-size: 18px; font-weight:300;}
.fukidasi .tw{left:9px;}
.fukidasi .big{ font-size:22px !important;left:0; font-weight:300;}

/******************************************************************************
 * Header
*******************************************************************************/
header{float:left; width:100%; background:url(../images/common/bg_border.jpg); position:relative; z-index:9999;}
header h1{margin: 17px auto 5px auto; width:270px;}
header h2{margin:0 auto 5px auto; width:650px;}
header nav{ padding:20px 0; float:left; width:100%; background:#95E4FF; text-align:center; font-family:'Raleway', sans-serif;}
header nav h2{margin: 10px auto 5px auto; width:270px;}
header nav ul li{display:inline-block;margin:0 1%; font-size:19px;}
header nav ul li a{color:#587992 !important}
header nav ul li a:hover{color:#000 !important}
header .sns{margin:0; position:absolute; right:0; bottom:22px; width:164px;}
header .sns ul li{margin:0; float:left; width:50%; height:40px; line-height:40px; vertical-align:middle; text-align:center; box-sizing:border-box;}
header .sns ul li img{vertical-align:middle;}
header .sns ul .border{ border-right:1px solid #DEEEF7;}
header .ap_icn {position:absolute; right:0; bottom:-45px;-webkit-transition: all .5s ease;transition: all .5s ease;font-family: 'Raleway', sans-serif;}
header .ap_icn span{position:absolute; width:100%; bottom:14px; left:0; font-size:14px; text-align:center;}
.side-menu-btn{display:none;}
.side-menu {display:none;}

/*---------------------------------------------
Header Fix
---------------------------------------------*/
.fixed header .inner{position:fixed; top:-2px; width:100%;}
.fixed header .inner .sns{ bottom:20px!important;}
.fixed header .inner .ap_icn,
.fixed header .inner h2{opacity:0;}
.fixed #mainArea{margin:230px 0 0 0;}


/******************************************************************************
 * Footer
*******************************************************************************/
footer {background-color: #356380;padding: 60px 0 0 0;position: relative;z-index: 6666; float:left; width:100%;}
footer address{color:#5EA8D9; font-size:11px; padding:5px 0; margin:40px 0; font-style:normal;}
footer .btt{position: absolute;right: 50px; top:-20px;}
footer ul.menu{padding:10px 0; margin:0; background:#51A5DF; width:100%;position: relative;z-index: 9999;display: flex; justify-content: center;}
footer ul.menu li {border-right:1px solid #fff; line-height:100%; padding:0 10px; margin:0; font-size:11px; margin:7px 0; vertical-align:middle;}
footer ul.menu li.none {border-right:none;}
footer ul.menu li a{text-decoration:none; color:#FFF;}
footer ul.menu li a:hover{text-decoration:underline;}
/*---------------------------------------------
Sponsor
---------------------------------------------*/
.sponsor_box{padding:40px 0 80px 0!important; position:relative; background: white;float: left;width: 100%; box-sizing:border-box;}
.sponsor_box h2{color:#50A5DF; font-weight:normal; padding-bottom:20px; font-family:'Raleway', sans-serif;}
.sponsor_box ul{list-style:none; margin-bottom:10px; width:85%; margin:0 auto 30px auto;}
.sponsor_box ul li{display:inline-block; margin:8px 15px; vertical-align:middle;}
.sponsor_box .sponsorArea1{overflow:hidden; padding-bottom:40px;}
.sponsor_box .sponsorArea1 .wrap{display:inline-block; width:360px; vertical-align:top;}
.sponsor_boxr .p_1{color:#333; padding-bottom:80px;}
/*---------------------------------------------
Line
---------------------------------------------*/
.foot_line{float:left; width:100%; position:relative; z-index:999999; display:none;}
.foot_line .stay_wrap {background: #1C303F;width: 200px;padding:15px 27px;right: 110px;color:#FFF;text-align:left;position:fixed; bottom:0; z-index:8888;}
.foot_line .stay_wrap dd p{margin:10px 0 20px 0;}

/******************************************************************************
 * Side sns
*******************************************************************************/
.side_btn{margin: -159px 0 0 0;position: fixed;right: 0;top: 50%;width: 30px;line-height: 0;z-index: 7777;}
.side_btn .membres{margin:0; border-bottom:1px solid #fff;}
.side_btn ul{margin:0; width:30px; background:#356380;}
.side_btn li{padding:15px 0;}

/******************************************************************************
 * Slider
*******************************************************************************/
#slider {border-bottom:1px solid #BECDD6;position:relative; background:#FFF; z-index:8888;}
#slider #main img,
#slider #main li{width:100%;margin:0;line-height:0;position: relative;}
#slider .caption{width:100%;height: 175px;position:absolute; bottom:0;}
#slider li a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;transition: all  0.3s ease;}


#slider li.cbg_01 .caption{background:url(../images/main_baneer/slider_caption_01.png);}
#slider li.cbg_02 .caption{background:url(../images/main_baneer/slider_caption_02.png);}
#slider li.cbg_03 .caption{background:url(../images/main_baneer/slider_caption_03.png);}
#slider li.cbg_04 .caption{background:url(../images/main_baneer/slider_caption_04.png);}
#slider li.cbg_05 .caption{background:url(../images/main_baneer/slider_caption_05.png);}
#slider li.cbg_06 .caption{background:url(../images/main_baneer/slider_caption_06.png);}
#slider li.cbg_07 .caption{background:url(../images/main_baneer/slider_caption_07.png);}
#slider li.cbg_08 .caption{background:url(../images/main_baneer/slider_caption_08.png);}
#slider li.cbg_09 .caption{background:url(../images/main_baneer/slider_caption_09.png);}
#slider li.cbg_10 .caption{background:url(../images/main_baneer/slider_caption_10.png);}
#slider li.cbg_11 .caption{background:url(../images/main_baneer/slider_caption_11.png);}
#slider li.cbg_12 .caption{background:url(../images/main_baneer/slider_caption_12.png);}
#slider li.cbg_13 .caption{background:url(../images/main_baneer/slider_caption_13.png);}
#slider li.cbg_14 .caption{background:url(../images/main_baneer/slider_caption_14.png);}
#slider li.cbg_15 .caption{background:url(../images/main_baneer/slider_caption_15.png);}
#slider li.cbg_16 .caption{background:url(../images/main_baneer/slider_caption_16.png);}
#slider li.cbg_17 .caption{background:url(../images/main_baneer/slider_caption_17.png);}
#slider li.cbg_18 .caption{background:url(../images/main_baneer/slider_caption_18.png);}
#slider li.cbg_19 .caption{background:url(../images/main_baneer/slider_caption_19.png);}
#slider li.cbg_20 .caption{background:url(../images/main_baneer/slider_caption_20.png);}
#slider li.cbg_21 .caption{background:url(../images/main_baneer/slider_caption_21.png);}
#slider li.cbg_22 .caption{background:url(../images/main_baneer/slider_caption_22.png);}
#slider li.cbg_23 .caption{background:url(../images/main_baneer/slider_caption_23.png);}
#slider li.cbg_24 .caption{background:url(../images/main_baneer/slider_caption_24.png);}
#slider li.cbg_25 .caption{background:url(../images/main_baneer/slider_caption_25.png);}
#slider li.cbg_26 .caption{background:url(../images/main_baneer/slider_caption_26.png);}
#slider li.cbg_27 .caption{background:url(../images/main_baneer/slider_caption_27.png);}
#slider li.cbg_28 .caption{background:url(../images/main_baneer/slider_caption_28.png);}
#slider li.cbg_29 .caption{background:url(../images/main_baneer/slider_caption_29.png);}
#slider li.cbg_30 .caption{background:url(../images/main_baneer/slider_caption_30.png);}
#slider li.cbg_31 .caption{background:url(../images/main_baneer/slider_caption_31.png);}

#slider .caption p{line-height: 1.15em; color:#19303E;}
#slider .cap_small{font-size: 150%; padding-bottom: 20px; padding-top: 25px;}
#slider .cap_mid{position: absolute;left: 10%;top: -40px;}
#slider .cap_large{font-size: 370%; font-weight: 400;}
#slider .f300{font-size: 300%;}
#slider .ticketArea{position: absolute;height: 175px;width: 300px;bottom: 0;right: 0;}
#slider .ticketArea div{padding: 55px 0 49px 25px;margin:0;text-align: left;color: #1D303F;border-left:1px solid #99ACB8;}
#slider .ticketArea div .tit{position: absolute;top: -20px; font-family: 'Raleway', sans-serif;}
#slider .ticketArea div .tit span{position:absolute; width:100%; left:-2px; top:0; font-size:18px; text-align:center;}
#slider .ticketArea div .subsub_tit{font-weight: 700;font-size: 120%;}
#slider .ticketArea div .soldout{font-weight: 700;font-size: 100%;font-family: 'Raleway', sans-serif; line-height:120%; color:#EB5F9B;}
#slider .ticketArea div .sub_tit{font-weight: 700;font-size: 170%;}
#slider .ticketArea div .tx{ font-weight: 700; }
#slider .ticketArea div .tx span{ font-weight: 700;}
#slider .ticketArea .nav{position:absolute; top:0; right:0; width:30px; height:175px; background-color:#1D3040; line-height:175px;}

/******************************************************************************
 * トップページ
*******************************************************************************/
.top .Area2 .nameArea,
.top .Area4 .nameArea{background-color: rgba(90,167,219,0.7); color:white; position:absolute; bottom:0; width:100%; font-size:10px; line-height: 1.5em; display:table; height:40px; }
.top .Area3 .nameArea{background-color: rgba(90,167,219,0.7); color:white; position:absolute; bottom:0; width:100%; font-size:10px; line-height: 1.5em; display:table; height:30px; }
.top .Area2 .nameArea div,
.top .Area3 .nameArea div,
.top .Area4 .nameArea div{display: table-cell;height: 100%;padding: 3px 0;vertical-align: middle;width: 100%;}
.top .Area2 .nameArea p{}
.top .Area3 .nameArea p{padding:0; font-size:12px;}
.top .Area3 .nameArea p span{ font-size:9px;}
.top .Area4 .nameArea p{padding:10px;}

/*---------------------------------------------
SNS
---------------------------------------------*/
.top .top_sns{float: left;width: 100%;border-bottom: 1px solid #BECDD6;padding: 60px 0; background:#FFF;}
.top .top_sns ul{margin:0 auto; width:1100px; font-size:0; border-left:1px solid #BECDD6;}
.top .top_sns li{margin:0; display:inline-block; font-size:12px; width:16.6666%; text-align:center; vertical-align:top; border-right:1px solid #BECDD6; box-sizing:border-box;  }
.top .top_sns li p{font-size:11px; line-height:120%; height:3em;}
.top .top_sns li img{margin:20px 0; clear:both; width:60%;}

/*---------------------------------------------
APP
---------------------------------------------*/
.top .top_app{float:left; width:100%; background:url(../images/common/bg_border.jpg) 50% 0;border-bottom:1px solid #BECDD6; padding:60px 0; }
.top .top_app .inner{margin:0 auto; width:770px;position:relative; text-align:left;}
.top .top_app h2{margin: 0;position: absolute;top: -80px;left: -50px;}
.top .top_app dl{margin:0; float:left; width:424px;}
.top .top_app dt{margin:0; float:left; width:104px;}
.top .top_app dd{margin: 5px 0 0 0;float: right;width: 295px;line-height: 150%;}
.top .top_app ul{margin: -15px 0 0 0;float: right;width: 293px;}
.top .top_app li{margin: 0;float: left;width: 100%;padding: 15px 0;background:url(../images/common/icn_01.png) 95% 50% no-repeat;}
.top .top_app li .img_box{margin: 0 30px 0 0;float: left;}
.top .top_app li p{margin: 3px 0 0 0;line-height: 150%;}
.top .top_app .border{ border-bottom:1px solid #7E9BAE;}

/*---------------------------------------------
News Twitter
---------------------------------------------*/
.top .Area1{background: url(../images/common/bg.jpg) 50% 0;border-bottom: 1px solid #BECDD6;float: left;width: 100%;padding: 60px 0;}
.top .Area1 .top_news,
.top .Area1 .top_twitter{display:inline-block;padding-bottom:30px;position:relative; margin:60px 0 0 0;}
.top .Area1 .top_news{width:595px;text-align:left;margin-right:30px;}
.top .Area1 .top_news h2{position:absolute; left:0; top:-60px;}
.top .Area1 .top_news dl{margin-bottom:15px;}
.top .Area1 .top_news dl dt{font-size:90%;}
.top .Area1 dl .top_news a:hover{text-decoration:none;}
.top .Area1 .top_twitter h2{position:absolute; right:0; top:-60px;}
.top .Area1 .top_twitter .naiyou{width:580px; color:white!important;}
.top .Area1 .top_twitter .naiyou iframe{width:100%!important;}

/*---------------------------------------------
Model Artist
---------------------------------------------*/
.top .Area2{position: relative;padding:60px 0;background: url(../images/common/bg.jpg) 50% 0;border-bottom: 1px solid #BECDD6;float: left;width: 100%;z-index:100;}
.top .Area2 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -30px;}
.top .Area2 .more{position:absolute; right:3%; top:-20px;}
.top .Area2 .big{font-size: 150%; display:inline-block; width:100%}
.top .Area2 .small{display:inline-block; width:100%}

/*---------------------------------------------
Brand
---------------------------------------------*/
.top .Area3{position:relative; padding:80px 0;background:url(../images/common/bg_border.jpg) 50% 0;border-bottom:1px solid #BECDD6; float:left; width:100%;}
.top .Area3 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -30px;}

/*---------------------------------------------
Special Stage
---------------------------------------------*/
.top .Area4 {padding: 60px 0;background: url(../images/common/bg.jpg) 50% 0;border-bottom: 1px solid #BECDD6;float: left;width: 100%;position: relative;}
.top .Area4 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -30px;}
.top .Area4 ul{width: 70%;margin: 0 auto;overflow: hidden;font-size: 0;padding: 0 0 80px 0;}
.top .Area4 ul li{display:inline-block; margin:0 1px; position:relative; line-height: 0;}


/*---------------------------------------------
Special Contents
---------------------------------------------*/
.top .Area5 {padding:60px 0;background:url(../images/common/bg.jpg) 50% 0;border-bottom:1px solid #BECDD6; float:left; width:100%; position:relative;}
.top .Area5 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -30px;}
.top .Area5 ul{font-size:0;}
.top .Area5 ul li{display:inline-block; margin:0 1px; position:relative; width:254px; font-size:12px; vertical-align:top; margin-bottom:20px;}
.top .Area5 ul li a{color:#366A8F}

/******************************************************************************
 * 下層ページ共有部分
*******************************************************************************/
.lower_head{float:left; width:100%; height:124px; position:relative; background:url(../images/common/bg_border.jpg) 50% 0; border-bottom:1px solid #A8BECB;}
.lower_head h2{width:100%; position:absolute; bottom:-40px; text-align:center; z-index:5555;}
.lower_bg_01{padding:80px 0 100px 0; float:left; width:100%; background:url(../images/common/bg.jpg) 50% 0;border-bottom:1px solid #A8BECB; position:relative;}
.lower_bg_02{padding:80px 0 100px 0; float:left; width:100%; background:url(../images/common/bg_border.jpg) 50% 0;border-bottom:1px solid #A8BECB; position:relative;}
.lower_caption{position:absolute; top:-30px; width:100%; text-align:center;}


/******************************************************************************
 * WHATS GA
*******************************************************************************/
.whasgaArea1{padding:80px 0; float:left; width:100%; background:url(../images/common/bg.jpg) 50% 0; text-align:center;border-bottom:1px solid #A8BECB;}
.whasgaArea1 h3{margin:0 30px 0 120px; display:inline-block;}
.whasgaArea1 p{margin:30px 0 0 0; display:inline-block; width:516px; text-align:left; color:#34637F; font-size:14px; font-weight:bold; line-height:180%; vertical-align:top;}
.whasgaArea2{padding:60px 0;border-bottom:1px solid #A8BECB;}
.whasgaArea2 img{margin:0;}
.whasgaArea3{padding:60px 0; float:left; width:100%; background:url(../images/common/bg_border.jpg) 50% 0; border-bottom:1px solid #A8BECB;}
.whasgaArea3 dl{overflow: hidden; margin: 0 auto; width: 500px; padding: 70px 0 40px 0; font-weight: 700;color:#34637F; }
.whasgaArea3 dl dt,
.whasgaArea3 dl dd{float: left; padding-bottom: 10px;}
.whasgaArea3 dl dt{clear: both; text-align: right; width:140px; padding-right: 10px}
.whasgaArea3 dl dd{text-align: left; width:350px;}

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

.thumb_ul2{list-style: none; margin-bottom: 10px; letter-spacing: -.40em;}
.thumb_ul2 li{display: inline-block; position:relative; line-height: 0; margin: 0 1px 1px 1px; width: 141px; letter-spacing: normal; vertical-align: top; font-size:0;}
.thumb_ul2 .nameArea{background-color: rgba(90,167,219,0.7);color:white; bottom:0; width:100%; position:absolute; font-size:12px; line-height: 1.5em; padding: 5px 0;}
.thumb_ul2 .nameArea p{padding: 0;}
.thumb_ul2 .nameArea p span{ font-size:9px;}
.thumb_ul2 .nameArea .big{font-size: 150%!important; padding-bottom: 3px;}

.thumb_ul3{list-style: none; margin-bottom: 10px; letter-spacing: -.40em;}
.thumb_ul3 li{display: inline-block; line-height: 0; margin: 0 1px 1px 1px; width: 219px; letter-spacing: normal; vertical-align: top; font-size:0;}
.thumb_ul3 .nameArea{bottom:0; width:100%; font-size:10px; 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;}


/******************************************************************************
 * TICKET
*******************************************************************************/
.ticket dl{display: inline-block; }
.ticket dl dt,
.ticket dl dd{float: left; display: inline-block; text-align: left; padding-bottom: 5px;}
.ticket dl dt{clear: both; padding-right: 5px;}
.ticket .ticket_dl{ display: table; margin: 0 auto; width:640px; }
.ticket .ticket_dl dd,
.ticket .ticket_dl dt{ display:table-cell; position: relative; width:50%;padding-bottom: 0px;padding-right: 0px; float: none; vertical-align: middle;}
.ticket .ticket_dl dt{ line-height: 0;}
.ticket .ticket_dl dd{ text-align: center; height: 100%; font-size: 150%; }
.ticket .ticket_dl dd .tit{ font-weight: 800; font-size: 120%;padding-bottom: 15px;font-family:'Raleway', sans-serif;}
.ticket .ticket_dl dd .tx{ font-size: 80%; }
.ticket .ticket_dl dd .sold { font-size: 80%; color:#666;}
.ticket .ticket_dl dd .tx span{ font-weight: 700;}
.ticket .ticket_dl dd .sold span{ font-weight: 700;}
.ticket .ticket_dl dd .buy{ position: absolute; top:-10px; right:-10px;}
.ticket .ticket_dl.pink{ background-color:rgba(35,180,227,0.7); color: #fff; margin-bottom:20px;}
.ticket .ticket_dl.pink dt div{border:1px solid #59809B;}
.ticket .ticket_dl.yellow{ background-color:rgba(72,84,103,0.7); color: #fff;margin-bottom:20px;}
.ticket .ticket_dl.yellow dt div{border:1px solid #59809B; }
.ticket .ticket_dl a{ color:#FFF; display:block;}
.ticket .p01{ color:#1D303F; font-size:14px;}
.ticket .p02{ color:#2E6081;  font-size:14px; margin:60px 0 0 0;}
.ticket .sales{ font-size:190%; font-weight:700; text-align:center; color:#34637f; margin-bottom:20px;}



/******************************************************************************
 * ACCESS
*******************************************************************************/
.access .p01{margin:0 0 40px 0; color:#1D303F;}
.access .p02 a{color:#1D303F; border:1px solid #1D303F; padding:20px 80px; font-size:12px; background:url(../images/common/icn_01.png) 90% 50% no-repeat;}
.access .p03{ margin:60px 0 0 0;color:#1D303F;}
#map {width: 100%; height: 500px;border-bottom:1px solid #A8BECB;}

/******************************************************************************
 * PARTNERS CONTENTS
*******************************************************************************/
.pr_box{ width:780px; margin:0 auto;}
.pr_box .inner{ width:780px; margin:0 auto;}
.sizebook_lp {margin: 0 auto;width: 740px;}
.sizebook_lp img {vertical-align: bottom}
/******************************************************************************
 * Tiny Scrollbar用CSS
*******************************************************************************/
#scrollbar1 {width: 595px;  }
#scrollbar1 .viewport {width: 580px; 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:#5AA7DB ; height: 30px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .disable {display: none; }


.layer_board_bg {position:fixed;width: 100%;height: 100%;z-index: 10000;top: 0;left: 0;display: none;cursor: pointer;background: #000;}
.layer_board {display: none;position:fixed;left: 0; right:0; top:0; bottom:0;margin:auto;text-align: center;z-index: 20000;height:315px; width:366px;}
.layer_board .outer{ width:300px; border:3px solid #95E4FF; background:#FFF; padding:30px;border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */ position:relative;}
.layer_board .outer .close{ position:absolute; top:-40px; right:0; width:25px;cursor: pointer;}
.layer_board .outer .logo{ width:200px; margin:0 auto 30px auto;}
.layer_board .outer p{ font-size:25px;font-family: "Raleway",sans-serif; font-weight:300; color:#1d303f; text-align:center; margin-bottom:10px;}
.layer_board .outer ul{ text-align:center; margin-bottom:30px;}
.layer_board .outer ul li{ display:inline-block; margin:0 10px; width:50px;}
.layer_board .outer ul li img{ width:100%;}
.layer_board .outer .icon{ width:120px; margin:0 auto;}
.layer_board .outer img{ width:100%;}


/******************************************************************************
 * REPORT
*******************************************************************************/
#mainArea .report_box{padding: 40px 0; float:left; width:100%;border-bottom:1px solid #A8BECB;}
#mainArea > .report h3{margin:40px 0 20px 0; font-size:30px; float:left; width:100%;}
#mainArea > .report .nav{margin:0 0 40px 0; }
#mainArea > .report .nav a{text-decoration:underline;}
#mainArea > .report .nav a.on{text-decoration:none;}
#mainArea > .report .foot_nav{margin:0 0 60px 0; float:left; width:100%;}
#mainArea > .report .foot_nav p{margin:0 0 10px 0;}

#mainArea > .report .report_index{margin:40px 0 80px 0;width: 100%;float: left; padding:0 0 40px 0; border-bottom:1px solid #A8BECB; }
#mainArea > .report .report_index ul{ margin:0 auto; width:60%; 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_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:96%; margin:1%; box-sizing:border-box; border:1px solid #A8BECB;}

#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%; font-size:0; float:left;}
#mainArea > .report .report_booth_list ul{ float:left;}
#mainArea > .report .report_booth_list li{margin:0; display:inline-block; width:25%;}
#mainArea > .report .report_booth_list li img{width:96%; margin:1%; box-sizing:border-box; border:1px solid #A8BECB;}
#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;width:100%;font-size:0;}
#mainArea > .report .report_booth li{margin:0; display:inline-block; width:50%; vertical-align:top;}
#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; }
#mainArea > .report .report_stage .box{margin:0 0 60px 0; padding:0 0 30px 0; float:left; width:100%; border-bottom:1px solid #A8BECB;}
#mainArea > .report .report_stage .box h4{margin: 0 0 20px 0;width: 100%;float: left; border-bottom:1px solid #A8BECB; 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:97%; margin:0 1.5%; 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; margin:0 !important;}
#mainArea > .report .report_stage .box .top{margin: 20px 0 0 0;width: 100%; text-align:right;float: left;}


/******************************************************************************
 * 横幅798PX以下用 CSS
*******************************************************************************/
@media screen and (max-width:798px)
{
html{min-width:100%;}
body{min-width: 100%;}
#mainArea{margin:90px 0 0 0;}
/*---------------------------------------------
Fukidashi
---------------------------------------------*/
.fukidasi span{top: 5px;font-size: 16px;}
.fukidasi .big{ font-size:18px!important; top:0!important;}

/******************************************************************************
 * Header
*******************************************************************************/
header{position:fixed;top:0;height:70px; overflow:hidden; padding:10px 0;}
header h1{margin:0 auto;}
header h1 img{ width:160px;}
header h2{margin:0 auto; width:95%;}
header h2 img{width:100%;}
.fixed header .inner{top:0; position:initial!important;}
header nav{ padding:0;}
header nav h2{margin:0 auto; width:200px;}
header nav ul li{display:none;}
header .sns{display:none;}

/*---------------------------------------------
Header Fix
---------------------------------------------*/
.fixed header .inner h2{opacity:1;}
.fixed #mainArea{margin:0;}

/******************************************************************************
 * side-menu
*******************************************************************************/
.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%;z-index: 1;color:#FFF;}
.side-menu li{margin:10px 0; font-size:14px; text-align: left;}
.side-menu .sns{border-top: 1px solid #BECDD6; overflow: hidden; margin:35px 0 0 0;}
.side-menu .sns li{padding:15px 0 0 0; float: left; width:25%;}
.side-menu .sns li img{width:100%;}
.side-menu-btn {position: absolute;top: 32px;right: 20px;width: 20px;height: 20px; cursor: pointer;z-index: 4;overflow: hidden;background: url(../images/common/sp_menu_b.png) 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;}
#slider .ticket{position:relative;right:0;bottom:0;width:100%;}
#slider {line-height:0;}


/******************************************************************************
 * Footer
*******************************************************************************/
footer {background-color: #356380;padding: 60px 0 0 0;position: relative;z-index: 9999; float:left; width:100%;}
footer address{color:#5EA8D9; font-size:11px; padding:5px 0; margin:40px 0; font-style:normal;}
footer .btt{position: absolute;right: 0; top:-20px;}
footer ul.menu{padding:10px 0; margin:0; background:#51A5DF; width:100%;position: relative;z-index: 9999;}
footer ul.menu li {border-right:1px solid #fff; line-height:100%; padding:0 10px 0 0; margin:0; font-size:11px;display:inline-block; margin:7px 7px 7px 0; vertical-align:middle;}
footer ul.menu li.none {border-right:none;}
footer ul.menu li a{text-decoration:none; color:#FFF;}
footer ul.menu li a:hover{text-decoration:underline;}

/*---------------------------------------------
Sponsor
---------------------------------------------*/
.sponsor_box{padding:40px 0 80px 0!important; position:relative; background: white;float: left;width: 100%; box-sizing:border-box;}
.sponsor_box h2{color:#50A5DF; font-weight:normal; padding-bottom:20px; font-family:'Raleway', sans-serif;}
.sponsor_box ul{list-style:none; margin-bottom:10px; width:90%; margin:0 auto 30px auto;}
.sponsor_box ul li{display:inline-block; margin:7px; vertical-align:middle; width:30%;}
.sponsor_box .sponsorArea1{overflow:hidden; padding-bottom:40px;}
.sponsor_box .sponsorArea1 .wrap{display:inline-block; width:100%; vertical-align:top;}
.sponsor_boxr .p_1{color:#333; padding-bottom:80px;}
.sponsor_box ul .w10 {width: 10% !important;}
.sponsor_box ul .w15 {width: 15% !important;}
.sponsor_box ul .w20 {width: 20% !important;}
.sponsor_box ul .w25 {width: 25% !important;}
.sponsor_box ul .w30 {width: 30% !important;}
.sponsor_box ul .w35 {width: 35% !important;}
.sponsor_box ul .w40 {width: 40% !important;}
.sponsor_box ul .w45 {width: 45% !important;}
.sponsor_box ul .w50 {width: 50% !important;}
.sponsor_box ul .w60 {width: 60% !important;}
.sponsor_box ul .w70 {width: 70% !important;}
.sponsor_box ul .w80 {width: 80% !important;}
.sponsor_box ul .w90 {width: 90% !important;}
.sponsor_box ul .w100 {width: 100% !important;}
/*---------------------------------------------
Line
---------------------------------------------*/
.foot_line{float:left; width:100%; position:relative; z-index:999999;}
.foot_line .stay_wrap {background: #1C303F;width: 200px;padding:15px 27px;right: 110px;color:#FFF;text-align:left;position:fixed; bottom:0; z-index:8888;}
.foot_line .stay_wrap dd p{margin:10px 0 20px 0;}
.foot_logo{ width:30%; margin:0 auto;}

/******************************************************************************
 * Side sns
*******************************************************************************/
.side_btn{ display:none;}
/******************************************************************************
 * Slider
*******************************************************************************/
#slider .caption{height: auto;}
#slider .caption p{line-height: 1em; color:#19303E;}
#slider .cap_small{font-size: 90%; padding-bottom: 5px; padding-top: 10px;}
#slider .cap_mid{ width:25%; top:-20px; left:5%;}
#slider .cap_large{font-size: 140%; font-weight: 400; margin:0 0 10px 0;}
#slider .f300{font-size: 120%;}
#slider .bx-pager{display:none;}

#slider .ticketArea{position:relative;height: auto; float:left;width: 100%;background-color:#FFF;border-bottom:1px solid #BECDD6;}
#slider .ticketArea div{padding: 15px 0 15px 25px; margin:0; box-sizing:border-box;background-color:#FFF;  width:100%;text-align: left; float:left;border-left:none; line-height:200%;}

#slider .ticketArea div .tit{ display:none;}
#slider .ticketArea .nav{width:50px; height:100%;line-height:85px;}

/******************************************************************************
 * トップページ
*******************************************************************************/
.top .Area2 .nameArea,
.top .Area4 .nameArea{background-color: rgba(90,167,219,0.7);; color:white; position:absolute; bottom:0; width:100%; font-size:10px; line-height: 1.5em; height:40px;}
.top .Area2 .nameArea p{}
.top .Area4 .nameArea p{padding:10px;}
.top h2 img{height:50px;}
.top .Area2 .thumb_ul{ width:95%;}

/*---------------------------------------------
SNS
---------------------------------------------*/
.top .top_sns{padding: 30px 0;}
.top .top_sns ul{margin:0;width:100%;border-left:none;}
.top .top_sns li{font-size:10px;margin:0 0 3px 0; width:33.333%;border-right:none;border-left:1px solid #BECDD6;}
.top .top_sns li:last-child {border-right:1px solid #BECDD6;}
.top .top_sns li p{font-size:10px; line-height:120%; height:3em;}
.top .top_sns li img{margin:10px 0; clear:both; width:50%;}

/*---------------------------------------------
APP
---------------------------------------------*/
.top .top_app{padding:30px 0; }
.top .top_app .inner{margin:0 5%;width:90%;position:relative; text-align:left;}
.top .top_app h2{margin: 0;position: absolute;top: -50px;left: 0; width:100%; text-align:center;}
.top .top_app dl{margin:0; float:left; width:100%;}
.top .top_app dt{margin:0; float:left; width:30%;}
.top .top_app dd{margin: 5px 0 0 0;float: right;width: 65%;line-height: 150%;}
.top .top_app ul{margin: 20px 0 0 0;float: right;width: 100%;}
.top .top_app li{margin: 0;float: left;width: 100%;padding: 15px 0;background:url(../images/common/icn_01.png) 95% 50% no-repeat;}
.top .top_app li .img_box{margin: 0 30px 0 10px;float: left;}
.top .top_app li p{margin: 3px 0 0 0;line-height: 150%;}
.top .top_app .border{ border-bottom:1px solid #7E9BAE;}

/*---------------------------------------------
News Twitter
---------------------------------------------*/
.top .Area1{background: url(../images/common/bg.jpg) 50% 0;border-bottom: 1px solid #BECDD6;float: left;width: 90%;padding: 30px 5%;}
.top .Area1 .top_news,
.top .Area1 .top_twitter{display:inline-block; width:100%;padding-bottom:30px;position:relative; margin:60px 0 0 0;}
.top .Area1 .top_news{width:100%;text-align:left;margin-right:0;}
.top .Area1 .top_news h2{position:absolute; left:0; top:-60px; width:100%; text-align:center;}
.top .Area1 .top_news dl{margin-bottom:15px;}
.top .Area1 .top_news dl dt{font-size:90%;}
.top .Area1 dl .top_news a:hover{text-decoration:none;}
.top .Area1 .top_twitter h2{position:absolute; width:100%; text-align:center; right:0; top:-60px;}
.top .Area1 .top_twitter .naiyou{width:100%; color:white!important;}
.top .Area1 .top_twitter .naiyou iframe{width:100%!important;}
#scrollbar1 {width: 95%!important; margin-left:2.5%; }
#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:#5AA7DB; height: 30px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .disable {display: none; }

/*---------------------------------------------
Model Artist
---------------------------------------------*/
.top .Area2{position: relative;padding:40px 0;background: url(../images/common/bg.jpg) 50% 0;border-bottom: 1px solid #BECDD6;float: left;width: 100%;z-index:100;}
.top .Area2 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -20px;}
.top .Area2 .more{ display:none;}
#slider2 li{width:162px !important;}

/*---------------------------------------------
Brand
---------------------------------------------*/
.top .Area3{position:relative; padding:40px 0;background:url(../images/common/bg_border.jpg) 50% 0;border-bottom:1px solid #BECDD6; float:left; width:100%;}
.top .Area3 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -20px;}

/*---------------------------------------------
Special Stage
---------------------------------------------*/
.top .Area4 {padding: 40px 0;background: url(../images/common/bg.jpg) 50% 0;border-bottom: 1px solid #BECDD6;float: left;width: 100%;position: relative;}
.top .Area4 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -20px;}
.top .Area4 ul{width: 100%;margin: 0 auto;overflow: hidden;font-size: 0;padding: 0 0 80px 0;}
.top .Area4 ul li{display:inline-block; width:49%; margin:0 .5%; position:relative; line-height: 0;}

/*---------------------------------------------
Special Contents
---------------------------------------------*/
.top .Area5 {padding:40px 0;background:url(../images/common/bg.jpg) 50% 0;border-bottom:1px solid #BECDD6; float:left; width:100%; position:relative;}
.top .Area5 h2{position: absolute;z-index: 1000;width: 100%;text-align: center;top: -20px;}
.top .Area5 ul{font-size:0;}
.top .Area5 ul li{display:inline-block; margin:0 1px; position:relative; width:254px; font-size:12px; margin-bottom:20px;}
.top .Area5 ul li a{color:#366A8F}

/******************************************************************************
 * 下層ページ共有部分
*******************************************************************************/
.lower_head{height:40px; position:relative; background:url() #FFF;}
.lower_head h2 img{ height:50px;}
.lower_bg_01{padding:40px 5% 60px 5%; width:90%;background-size: 90%;}
.lower_bg_02{padding:40px 5% 60px 5%; width:90%;}
.lower_caption{top:-20px; width:100%; left:0;}
.lower_caption img{ height:50px;}


/******************************************************************************
 * WHATS GA
*******************************************************************************/
.whasgaArea1{padding:80px 5%; width:90%; }
.whasgaArea1 h3{margin:0 0 40px 0;}
.whasgaArea1 p{margin:0;width:100%; text-align:center;font-size:10px;}
.whasgaArea2{padding:30px 0;}
.whasgaArea3{float:left; width:90%; padding: 20px 5% 40px 5%;}
.whasgaArea3 dl{width:100%; padding: 0; font-size:11px;}
.whasgaArea3 dl dt,
.whasgaArea3 dl dd{padding-bottom:0;}
.whasgaArea3 dl dt{text-align:center;width:100%; padding-right: 0}
.whasgaArea3 dl dd{text-align:center;width:100%; margin:0 0 15px 0;}

/******************************************************************************
 * MODEL/ARTIST/BRAND/HISTORY
*******************************************************************************/
.thumb_ul {width:100%;}
.thumb_ul li{margin:.5%;width: 49%; height:auto; font-size:11px;}
.thumb_ul .nameArea{font-size:80%; height:35px;}
.thumb_ul2 li{margin: .5%; width: 49%;}
.thumb_ul2 .nameArea{font-size:12px;padding: 3px 0;}
.thumb_ul3 li{margin:.5%;width: 49%;}
.thumb_ul3 .nameArea{font-size:10px;padding: 10px 0;}

/******************************************************************************
 * TICKET
*******************************************************************************/
.ticket dl{display: inline-block; }
.ticket dl dt,
.ticket dl dd{width:93%;}
.ticket dl dt{padding-right: 0; width:5%;}
.ticket .ticket_dl{width:100%; }
.ticket .ticket_dl dd{font-size: 80%; }
.ticket .ticket_dl dd .tit{font-size: 100%;padding-bottom: 10px;}
.ticket .ticket_dl dd .tx{ font-size: 80%; }
.ticket .ticket_dl dd .buy{ width:40%; top:-10px; right:-10px;}
.ticket .ticket_dl.pink{margin-bottom:20px;}
.ticket .ticket_dl.yellow{margin-bottom:40px;}
.ticket .ticket_dl img{width:100%;}
.ticket .p01{ color:#1D303F; font-size:12px;}
.ticket .p02{ color:#2E6081;  font-size:12px; margin:30px 0 0 0;}
.ticket .sales{ font-size:130%; margin-bottom:10px;}

/******************************************************************************
 * ACCESS
*******************************************************************************/
.access .p01{margin:0 0 40px 0; color:#1D303F;}
.access .p02 a{color:#1D303F; border:1px solid #1D303F; padding:20px 60px; font-size:14px; background:url(../images/common/icn_01.png) 90% 50% no-repeat;}
.access .p03{ margin:60px 0 0 0;color:#1D303F;}
#map {width: 100%; height: 500px;border-bottom:1px solid #A8BECB;}

/******************************************************************************
 * PARTNERS CONTENTS
*******************************************************************************/
.pr_box{ width:100%; margin:0 auto;}
.pr_box .inner{ width:100%; margin:0 auto;}
.sizebook_lp {margin: 0 auto;max-width: 640px; width:100%;}
.sizebook_lp img {vertical-align: bottom;width: 100%;}

/******************************************************************************
 * 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.on{text-decoration:none;}
#mainArea > .report .foot_nav{margin:0 0 60px 0; float:left; width:100%;}
#mainArea > .report .foot_nav p{margin:0 0 10px 0;}

#mainArea > .report .report_index{margin: 50px 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:1%; box-sizing:border-box; width:96%;}
#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;}
*/


/******************************************************************************
 * Tiny Scrollbar用CSS
*******************************************************************************/
/*#scrollbar1 {width: 595px;  }
#scrollbar1 .viewport {width: 580px; 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:#5AA7DB ; height: 30px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .disable {display: none; }*/


/******************************************************************************
 * 訪問時モーダル
*******************************************************************************/
.layer_board_bg {position:fixed;width: 100%;height: 100%;z-index: 10000;top: 0;left: 0;display: none;cursor: pointer;background: #000;}
.layer_board {display: none;position:fixed;left: 0; right:0; top:0; bottom:0;margin:auto;text-align: center;z-index: 20000;height:315px; width:292px !important}
.layer_board .outer{ width:286px !important; border:3px solid #95E4FF; background:#FFF; padding:30px 0 !important;border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */ }
.layer_board .outer .logo{ width:200px; margin:0 auto 30px auto;}
.layer_board .outer p{ font-size:20px; text-align:center; margin-bottom:30px;}
.layer_board .outer .icon{ width:120px; margin:0 auto;}
.layer_board .outer img{ width:100%;}

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

/******************************************************************************
 * ERROR
*******************************************************************************/
.error .p01{ color:#1D303F; }
