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

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

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

/*---------------------------
Loader
---------------------------*/
#loader-bg {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;background-size:100% 0;z-index:99999;}
#loader-bg .logo{position:fixed; left:50%; top:50%; width:220px; margin:-175px 0 0 -110px;}

/*---------------------------
共通
---------------------------*/
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf{*zoom: 1;}

#wrapper{}
#contents{float:right; padding:0 0 0 250px; margin:0  0 0 -250px; width:100%; overflow:hidden;}
.pc_dis{display:block !important;}
.sp_dis{display:none !important;}
header h1, header .logo, header h2, header .sns_box li a, header li a, header .member a, #contents, header{-webkit-transition:all .3s ease; transition:all .3s ease;}


/*---------------------------
Header
---------------------------*/
header{width:250px; float:left; position:fixed; z-index:5555; height:100%; background:#fff;text-align:center;}
header .inner{overflow:auto; height:100%; position: relative;}
header h1{ padding:20px 0 0 0 ; font-size:12px;}
header h1 img{ width: 70px;margin:0 auto;}
header h2{ width:100%; padding:20px 0;}
header h2 img{ width:157px; margin:0 auto;}
header nav{ margin-top: 30px;}
header ul{padding:15px 0 15px 30px; text-align:left;}
header li{font-size:16px; margin-bottom: 10px; letter-spacing: 0.1em;}
header li a:hover{color:#f7c846; text-decoration: underline;}
header .member{ background:#f7c846; font-size:16px; text-align:center; padding:10px 0; width:100%;  color: #333; letter-spacing: 0.1em; position: absolute; left: 0; bottom: 0;}
header .member a:hover{color:#fff;}
.btn{display:none; position:fixed;}
.open .btn{display:block !important;}

/*---------------------------
Menu
---------------------------*/
.overlay{position:fixed; width:100%; height:110%; top:0; left:0; background:rgba(255,255,255,0.9); z-index:7777; overflow:auto;}
.overlay nav{position:relative; top:5%; height:60%; width: 100%;}
.overlay ul{display:inline-block; position:relative; margin:0 0 5%; text-align: center; width: 100%;}
.overlay ul li{ padding: 5% 0; border-bottom: 1px dotted #333;display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; text-align: center;}
.overlay ul li a{font-size:16px; display:block; color:#333 !important; -webkit-transition:color 0.2s; transition:color 0.2s;}
.overlay ul li a:hover, .overlay ul li a:focus{color:#f0f0f0;}
.overlay-door{visibility:hidden; width:0; left:0; -webkit-transition:width 0.5s 0.3s, visibility 0s 0.8s; transition:width 0.5s 0.3s, visibility 0s 0.8s;}
.open .overlay-door{visibility:visible; width:100%; height:100%; -webkit-transition:width 0.5s; transition:width 0.5s;}
.overlay-door nav{width:100%;}
.overlay-door nav, .overlay-door .overlay-close{opacity:0; -webkit-transition:opacity 0.3s 0.5s; transition:opacity 0.3s 0.5s;}
.open .overlay-door nav, .open .overlay-door .overlay-close{opacity:1; -webkit-transition-delay:0.5s; transition-delay:0.5s;}
.overlay-door.close nav, .overlay-door.close .overlay-close{-webkit-transition-delay:0s; transition-delay:0s;}
.overlay .sns_box{font-size:20px; margin:0 0 5% 0;}
.overlay .sns_box a{color:#fff; margin:0 5% 0 0;}
.overlay dl{margin:0 0 30px; float:left; width:100%; color:#fff;}
.overlay dt{margin:0 0 10px; color:#fff;}
.overlay dd{margin:0;}
.overlay dd a{margin:0 5% 0 0;}

/*---------------------------
Footer
---------------------------*/
footer{float:left; width:100%; text-align:center; position:relative; background:#333; color:#fff; padding:35px;}
footer a{ color:#fff !important;}
footer .menu{ float:right; width:50%; padding:10px 0 0;text-align:left; min-height:190px;}
footer .menu .tit{margin:0 0 10px; font-size:18px; position:relative; padding:0 0 0 40px; line-height:25px; }
footer .menu .tit::before{ content:""; width:25px; height:25px; background:url(../images/common/icn_info.png) no-repeat; position:absolute; left:0; top:0;}
footer .menu ul { width:50%; margin: 0 auto;}
footer .menu ul li{margin:2px 0; font-size:13px; float:left; width:50%;}
footer .menu .campany{ letter-spacing: 0.1em;width:50%; margin: 20px auto 0 auto;}
footer .menu .campany .copy{ font-size: 13px;}
footer .menu .campany .name{ font-size: 18px;}
footer .menu .campany .telephom{ font-size: 10px;}
footer .logo{ float:left; width:50%;min-height:190px; text-align: center;}
footer .logo img{ margin:30px 0 40px; width: 20%;}
footer address{font-style:normal; font-size:10px; font-weight:100; letter-spacing: 0.1em;}
footer::after{ position:absolute; content:""; width:1px; height:190px; background:#fff; left:50%; top:35px;}
footer .menu ul li a:hover{color: #f7c846 !important;}


/*---------------------------------------------------------------------------------------------------------------------------------------
TOP
---------------------------------------------------------------------------------------------------------------------------------------*/
.bg01{ background:url(../images/common/bg01.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.bg02{ background:url(../images/common/bg02.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.bg02 .outer{  width: 900px; margin: 0 auto;}

/*---------------------------
main_img
---------------------------*/
.main_img{ width:100%; position:relative; background:#fff;}
.main_img .menu_box{height:183px; padding:0; width:100%; display:table; position:absolute; bottom: 0; left: 0;}
.main_img .caption{background:#FF007F;}
.main_img .caption::after{border-color: transparent #FF007F transparent transparent !important;}
.main_img .tit {font-size:24px; line-height:160%; position:absolute; text-align: center; top: 30%; left: 0; right: 0; margin: auto; width: 60%; color: #fff; z-index: 100; letter-spacing: 0.2em;text-shadow: 2px 4px 3px rgba(0,0,0,0.8);}    
.main_img .mes a{ padding: 10px; background:#f7c846; text-align: center; color: #333; position:absolute; top: 45%; left: 0; right: 0; margin: auto;z-index: 100; letter-spacing: 0.2em; width: 200px;}
.main_img .mes a:hover{ background:#fff;}
	
/*---------------------------
top_menu
---------------------------*/   
.top_menu{ margin:0; width:100%;}
.top_menu dl{float: left; width:19.9%;height:183px;  text-align:center; color:#fff; position:relative; vertical-align:top;  overflow:hidden; background:rgba(255,255,255,0.8); margin-right:0.1%;}
.top_menu dl:last-child{ margin-right: 0; width: 20%;}
.top_menu dl a::before{ position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px;}
.top_menu dl a{width:100%; height:100%; display:inline-block; background-size:cover !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; color: #333; font-size:15px; letter-spacing: 0.1em;}
.top_menu dl img{ vertical-align:middle;}     
.top_menu dl a:hover { background: rgba(247,181,0,0.7);  color: #fff;}
.top_menu dd{}
.top_menu dd span{ font-size:12px; }
.top_menu a .mes{ background:url(../images/common/menu01.png) no-repeat; width:54px; height: 70px; background-size: contain; margin: 30px auto 0 auto;}
.top_menu a .ser{ background:url(../images/common/menu02.png) no-repeat; width:55px; height: 70px; background-size: contain; margin: 30px auto 0 auto;}
.top_menu a .wor{ background:url(../images/common/menu03.png) no-repeat; width:52px; height: 70px; background-size: contain; margin: 30px auto 0 auto;}
.top_menu a .blo{ background:url(../images/common/menu04.png) no-repeat; width:55px; height: 70px; background-size: contain; margin: 30px auto 0 auto;}
.top_menu a .com{ background:url(../images/common/menu05.png) no-repeat; width:50px; height: 70px; background-size: contain; margin: 30px auto 0 auto;}
.top_menu a:hover .mes{ background:url(../images/common/menu01_on.png) no-repeat; width:54px; height: 70px;background-size: contain;}
.top_menu a:hover .ser{ background:url(../images/common/menu02_on.png) no-repeat; width:55px; height: 70px; background-size: contain;}
.top_menu a:hover .wor{ background:url(../images/common/menu03_on.png) no-repeat; width:52px; height: 70px; background-size: contain;}
.top_menu a:hover .blo{ background:url(../images/common/menu04_on.png) no-repeat; width:55px; height: 70px; background-size: contain;}
.top_menu a:hover .com{ background:url(../images/common/menu05_on.png) no-repeat; width:50px; height: 70px; background-size: contain;}

/*---------------------------
top_news
---------------------------*/
.top_news{ margin:0; width:100%; position:relative; background:rgba(0,0,0,0.8); padding: 50px 0;}
.top_news .inner{ width: 900px; margin: 0 auto; padding: 40px 50px 50px 50px; background:rgba(255,255,255,0.8);}
.top_news .icon_box{ display: inline-block;width: 20%; vertical-align: middle; }
.top_news .tit_box{  display: inline-block;width: 55%;vertical-align: middle; }
.top_news .btn_box{  display: inline-block;width: 24%;vertical-align: middle; text-align:right;}
.top_news .icon_box .icon{ display: inline-block; vertical-align: middle; width: 47px; margin-right: 10px;}
.top_news .icon_box .icon img{ width: 100%;}
.top_news .icon_box h2{ display: inline-block; vertical-align: middle; font-size: 15px; letter-spacing: 0.1em; line-height: 120%;}
.top_news .icon_box span{ font-size: 12px;}
.top_news .tit_box li{ padding: 10px 0;  border-bottom: 1px dotted #333;}
.top_news .tit_box li time{ font-size:10px; color:#a30000;  }
.top_news .tit_box li h3{ color:#333; font-size: 13px; }
.top_news .tit_box li a:hover h3{color:#000;}
.top_news .btn_box p a{ padding: 10px 20px; border: 1px solid #333;text-align: center; color: #333;margin:0 auto;letter-spacing: 0.1em; width: 250px;}
.top_news .btn_box p a:hover{ background:#f7c846;border: 1px solid #f7c846;}

       
/*---------------------------
top_service
---------------------------*/  

.top_service{ margin:0; width:100%; position:relative; background:rgba(255,255,255,0.8); padding: 50px 0;}
.top_service .inner{ width: 900px; margin: 0 auto;}
.top_service .tit_box{ text-align: center;}
.top_service .tit_box .icon{ width:55px; margin: 0 auto;}
.top_service .tit_box .icon img{ width: 100%;}
.top_service .tit_box h2{font-size: 15px; letter-spacing: 0.1em; line-height: 160%; margin-top: 10px;}
.top_service .tit_box span{ font-size: 12px;}
.top_service .menu_box{ width: 100%; margin-top: 30px;}
.top_service .menu_box img{ width: 100%;}
.top_service .menu_box .left{ width:20%; height: 381px; float: left; margin-right:0.1%; background: url(../images/common/bg_service01.jpg) no-repeat; background-size: cover; background-position: 50% 50%; position: relative; text-align: center;}
.top_service .menu_box .right{ width:79.9%; float: left; text-align: left;}
.top_service .menu_box .right .top{width:100%; height: 190px;background: url(../images/common/bg_service02.jpg) no-repeat; background-size: cover; margin-bottom: 1px; background-position: 50% 50%;  position: relative;}
.top_service .menu_box .right .bottom{width:100%; height: 190px;background: url(../images/common/bg_service03.jpg) no-repeat; background-size: cover; background-position: 50% bottom;  position: relative;}
.top_service .menu_box h2{ position: absolute; top: 30px; left: 15px; font-size: 13px; letter-spacing: 0.1em;writing-mode: tb-rl; color: #fff;}
.top_service .menu_box .left .icon{ width: 54px; height:53px; margin:35% auto 30% auto;}
.top_service .menu_box h3{ font-size: 18px; line-height: 180%; color: #fff;text-shadow: 2px 4px 3px rgba(0,0,0,0.8);}
.top_service .menu_box .right .top .icon{ width: 49px; height:57px; position: absolute;top: 30px;  right: 20px;}
.top_service .menu_box .right .bottom .icon{ width: 49px; height:49px; position: absolute;top: 30px;  right: 20px;}
.top_service .menu_box .ml{ margin-left:15%; padding-top:9%;}
.top_service .menu_box .flter:hover{ opacity: 0.9;}

/*---------------------------
top_works
---------------------------*/           
.top_works{ margin:0; width:60%; position:relative; padding: 50px 0; float: left;}
.top_works .inner{ width: 100%; margin: 0 auto;}
.top_works .tit_box{ text-align: center; margin-bottom: 30px;}
.top_works .tit_box .icon{ width:55px; margin: 0 auto;}
.top_works .tit_box .icon img{ width: 100%;}
.top_works .tit_box h2{font-size: 15px; letter-spacing: 0.1em; line-height: 160%; margin-top: 10px; color: #fff;}
.top_works .tit_box span{ font-size: 12px;}
.top_works li a:hover{ opacity: 0.9;}
.top_works .name_box{background:#fff; padding: 20px 20px;}
.top_works .name_box .venue{ font-size:13px; color:#a30000;}
.top_works .name_box h3{ color:#333; font-size: 13px; }
.top_works .btn_box{width: 250px; margin: 60px auto 0 auto; text-align: center;}
.top_works .btn_box p a{ padding: 10px 20px; border: 1px solid #fff;text-align: center; color: #fff;margin:0 auto;letter-spacing: 0.1em; width: 250px;}
.top_works .btn_box p a:hover{ background:#f7c846; color: #333;border: 1px solid #f7c846;}

/*---------------------------
top_blog
---------------------------*/           
.top_blog{ margin:0; width:32%; position:relative; padding: 50px 0; float: right;}
.top_blog .inner{ width: 100%; margin: 30px auto 0 auto; background: #fff;}
.top_blog .tit_box{ text-align: center; margin-bottom: 30px;}
.top_blog .tit_box .icon{ width:55px; margin: 0 auto;}
.top_blog .tit_box .icon img{ width: 100%;}
.top_blog .tit_box h2{font-size: 15px; letter-spacing: 0.1em; line-height: 160%; margin-top: 10px; color: #fff;}
.top_blog .tit_box span{ font-size: 12px;}
.top_blog dl{ margin-bottom: 1px; width: 100%;}
.top_blog dt{ width: 30%; float: left; margin-right: 5%;}
.top_blog dt img{ width: 100%;}
.top_blog dd{ float: left;width: 65%;}
.top_blog dd time{font-size:10px;color:#a30000;}
.top_blog dd h3{font-size:12px; color:#333;display: inline-block; margin-top: 10px;}
.top_blog dl a:hover{ opacity: 0.9;}
.top_blog .btn_box{width: 250px; margin: 58px auto 0 auto; text-align: center;}
.top_blog .btn_box p a{ padding: 10px 20px; border: 1px solid #fff;text-align: center; color: #fff;margin:0 auto;letter-spacing: 0.1em; width: 250px;}
.top_blog .btn_box p a:hover{ background:#f7c846; color: #333;border: 1px solid #f7c846;}

  
/*---------------------------
message
---------------------------*/    
.message{ margin:0; width:100%; position:relative;padding: 50px 0; }
.message .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.message .tit_box{ text-align: center;}
.message .tit_box .icon{ width:54px; margin: 0 auto;}
.message .tit_box .icon img{ width: 100%;}
.message .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.message .tit_box span{ font-size: 12px;}
.message .inner h3{ font-size:30px; color: #333; letter-spacing: 0.1em;line-height: 140%;}
.message .inner .box{ width: 100%; margin-top: 20px; }
.message .inner .txt{ font-size:13px; line-height: 200%;width: 62%; color: #333; display: inline-block;vertical-align: middle; margin-right: 5%;}
.message .inner .photo{width: 32%;display: inline-block; vertical-align: top;}
.message .inner .photo img{ width: 100%;}


/*---------------------------
construction
---------------------------*/    
.construction{ margin:0; width:100%; position:relative;padding: 50px 0; }
.construction .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.construction .tit_box{ text-align: center;}
.construction .tit_box .icon{ width:54px; margin: 0 auto;}
.construction .tit_box .icon img{ width: 100%;}
.construction .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.construction .tit_box span{ font-size: 12px;}
.construction .inner h3{ font-size:30px; color: #333; letter-spacing: 0.1em; line-height: 140%;}
.construction .inner .box{ width: 100%; margin-top: 20px; }
.construction .inner .txt{ font-size:13px; line-height: 200%;width: 62%; color: #333; display: inline-block;vertical-align: middle; margin-right: 5%;}
.construction .inner .photo{width: 32%;display: inline-block; vertical-align:top;}
.construction .inner .photo img{ width: 100%; margin-bottom: 20px;}


/*---------------------------
flow
---------------------------*/    
.flow{ margin:0; width:100%; position:relative;padding: 50px 0; }
.flow .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.flow .tit_box{ text-align: center;}
.flow .tit_box .icon{ width:49px; margin: 0 auto;}
.flow .tit_box .icon img{ width: 100%;}
.flow .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.flow .tit_box span{ font-size: 12px;}
.flow ul{ width: 100%; }
.flow li{ width: 46%; float: left; margin-right: 8%;}
.flow li:nth-child(even){ margin-right: 0; padding-top: 80px;}
.flow .ptnone{ padding-top: 0;}
.flow li .no_box{ width: 100%;}
.flow li .no_box .number{ width: 15%; padding: 5px 0; text-align: center; font-size:24px; background:#f7c846; display: inline-block; vertical-align: middle; margin-right: 10px;}
.flow li .no_box h3{ width: 81%; font-size:20px; color: #333; letter-spacing: 0.05em; line-height: 140%; display: inline-block;vertical-align: middle;}
.flow li .txt{ font-size:13px; line-height: 200%; margin-top: 10px;}
.flow .inner .photo{width: 32%;display: inline-block; vertical-align:top;}
.flow .inner .photo img{ width: 100%; margin-bottom: 20px;}

/*---------------------------
company
---------------------------*/    
.company{ margin:0; width:100%; position:relative;padding: 50px 0 0 0 ; }
.company .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.company .tit_box{ text-align: center;}
.company .tit_box .icon{ width:50px; margin: 0 auto;}
.company .tit_box .icon img{ width: 100%;}
.company .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.company .tit_box span{ font-size: 12px;}
.company .box{ width: 100%; margin-top: 20px; }
.company .txt_box{ font-size:13px; line-height: 200%;width: 62%; color: #333; display: inline-block;vertical-align: middle; margin-right: 2%;}
.company dl{ width: 100%; padding: 8px 0; }
.company dt{ vertical-align: middle; width: 23%; text-align: center; display: inline-block; margin-right: 10%;}
.company dd{ vertical-align: middle; width: 66%;  display: inline-block;}
.company .photo{width: 35%;display: inline-block; vertical-align: top;}
.company .photo img{ width: 100%;}
.company #map{ width:100%; height:400px; margin-top: 50px;}

/*---------------------------
news
---------------------------*/  
.news{ margin:0; width:100%; position:relative;padding: 50px 0 ; }
.news .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.news .tit_box{ text-align: center;}
.news .tit_box .icon{ width:50px; margin: 0 auto;}
.news .tit_box .icon img{ width: 100%;}
.news .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.news .tit_box span{ font-size: 12px;}
.news .left{ width: 20%; padding:20px 5% 20px 0; float: left; }
.news .right{ width: 80%; padding:20px 0 20px 5%; float: left;  border-left: 1px dotted #333;}
.news .left h4{ font-size:18px; letter-spacing: 0.05em; }
.news .left ul{ margin-top: 20px;}
.news .left li { margin-bottom: 10px;}
.news .left li a{ font-size:13px; text-decoration: underline; }
.news .left li a:hover{text-decoration: none; }
.news .right li{margin:0 0 20px;}
.news .right time{ font-size: 10px; color: #a30000;}
.news .right li h3{ color:#333; font-size: 13px; text-decoration: underline; }
.news .right li a:hover h3{text-decoration: none; }

.news .right h2{font-size: 15px; letter-spacing: 0.1em; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.news .right img{ width: 100%;}
.news .right .txt{ font-size: 13px;}
.news .right .bnr img{ width: 100%; margin-top: 30px;}

/*---------------------------
works
---------------------------*/           
.works{ margin:0; width:100%; position:relative;padding: 50px 0 ; }
.works .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.works .tit_box{ text-align: center;}
.works .tit_box .icon{ width:52px; margin: 0 auto;}
.works .tit_box .icon img{ width: 100%;}
.works .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.works .tit_box span{ font-size: 12px;}
.works .tit_box{ text-align: center; margin-bottom: 30px;}
.works .tit_box .icon{ width:55px; margin: 0 auto;}
.works .tit_box .icon img{ width: 100%;}
.works .tit_box h2{font-size: 15px; letter-spacing: 0.1em; line-height: 160%; margin-top: 10px; color: #fff;}
.works .tit_box span{ font-size: 12px;}
.works .list{}
.works .list li{ width:32%; margin:0 2% 2% 0; float: left; }
.works .list li:nth-child(3n){ margin-right: 0;}
.works .list li a:hover{ opacity: 0.9;}
.works .name_box{background:#fff; padding: 10px 20px;}
.works .name_box .venue{ font-size:13px; color:#a30000;}
.works .name_box h3{ color:#333; font-size: 13px; }
.works .btn_box{width: 250px; margin: 60px auto 0 auto; text-align: center;}
.works .btn_box p a{ padding: 10px 20px; border: 1px solid #fff;text-align: center; color: #fff;margin:0 auto;letter-spacing: 0.1em; width: 250px;}
.works .btn_box p a:hover{ background:#f7c846; color: #333;border: 1px solid #f7c846;}

.works .photo{}
.works .photo h3{ font-size:24px; color: #333; letter-spacing: 0.1em;line-height: 140%; text-align: center; margin-bottom: 30px;}
.works .photo li img{ width: 100%;}

.works .detail { margin-top: 30px;}
.works .detail .left{ width: 30%;float: left;}
.works .detail .right{ width: 70%; float: left;}
.works .detail h3{ padding: 5px 0; background: #f7c846; width:150px; text-align: center; font-size: 13px; letter-spacing: 0.1em; margin-bottom: 10px; }
.works .detail dl{ padding: 5px 0;font-size: 13px;}
.works .detail dt{ vertical-align: middle; width: 30%; display: inline-block; margin-right: 12%; padding-left: 10px;}
.works .detail dd{ vertical-align: middle; width: 55%;  display: inline-block;}
.works .detail .txt{font-size: 13px; line-height: 200%; padding-top: 5px;}


/*---------------------------
blog
---------------------------*/  
.blog{ margin:0; width:100%; position:relative;padding: 50px 0 ; }
.blog .inner{ width: 900px; margin: 30px auto 0 auto; padding: 50px 60px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.blog .tit_box{ text-align: center;}
.blog .tit_box .icon{ width:55px; margin: 0 auto;}
.blog .tit_box .icon img{ width: 100%;}
.blog .tit_box h2{font-size: 15px; letter-spacing: 0.2em; line-height: 160%; margin-top: 10px; color: #fff;}
.blog .tit_box span{ font-size: 12px;}
.blog .left{ width: 20%; padding:20px 5% 20px 0; float: left; }
.blog .right{ width: 80%; padding:20px 0 20px 5%; float: left;  border-left: 1px dotted #333;}
.blog .left h4{ font-size:18px; letter-spacing: 0.05em; }
.blog .left ul{ margin-top: 20px;}
.blog .left li { margin-bottom: 10px;}
.blog .left li a{ font-size:13px; text-decoration: underline; }
.blog .left li a:hover{text-decoration: none; }
.blog .right li{margin:0 0 20px;}
.blog .right time{ font-size: 10px; color: #a30000;}
.blog .right li h3{ color:#333; font-size: 13px; text-decoration: underline; }
.blog .right li a:hover h3{text-decoration: none; }

.blog .right h2{font-size: 15px; letter-spacing: 0.1em; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.blog .right img{ width: 100%;}
.blog .right .txt{ font-size: 13px;}



@media only screen and (max-width:1200px){
/*---------------------------
1200 共通
---------------------------*/
#contents{padding:0; margin:70px 0 0 0; width:100%;}
	
/*---------------------------
1200 Header
---------------------------*/
header{width:100%; position:fixed; height:70px; left:0; top:0; border-top:none; border-bottom:1px solid #f7b249; background:#fff;}
header .inner{overflow:auto; height:100%;}
header .logo, .fixed header .logo{margin:10px auto;  width:200px;}
header h1, .fixed header h1{font-size:14px; display:block; text-align:left; line-height:140%;}
header h1::after{display:none;}
header h2, .fixed header h2{margin:0; float:left; font-size:14px; display:block; text-align:left; line-height:140%;}
header .logo_box{ display:none;}
header nav, header ul, header .member, header .sns_box, header dl{display:none;}

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

@media only screen and (max-width:768px){
.pc_dis{display:none !important;}
.sp_dis{display:block !important;}
.bx-wrapper .bx-controls-direction{ display: none;}
.bx-wrapper .bx-pager{bottom:60px !important;}
.bg02{ padding-bottom: 30px;}
.bg02 .outer{ width: 100%;}

#loader-bg, #wrapper{background-size:140%;}
/*---------------------------
768 共通
---------------------------*/
#contents{margin:50px 0 0 0;}

/*---------------------------
768 Header
---------------------------*/
header{height:50px;}
header .logo, .fixed header .logo{margin:8px auto 0 auto; width:130px; float:none;}
header h1, .fixed header h1{font-size:10px; margin:4px 0 2px; padding:0;}
header h2, .fixed header h2{margin:0;float:left; font-size:9px;}
.btn{width:50px; height:50px;}
.btn button{top:18px; right:16px;}

/*---------------------------
768 Footer
---------------------------*/
footer{ padding:8% 5%;}
footer::after{display:none;}
footer .menu{position:initial; float:left; width:100%; padding:0;}
footer .menu .tit{margin:0 0 3%; padding:0 0 2% 40px; font-size:16px;border-bottom:1px solid #fff; float:left; width:100%;}
footer .menu ul{ width:100%; border-bottom:1px solid #fff; float:none; padding:0 0 5%;} 
footer .menu ul li{margin:2px 0; font-size:11px;}
footer .logo{margin:5% 0 0; width:100%; position:initial; float:left; min-height:inherit;}
footer .logo img{ margin:0 0 5%;}
footer .menu .campany{ width: 100%; margin-top: 10px;}
footer address{font-style:normal; font-size:10px;}

/*---------------------------
main_img
---------------------------*/
.main_img .tit {font-size:15px; line-height:160%; position:absolute; text-align: center; top: 38%; left: 0; right: 0; margin: auto; width: 90%; letter-spacing: 0.1em;}    
	
/*---------------------------
top_menu
---------------------------*/   
.top_menu{ margin:0; width:100%;}
.top_menu dl{width:19.6%;height:110px; margin-right:0.5%;}
.top_menu dl:last-child{ margin-right: 0; width: 19.6%;}
.top_menu dl a::before{ position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px;}
.top_menu dl a{font-size:10px; letter-spacing: 0; line-height: 120%; padding: 0 5px;} 
.top_menu dd span{ font-size:9px; }
.top_menu a .mes{ background:url(../images/common/menu01.png) no-repeat; width:36px; height: 45px; background-size: contain; margin: 10px auto 0 auto;}
.top_menu a .ser{ background:url(../images/common/menu02.png) no-repeat; width:35px; height: 45px; background-size: contain; margin: 10px auto 0 auto;}
.top_menu a .wor{ background:url(../images/common/menu03.png) no-repeat; width:32px; height: 45px; background-size: contain; margin: 10px auto 0 auto;}
.top_menu a .blo{ background:url(../images/common/menu04.png) no-repeat; width:35px; height: 45px; background-size: contain; margin: 10px auto 0 auto;}
.top_menu a .com{ background:url(../images/common/menu05.png) no-repeat; width:36px; height: 45px; background-size: contain; margin: 10px auto 0 auto;}
.top_menu a:hover .mes{ background:url(../images/common/menu01_on.png) no-repeat; width:36px; height: 45px;background-size: contain;}
.top_menu a:hover .ser{ background:url(../images/common/menu02_on.png) no-repeat; width:35px; height: 45px; background-size: contain;}
.top_menu a:hover .wor{ background:url(../images/common/menu03_on.png) no-repeat; width:32px; height: 45px; background-size: contain;}
.top_menu a:hover .blo{ background:url(../images/common/menu04_on.png) no-repeat; width:35px; height: 45px; background-size: contain;}
.top_menu a:hover .com{ background:url(../images/common/menu05_on.png) no-repeat; width:36px; height: 45px; background-size: contain;}


/*---------------------------
top_news
---------------------------*/
.top_news{padding: 20px 0;}
.top_news .inner{ max-width: 900px; width:90%;padding: 20px;}
.top_news .icon_box{width: 100%;  text-align: center;  }
.top_news .tit_box{width: 100%; }
.top_news .btn_box{width: 100%; text-align:center;}
.top_news .icon_box .icon{ width: 47px; margin-right: 0;}
.top_news .icon_box .icon img{ width: 100%;}
.top_news .icon_box h2{ width: 100%; line-height: 160%; margin-top: 10px;}
.top_news .tit_box li{ padding: 5px 0;}
.top_news .tit_box li h3{ font-size: 12px; }
.top_news .btn_box{ margin: 30px auto 10px auto;}

/*---------------------------
top_service
---------------------------*/
#service{ padding-top: 50px; margin-top: -50px;}
.top_service{ padding: 20px 0;}
.top_service .inner{ max-width: 900px; width: 100%; margin: 0 auto;}
.top_service .menu_box{ width: 100%; margin-top: 10px;}
.top_service .menu_box img{ width: 100%;}
.top_service .menu_box .left{ width:100%; height: 120px; float: none; margin-right:0%; background: url(../images/common/bg_service01.jpg) no-repeat; background-size: cover; background-position: 50% 50%; position: relative; text-align: center; margin-bottom: 1px;}
.top_service .menu_box .right{ width:100%; float: none; text-align: left;}
.top_service .menu_box .right .top{width:100%; height: 120px;background: url(../images/common/bg_service02.jpg) no-repeat; background-size: cover; margin-bottom: 1px; background-position: 50% 50%;  position: relative;}
.top_service .menu_box .right .bottom{width:100%; height: 120px;background: url(../images/common/bg_service03.jpg) no-repeat; background-size: cover; background-position: 50% bottom;  position: relative;}
.top_service .menu_box h2{ position: absolute; height: 110px; top: 0; bottom: 0; left: 10px; margin: auto auto;  font-size: 12px; letter-spacing: 0.05em;writing-mode: tb-rl; color: #fff;}
.top_service .menu_box .left .icon{ position: absolute;top: 38px;  right: 10px;width: 50px; height:53px; margin:0% auto 0% auto;}
.top_service .menu_box h3{ font-size: 13px; line-height: 180%; color: #fff;text-shadow: 2px 4px 3px rgba(0,0,0,0.8); text-align: center;padding-top:9%;}
.top_service .menu_box .right .top .icon{ width: 40px; height:57px; position: absolute;top: 35px;  right: 10px;}
.top_service .menu_box .right .bottom .icon{ width: 40px; height:49px; position: absolute;top: 40px;  right: 10px;}
.top_service .menu_box .ml{ margin-left:0; padding-top:9%;}
.top_service .menu_box .flter:hover{ opacity: 0.9;}

/*---------------------------
top_works
---------------------------*/           
.top_works{ margin:0; width:100%; position:relative; padding: 20px 0; float: none;}
.top_works .inner{ max-width: 900px; width: 100%; margin: 0 auto;}
.top_works .tit_box{ text-align: center; margin-bottom: 10px;}
.top_works .name_box{background:#fff; padding: 10px 5px;}
.top_works .name_box .venue{ font-size:11px; color:#a30000;}
.top_works .name_box h3{ color:#333; font-size: 12px; }
.top_works .btn_box{width: 250px; margin: 55px auto 0 auto; text-align: center;}

/*---------------------------
top_blog
---------------------------*/           
.top_blog{ margin:0; width:100%; position:relative; padding: 20px 0; float: none;}
.top_blog .inner{  max-width: 900px; width: 100%; margin:  0 auto; background: #fff;}
.top_blog .tit_box{ text-align: center; margin-bottom: 10px;}
.top_blog dl{ margin-bottom: 1px; width: 100%;}
.top_blog dt{ width: 30%; float: left; margin-right: 5%;}
.top_blog dt img{ width: 100%;}
.top_blog dd{ float: left;width: 65%;}
.top_blog dd time{font-size:10px;color:#a30000;}
.top_blog dd h3{font-size:12px; color:#333;display: inline-block; margin-top: 10px;}
.top_blog dl a:hover{ opacity: 0.9;}
.top_blog .btn_box{width: 250px; margin: 30px auto 0 auto; text-align: center;}

/*---------------------------
message
---------------------------*/    
.message{ margin:0; width:100%; position:relative;padding: 20px 0; }
.message .inner{ width: 100%; margin: 10px auto 0 auto; padding: 20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.message .inner h3{ font-size:20px; color: #333; letter-spacing: 0.05em;line-height: 120%;}
.message .inner .box{ width: 100%; margin-top: 10px; }
.message .inner .txt{ font-size:13px; line-height: 180%;width: 100%; color: #333; display: inline-block;vertical-align: middle; margin-right: 0%; }
.message .inner .photo{width: 100%;display: inline-block; vertical-align:bottom;}
.message .inner .photo img{ width: 100%;  margin-bottom: 10px; vertical-align:bottom;}
.message .inner .none{ display: none;}


/*---------------------------
construction
---------------------------*/    
.construction{ margin:0; width:100%; position:relative;padding: 20px 0; }
.construction .inner{ width: 100%; margin: 10px auto 0 auto; padding: 20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.construction .inner h3{ font-size:20px; color: #333; letter-spacing: 0.05em; line-height: 120%;}
.construction .inner .box{ width: 100%; margin-top: 10px; }
.construction .inner .txt{ font-size:13px; line-height: 180%;width: 100%; color: #333; display: inline-block;vertical-align: middle; margin-right: 0%;}
.construction .inner .photo{width: 100%;display: inline-block; vertical-align:bottom;}
.construction .inner .photo img{ width: 100%; margin-bottom: 10px; vertical-align:bottom;}
.construction .inner .none{ display: none;}


/*---------------------------
flow
---------------------------*/    
.flow{ margin:0; width:100%; position:relative;padding: 20px 0; }
.flow .inner{ width: 100%; margin: 10px auto 0 auto; padding: 20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.flow ul{ width: 100%; }
.flow li{ width: 100%; float: none; margin:0 auto; padding-top: 30px;}
.flow li:first-child{ padding-top: 0;}
.flow li:nth-child(even){ margin-right: 0; padding-top: 30px;}
.flow .ptnone{ padding-top: 0;}
.flow li .no_box{ width: 100%;}
.flow li .no_box .number{ width: 12%; padding: 3px 0; text-align: center; font-size:18px; background:#f7c846; display: inline-block; vertical-align: middle; margin-right: 1%;}
.flow li .no_box h3{ width: 84%; font-size:18px; color: #333; letter-spacing: 0.05em; line-height: 140%; display: inline-block;vertical-align: middle;}
.flow li .txt{ font-size:13px; line-height: 180%; margin-top: 10px;}
.flow .inner .photo{width: 32%;display: inline-block; vertical-align:top;}
.flow .inner .photo img{ width: 100%; margin-bottom: 20px;}


/*---------------------------
company
---------------------------*/    
.company{ margin:0; width:100%; position:relative;padding: 20px 0 0 0 ; }
.company .inner{ width: 100%; margin: 10px auto 0 auto; padding:20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.company .box{ width: 100%; margin-top: 0; }
.company .txt_box{ font-size:13px; line-height: 200%;width: 100%; color: #333; display: inline-block;vertical-align: middle; margin-right: 0%;}
.company dl{ width: 100%; padding:  8px 0; }
.company dt{ vertical-align: middle; width: 30%; text-align:left; display: inline-block; margin-right: 5%;}
.company dd{ vertical-align: middle; width: 63%;  display: inline-block;}
.company .photo{width: 100%;display: inline-block; vertical-align:bottom;}
.company .photo img{ width: 100%; margin-bottom: 10px; vertical-align:bottom;}
.company #map{ width:100%; height:400px; margin-top: 20px;}
.company .inner .none{ display: none;}


/*---------------------------
news
---------------------------*/  
.news{ margin:0; width:100%; position:relative;padding: 20px 0 ; }
.news .inner{ width: 100%; margin: 10px auto 0 auto; padding: 20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.news .right{ width: 100%; padding:0; float: none;  border-left:none;}
.news .right li{margin:0 0 20px;}
.news .right time{ font-size: 10px; color: #a30000;}
.news .right li h3{ color:#333; font-size: 13px; text-decoration: underline; }
.news .right li a:hover h3{text-decoration: none; }

.news .right h2{font-size: 15px; letter-spacing: 0.05em;  line-height: 140%;padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.news .right img{ width: 100%;}
.news .right .txt{ font-size: 13px;line-height: 180%;}
.news .right .bnr img{ width: 100%; margin-top: 0px;}


/*---------------------------
works
---------------------------*/           
.works{ margin:0; width:100%; position:relative;padding: 20px 0 ; }
.works .inner{ width: 100%; margin: 10px auto 0 auto; padding:20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.works .tit_box{ margin-bottom: 0;}
.works .list{}
.works .list li{ width:100%; margin:0 2% 2% 0; float: none; }
.works .list li:last-child{ margin-bottom: 0;}
.works .list li:nth-child(3n){ margin-right: 0;}
.works .list li a:hover{ opacity: 0.9;}
.works .name_box{background:#fff; padding: 10px 20px;}
.works .name_box .venue{ font-size:11px; color:#a30000;}
.works .name_box h3{ color:#333; font-size: 12px; }
.works .btn_box{width: 250px; margin: 60px auto 0 auto; text-align: center;}
.works .btn_box p a{ padding: 10px 20px; border: 1px solid #fff;text-align: center; color: #fff;margin:0 auto;letter-spacing: 0.1em; width: 250px;}
.works .btn_box p a:hover{ background:#f7c846; color: #333;border: 1px solid #f7c846;}

.works .photo{}
.works .photo h3{ font-size:20px; color: #333; letter-spacing: 0.05em;line-height: 140%; text-align: center; margin-bottom: 10px;}
.works .photo li img{ width: 100%;}

.works .detail { margin-top: 20px;}
.works .detail .left{ width: 100%;float: none;}
.works .detail .right{ width: 100%; float: none; margin-top: 20px;}
.works .detail h3{ padding: 3px 0; background: #f7c846; width:100%; text-align: center; font-size: 13px; letter-spacing: 0.1em; margin-bottom: 10px; }
.works .detail dl{ padding: 5px 0;font-size: 13px;}
.works .detail dt{ vertical-align: middle; width: 30%; display: inline-block; margin-right: 12%; padding-left: 10px;}
.works .detail dd{ vertical-align: middle; width: 55%;  display: inline-block;}
.works .detail .txt{font-size: 13px; line-height: 180%; padding-top: 5px;}


/*---------------------------
blog
---------------------------*/  
.blog{ margin:0; width:100%; position:relative;padding: 20px 0 ; }
.blog .inner{ width: 100%; margin: 10px auto 0 auto; padding: 20px;  box-sizing: border-box;background:rgba(255,255,255,0.8);}
.blog .left{ width: 20%; padding:20px 5% 20px 0; float: left; }
.blog .right{ width: 100%; padding:0; float: none;  border-left: none;}
.blog .left h4{ font-size:18px; letter-spacing: 0.05em; }
.blog .left ul{ margin-top: 20px;}
.blog .left li { margin-bottom: 10px;}
.blog .left li a{ font-size:13px; text-decoration: underline; }
.blog .left li a:hover{text-decoration: none; }
.blog .right li{margin:0 0 20px;}
.blog .right time{ font-size: 10px; color: #a30000;}
.blog .right li h3{ color:#333; font-size: 12px; text-decoration: underline; }
.blog .right li a:hover h3{text-decoration: none; }

.blog .right h2{font-size: 15px; letter-spacing: 0.05em;  line-height: 140%;padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.blog .right img{ width: 100%;}
.blog .right .txt{ font-size: 13px; line-height: 180%;}



/*---------------------------------------------------------------------------------------------------------------------------------------
768 TOP
---------------------------------------------------------------------------------------------------------------------------------------*/
#contents .caption{padding:0 10px;height:27px; line-height:27px; font-size:12px; top:-27px; left:0; font-weight:bold;}
#contents .w180{ width:180px;}
#contents .big{ width:200px!important; }

	


/*---------------------------------------------------------------------------------------------------------------------------------------
768 lower
---------------------------------------------------------------------------------------------------------------------------------------*/  
.lower { margin:38px 0 0 0 !important;}
.lower .head_img{ height:auto;}
.lower .head_img .head{ display:block;} 
.lower .head_img .caption{left:0 !important; margin:0 !important;}
.and_more{font-size:25px;line-height:90%;}
.and_more p{font-size:10px; line-height:120%;}

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

/*---------------------------
768 topics
---------------------------*/            
.topics_box{padding:15px 0 15px;} 
.topics_box article{width:50%; padding:0 1px 0; margin-bottom:5%;}
.topics_box h1{font-size:10px; padding:2% 3%; bottom:1px;}

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

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

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

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

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

/*---------------------------
768 ticket
---------------------------*/  
.ticket_box{padding:0 0 30px;}
.ticket_box .inner{width:100%;}
.ticket_box .box_01{margin:0 0 40px;padding:0;}
.ticket_box .box_01 figure{width:100%; float:left;}
.ticket_box .box_01 div{width:100%;padding:5%; float:left;}
.ticket_box .box_01 div img{width:20px;}
.ticket_box .box_01 div .tit{margin:2px 0 5px; font-size:20px;}
.ticket_box .box_01 div p{font-size:12px;}
.ticket_box .yellow{margin:0 0 10px;}
.ticket_box .box_02{margin:0 0 10px; padding:20px 10px; font-size:12px;}
.ticket_box .box_03{margin:0 0 10px;}
.ticket_box .box_03 figure{width:100%; margin:0 0 40px;}
	.ticket_box .box_03 figure img{ padding-top:0; }
.ticket_box .box_03 div{width:100%; padding:5%;}
.ticket_box .box_03 div .tit{ font-size:14px;}
           
/*---------------------------
768 history
---------------------------*/  
.history_box{padding:0 0 30px;}
.history_box li{width:100%; vertical-align:top; margin:0 0 5px; padding:0 1px 0 0;}
.history_box li figure{float:left; margin:0 20px 0 0; width:30%;}
.history_box li p{text-align:left;; font-size:11px; margin:3% 0 0 0;}

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

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

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


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

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

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

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

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

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


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

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


/*---------------------------
bxslider
---------------------------*/
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
.bx-wrapper .bx-pager{text-align:center; font-size:.85em; font-weight:bold; color:#f7c846; z-index:4444; position:absolute; bottom:100px; width:100%;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#eee; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f7c846;}
.bx-wrapper .bx-prev {left: 10px;background:url(../images/common/btn_prev.png) no-repeat}
.bx-wrapper .bx-next {right: 10px;background: url(../images/common/btn_next.png) no-repeat}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 35%;margin-top: -16px;outline: 0;width: 34px;height: 64px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-pager{ text-align: center; margin-top: 10px;}
.bx-pager a {display:inline-block;width: 15%;}
.bx-pager a img {  opacity: 0.5;  filter: alpha(opacity=50);width: 100%; margin-bottom: 5px;}  
.bx-pager a.active img {  opacity: 1;  filter: alpha(opacity=100);  }