@charset "UTF-8";
/*! ======================================
    jeca2018 common style
====================================== */
.wrapper img{max-width:100%;height:auto;vertical-align:middle}
.contents_wrap p{margin-top:0}
.icn_blank{width:14px;height:13px;margin-left:4px}
.icn_arw{width:7px;height:auto;padding-bottom:3px;margin-right:4px}
.icn_arw_white{width:6px;height:auto;margin-right:8px}
.icn_qr{margin-top:-2px;margin-right:8px}
.icn_modal{width:16px;height:auto;margin-top:-6px;margin-left:4px}
.pc{display:inline}
.sp{display:none}
.inner{-webkit-box-sizing:border-box;box-sizing:border-box;width:900px;margin-left:auto;margin-right:auto}
.sttl{overflow:hidden;text-align:center;font-size:1.86em;font-weight:700}
.sttl span{position:relative;display:inline-block;padding:0 18px;text-align:left}
.sttl span:after,.sttl span:before{position:absolute;top:50%;content:'';width:400%;height:1px;background-color:#d2d2d2}
.sttl span:before{right:100%}
.sttl span:after{left:100%}
/*! head */
.head{padding-top:30px;border-top:1px solid #d9d9d9;margin-top:20px;margin-bottom:17px}
.head .logo{width:58.16%;float:left}
.head .logo .logo_img{width:47.19%;float:left}
.head .logo .date{width:49.3%;float:right;font-weight:700;line-height:1.57em;letter-spacing:-.02em;margin-top:9px}
.head .official_link{width:31.53%;float:right;border:1px solid #d9d9d9;padding:13px 19px 12px 20px;margin-top:7px}
.head .official_link .link_txt{float:left;font-size:.86em;font-weight:700}
.head .official_link .official_link_a{float:right;font-size:.86em}
/*! main_title_area */
.main_title_area{margin-bottom:15px}
.main_title_area .main_title{font-size:1.57em;line-height:1;font-weight:700;float:left}
.main_title_area .back_link{float:right}
.main_title_area .back_link p{display:inline-block;font-size:.86em;line-height:1.67em;padding:0 20px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
/*! page_title_green */
.page_title_green{text-align:center;color:#fff;padding:23px 0;background:#3aa333 url(/fa/compass/exhibition/2018/jeca2018/img/bg_page_title.png) 102.5% 80% no-repeat}
.page_title_green span{display:block}
.page_title_green .txt_01{font-weight:700}
.page_title_green .txt_02{font-size:1.86em;font-weight:700}
/*! details_guide */
.details_guide{padding-top:50px;padding-bottom:50px}
.details_guide .sttl{font-size:1.43em;margin-bottom:18px}
.details_guide .sttl span{text-align:center;color:#333}
.details_guide .sttl span:after,.details_guide .sttl span:before{background-color:#a0a0a0}
.details_guide .details_guide_btn{text-align:center}
.details_guide .details_guide_btn a{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:.93em;color:#fff;border:1px solid #41b439;background-color:#41b439;padding:10px 140px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.details_guide .details_guide_btn a .icn_arw{display:inline-block;text-indent:-9999em;background:transparent url(/fa/compass/exhibition/2018/jeca2018/img/icn_arw_white.png) 0 50% no-repeat;background-size:7px auto;padding-bottom:0}
.details_guide .details_guide_btn a:hover{text-decoration:none;color:#333;border:1px solid #a0a0a0;background-color:#fff}
.details_guide .details_guide_btn a:hover .icn_arw{background:transparent url(/fa/compass/exhibition/2018/jeca2018/img/icn_arw.png) 0 50% no-repeat;background-size:7px auto}
/*! back_link_02 */
.back_link_02{text-align:center;padding-top:50px}
.back_link_02 .icn_back{display:inline-block;width:12px;margin-right:6px;margin-top:-3px}
/*! area_info */
#area_info{padding:45px 0;background-color:#db2930}
#area_info .area_info_ttl{margin-bottom:30px;text-align:center;color:#fff;font-size:1.857142857142857em}
#area_info .area_info_flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#fff;text-align:center;width:739px;margin:0 auto}
#area_info .area_info_flex li{width:219px}
#area_info .area_info_flex li img{margin:0 auto 17px}
#area_info .area_info_flex .area_info_txt_title{font-weight:700;font-size:1.142857142857143em;margin-bottom:9px}
#area_info .area_info_flex .area_info_txt{text-align:left}
/*! modal */
#fancybox-overlay{position:fixed!important}
#fancybox-wrap{width:740px!important;max-width:inherit!important;height:auto!important;margin-left:30px;padding:0;background-color:#fff!important}
#fancybox-content,#fancybox-outer{max-width:inherit!important;border:none!important}
.fancybox-bg{display:none}
#fancybox-close{top:17px;right:17px;width:26px;height:26px;background:url(/fa/compass/exhibition/2018/jeca2018/img/btn_close.gif) no-repeat}
#modal_body{min-width:0}
.modal_area{display:none}
.modal{width:640px;padding:50px}
.modal .head{padding:30px;text-align:left;color:#fff;background-color:#db2930;font-size:128.5%;font-weight:700;margin-bottom:0}
.modal .body{padding:35px 30px 30px 30px;background-color:#f2f2f2}
.modal .body .image img{width:100%}
.modal .body .text{margin-top:25px}
.modal .body .text p+p{margin-top:16px}
.modal .body .bold{font-weight:700}
.modal .body .btn_area_wrap{background-color:#fff;padding:0 30px 30px}
.modal .btn_area{padding:20px 60px;background-color:#d9d9d9;background-color:#d9d9d9}
.modal .btn_area a{display:block}
.modal .btn_area .btn{display:block;padding:15px 10px;text-align:center;color:#fff;background-color:#db2930}
.modal .btn_area .btn .inner{width:auto;display:inline-block;padding-left:12px;text-align:left;color:#fff;background:url(/fa/compass/exhibition/2018/jeca2018/img/icn_arw_white.png) no-repeat left center;background-size:6px auto}
.modal .close{padding:30px 0;background-color:#f2f2f2}
.modal .close a{display:block;width:238px;margin:0 auto;padding:8px 0 6px;cursor:pointer;text-align:center;text-decoration:none;color:#333;border:1px solid #b3b3b3;background-color:#fff;font-size:85.7%;font-weight:700}
.modal .close span:before{content:'× ';font-size:128.5%}
.modal .close a:hover{text-decoration:underline}
.modal .column_wrap{margin-bottom:35px}
.modal .body .content{margin-top:0;padding:20px;background-color:#fff}
.modal .body .content .image img{width:100%}
.modal .body .content .btn_area{margin-top:30px;padding:20px 60px}
.modal .btn_column{float:left;width:280px}
.modal .btn_column:first-child{margin-right:20px}
.modal .btn_column .btn_area{padding:30px 20px}
.modal .btn_column .btn_area .btn_area_lede{text-align:center;font-weight:700}
.modal .btn_column .btn_area .btn{margin-top:25px}
.modal .btn_column_wrap{margin-top:30px}
.modal .btn_column .btn_area .btn_area_text{margin-top:20px}
.modal .body.two_column{padding-bottom:0}
#access .body.bg_glay{background-color:#d9d9d9}
#barcode .body{padding-bottom:60px}
#barcode .text{float:left;width:375px}
#barcode .text .bold{margin-bottom:.75em}
#barcode .image{float:right}
img.eco_logo{max-width: 147px;width: 100%;margin: 5px 0 15px 0;}
@media only screen and (max-width:640px){
.pc{display:none}
.sp{display:inline}
.contents_wrap{margin:0}
.inner{width:auto;padding:0 20px 0}
.sttl{font-size:1.29em}
.sttl span{padding:0 7px}
.head{padding:0 20px;border-top:none;margin-top:35px;margin-bottom:30px}
.head .logo{width:auto;float:none}
.head .logo .logo_img{width:80%;float:none;margin:0 auto 11px}
.head .logo .date{width:auto;float:none;line-height:1.64em;text-align:center;letter-spacing:-.02em;margin-top:0;margin-bottom:13px}
.head .official_link{width:auto;float:none;text-align:center;margin-top:0}
.head .official_link .link_txt{float:none}
.head .official_link .official_link_a{float:none}
.main_title_area{border-top:1px solid #d9d9d9;padding:23px 20px 0;margin-bottom:23px}
.main_title_area .main_title{font-size:1.14em;line-height:1.31em;float:none;margin-bottom:10px}
.main_title_area .back_link{float:none}
.main_title_area .back_link p{display:block;border:none;padding:0;text-indent:-11px;margin-left:11px}
.page_title_green{padding:15px 0;background-position:calc(100vw - 72px) 80%;background-size:105px auto}
.page_title_green .txt_01{font-size:.86em}
.page_title_green .txt_02{font-size:1.29em;letter-spacing:-.02em}
.details_guide{padding-top:25px;padding-bottom:30px}
.details_guide .sttl{font-size:1.14em;line-height:1.19em;margin-bottom:25px}
.details_guide .details_guide_btn a{width:100%;padding:10px}
.details_guide .details_guide_btn a:hover{color:#333;border-color:#a0a0a0;background-color:#fff}
.details_guide .details_guide_btn a:hover .icn_arw{background:transparent url(/fa/compass/exhibition/2018/jeca2018/img/icn_arw_white.png) 0 50% no-repeat;background-size:7px auto}
#area_info{padding:40px 0 45px; margin-bottom: 10px; }
#area_info .area_info_ttl{margin-bottom:15px;font-size:164.3%;font-weight:700}
#area_info .area_info_flex{display:block;width:90%}
#area_info .area_info_flex li{width:100%}
#area_info .area_info_flex li img{width:101px;margin:25px auto 11px}
#area_info .area_info_flex .area_info_txt_title{font-weight:700;font-size:14px;margin-bottom:4px}
#area_info .area_info_flex .area_info_txt{text-align:center;font-size:12px;line-height:19px}
#fancybox-wrap{left:0!important;width:100%!important;margin:0!important;font-size:100%!important}
#fancybox-content{width:100%!important}
#fancybox-close{top:0;right:0;width:26px;height:26px;background-size:26px auto}
.modal{width:100%!important;padding:0!important}
.modal .head{width:auto;padding-top:45px;padding-bottom:45px;margin:0;font-size:114.2%}
.modal .body{padding:40px 20px 30px}
.modal .body .btn_area_wrap{padding:0}
.modal .btn_area{padding:20px 15px}
.modal .btn_area .inner{padding-left:15px}
.modal .close{padding:30px 65px}
.modal .close a{width:auto;margin:0;padding:10px 0 12px;border:1px solid #999}
.modal .close a:hover{text-decoration:none}
.modal .column_wrap{margin-bottom:25px}
.modal .column_wrap+.column_wrap{margin-top:45px}
.modal .btn_column:first-child{margin-right:0}
#claim.modal .body{padding-bottom:0}
#claim.modal .btn_column{float:none;width:auto}
#claim.modal .btn_column+.btn_column{margin-top:25px}
#mail.modal .btn_column{float:none;width:auto}
#mail.modal .btn_column+.btn_column{margin-top:25px}
#mail.modal .body{padding-bottom:0}
#barcode .body{padding-left:20px;padding-right:20px;padding-bottom:30px}
#barcode .text{float:none;width:100%}
#barcode .text .bold{margin-bottom:.75em}
#barcode .image{float:none;margin-top:20px;text-align:center}
#barcode .image img{width:184px!important}
}
@media print{
.details_guide .details_guide_btn a .icn_arw{text-indent:0;background:0 0;vertical-align:top}
}