@charset "utf-8";
#contents.wide{width:auto;padding:0;margin:0 auto;}
footer{margin-top:0;}
body{overflow-x: auto;}
.mo{display:none;}
.event_wrap{max-width: 1920px;margin:0 auto;text-align: center;}

.event_wrap .title{background:url(../../../images/event/trss_food/bg_tit.jpg) 50% 0 no-repeat;}
.event_wrap .title .cont1{height:927px;}

.event_wrap .ev_info{padding:0 0 57px;background: #fff;}
.event_wrap .gift{background:#fdcd49 url(../../../images/event/trss_food/bg_gift.gif) 50% 0 no-repeat;text-align: center;}
.event_wrap .gift .inr{width:1280px;margin:0 auto;}
.event_wrap .gift ul{display:inline-block;position: relative;}
.event_wrap .gift ul li{display:inline-block;width:315px;margin:0 0 50px;}
.event_wrap .gift ul li .img{position:relative;display:inline-block;width:235px;border-radius: 100%;box-shadow: 4px 6px 0px 0px rgba(12, 12, 12, 0.11);}
.event_wrap .gift ul li .img span{display:inline-block;position:absolute;right:-14px;top:-8px;width:74px;height:76px;line-height:74px;color:#fff;font-size:22px;background:url(../../../images/event/trss_food/bg_num.png) no-repeat;letter-spacing: -1px;}
.event_wrap .gift ul li em{display:block;font-size:26px;letter-spacing: -1.5px;line-height:30px;color:#391408;padding:16px 0 0;}
.event_wrap .gift ul li em strong{display:block;font-weight: 800;}

.event_wrap .list{background:#f5f3ed;overflow: hidden;padding:0 0 78px;}
.event_wrap .list .inr{width:1280px;margin:0 auto;position: relative;}
.event_wrap .list .swiper-container{margin-left:-30px;position:static;}
.event_wrap .list ul li a{float:left;width:297px;height:297px;margin:0 0 32px 30px;background:#fff;border-radius: 15px;position: relative;}
.event_wrap .list ul li a:hover{box-shadow: 9px 14px 24px 0px rgba(221, 220, 220, 0.2);}
.event_wrap .list ul li a .img{display:block;height:228px;}
.event_wrap .list ul li a strong{display:block;padding:0 20px;font-size:22px;line-height:69px;color:#333;font-weight:400;letter-spacing: -1px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.event_wrap .list ul li a em{display:inline-block;height:60px;width:60px;padding:8px 0 0;background:#ff6252;position:absolute;left:20px;top:0;border-radius: 0 0 30px 30px;font-size:16px;line-height:18px;letter-spacing: -0.7px;color:#fff;box-sizing:border-box;}
.event_wrap .list ul li a em span{display:block;}
.event_wrap .list .swiper-button-next, .event_wrap .list .swiper-button-prev{text-indent: -9999px;width:56px;height:56px;top:282px;margin:0;}
.event_wrap .list .swiper-button-prev{background:url(../../../images/event/trss_food/button_prev.png) no-repeat;left:-110px;}
.event_wrap .list .swiper-button-next{background:url(../../../images/event/trss_food/button_next.png) no-repeat;right:-110px;}
.event_wrap .list .paging {position: absolute;bottom: -16px;left: 0;z-index: 100;width: 100%;height:16px;font-size: 0;}
.event_wrap .list .btn_autoArea {display: inline-block;vertical-align: middle;}
.event_wrap .list .btn_autoArea .btn_autoPlay {display: none;width: 12px;height: 16px;background: url(../../../images/event/trss_food/btn_slide_play.png) no-repeat;text-indent: -9999px;vertical-align: top;}
.event_wrap .list.active .btn_autoArea .btn_autoPlay {display: inline-block;}
.event_wrap .list .btn_autoArea .btn_autoStop {display: inline-block;width: 12px;height: 16px;background: url(../../../images/event/trss_food/btn_slide_stop.png) no-repeat;text-indent: -9999px;vertical-align: top;}
.event_wrap .list.active .btn_autoArea .btn_autoStop {display: none;}
.event_wrap .list .swiper-pagination {display: inline-block;position: relative;font-size: 0;text-align: center;left: auto !important;bottom: 0 !important;}
.event_wrap .list .swiper-pagination-bullet{transition:width .3s ease-in-out;width: 16px;height: 16px;background: #999;opacity: 1;margin-left: 10px;}
.event_wrap .list .swiper-pagination-bullet-active{background:#000;width:30px;border-radius: 50px;}

input[type="checkbox"]:checked + label:after { display: none; }

#restaurant_report .layerpop {width: 900px;padding:0;background: none;max-height: 100%;overflow-x: hidden;overflow-y: auto;}
#restaurant_report .layerpop .tit{padding-left: 40px;border-radius: 15px 15px 0 0;background: #fadc3c;color: #000;height: 73px;line-height: 73px;font-weight: 700;font-size: 24px;letter-spacing: -1.3px;}
#restaurant_report .layerpop .tit:before{content:'';display:inline-block;width:45px;height:35px;vertical-align: -8px;margin-right:9px;background:url(../../../images/event/trss_food/icon_restaurant_report.png) no-repeat;}
#restaurant_report .layerpop .box_cont{padding:40px 0 0;border-radius: 0 0 15px 15px;}
#restaurant_report .compulsory_txt{position:absolute;right:86px;top:28px;font-size:16px;letter-spacing: -0.6px;color:#000;line-height: 19px;}
#restaurant_report .compulsory_txt em{display:inline-block;color:#ff6252;vertical-align: -3px;}
#restaurant_report .popup_close{position: absolute;right: 42px;top: 26px;width: 22px;height: 22px;background: url(../../../images/event/trss_food/btn_pop_close.png) no-repeat;text-indent: -9999px;}
#restaurant_report .form_box{width:820px;margin:0 auto;}
#restaurant_report .form_box ul li {overflow: hidden;padding: 0 0 16px;}
#restaurant_report .form_box ul li em{float: left;width: 165px;margin:11px 0 0;font-weight: 700;font-size: 19px;line-height:22px;letter-spacing: -0.8px;color: #000;box-sizing: border-box;}
#restaurant_report .form_box em .compulsory{color:#ff6252;font-size: 19px;vertical-align: -3px;display:inline-block;padding-left:3px;}
#restaurant_report .form_box input{width:100%;padding:0 15px;box-sizing: border-box;height:45px;color:#666;border:1px solid #cacaca;border-radius: 8px;font-size:18px;letter-spacing: -0.8px;}
#restaurant_report .form_box input::placeholder{color:#c5c2c2;}
#restaurant_report .form_box .form{margin-left: 165px;}
#restaurant_report .form_box .zipcode input{width:100px;float:left;margin:0 10px 0 0;}
#restaurant_report .form_box .zipcode button{width:70px;float:left;height:45px;line-height:45px;color:#fff;background:#000;border-radius: 8px;font-size:18px;}
#restaurant_report .form_box .zipcode button + input{width: 452px;margin:0 0 0 22px;}
#restaurant_report .form_box .phone input{float:left;width:100px;}
#restaurant_report .form_box .phone select{float:left;width:100px;}
#restaurant_report .form_box select{width:100%;padding:0 15px;box-sizing: border-box;height:45px;color:#666;border:1px solid #cacaca;border-radius: 8px;font-size:18px;letter-spacing: -0.8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: #fff url(../../../images/event/trss_food/ico_select.png) 100% 50%/30px 11px no-repeat;}
#restaurant_report .form_box select + input{margin:0 10px;}
#restaurant_report .form_box select::-ms-expand{display:none;}
#restaurant_report .form_box .type1 .form{float:left;margin:0;}
#restaurant_report .form_box .type1 .form input{width:245px;}
#restaurant_report .form_box .type1 .form + em{padding-left:40px;}
#restaurant_report .form_box textarea{width:100%;padding:15px;box-sizing: border-box;height:100px;color:#666;border:1px solid #cacaca;border-radius: 8px;font-size:18px;line-height:22px;letter-spacing: -0.8px;}
#restaurant_report .form_box textarea::placeholder{color:#c5c2c2;}
#restaurant_report .tag input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
#restaurant_report .tag input[type="checkbox"] + label {position: relative;margin:0 0 10px 10px;float: left;min-height: 36px;padding-left: 123px;font-weight: 400;vertical-align: middle;cursor: pointer;}
#restaurant_report .tag input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 123px;height: 36px;background: #fff;border-radius: 50px;border:1px solid #dcdcdc;box-sizing: border-box;}
#restaurant_report .tag input[type="checkbox"]:checked + label:before {background: #fadc3c;border:1px solid #fadc3c;}
#restaurant_report .tag input[type="checkbox"] + label span {position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 16px;line-height: 36px;height:36px;text-align: center;color: #666;}
#restaurant_report .form_box .tag{margin-left:-10px;overflow: hidden;}
#restaurant_report .tag input[type="checkbox"]:checked + label span{color:#000;}
#restaurant_report .tag input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
#restaurant_report .form_box p{font-size:15px;color:#999;line-height:17px;}
#restaurant_report .file_inr{margin:0 0 20px;}
#restaurant_report .file_inr .txt{display:inline-block;margin-left:18px;color:#999;font-size:15px;line-height:45px;}
#restaurant_report .file_inr .btn_filesearch{float: left; width: 150px; height:45px;background: #000;text-align: center;vertical-align: middle; cursor: pointer; box-sizing: border-box;border-radius: 8px;}
#restaurant_report .file_inr .btn_filesearch:after{content:'';display:inline-block;width:28px;vertical-align: -4px;margin-left:7px;height:23px;background: url(../../../images/event/trss_food/icon_img_file.png) no-repeat;}
#restaurant_report .file_inr input:focus + label{outline:2px solid #000;}
#restaurant_report .file_inr .btn_filesearch span{display: inline-block; color: #fff;font-size: 18px; text-align: center;height:45px;line-height:45px;}
#restaurant_report .file_inr .btn_filesearch.off{background:#d9d9d9;}
#restaurant_report .file_inr .btn_file{float: left; width: 80px; height:30px; margin-left: 3px; border: 1px solid #ccc; background: #e6e6e6;color:#333;font-size:14px;vertical-align: middle; cursor: pointer; box-sizing: border-box;}
#restaurant_report .img_list ul{overflow: hidden;margin-left:-10px;max-height:98px;}
#restaurant_report .img_list ul li{float:left;position:relative;margin-left:10px;}
#restaurant_report .img_list ul li img{width:123px;height:82px;border-radius: 5px;}
#restaurant_report .img_list ul li button{text-indent: -9999px;position:absolute;right:6px;top:7px;width:20px;height:20px;background: url(../../../images/event/trss_food/btn_img_del.png) no-repeat;}

#restaurant_report .attention_area{margin:0 0 32px;}
#restaurant_report .attention_area .stit{font-weight:700;color:#000;font-size:15px;}
#restaurant_report .attention_area ul{margin:6px 0 10px;}
#restaurant_report .attention_area li{position:relative;padding:0 0 3px 12px !important;color:#333;font-size:15px;line-height:19px;font-weight: 300;}
#restaurant_report .attention_area li:before{content:'';display:inline-block;width:3px;height:3px;background:#333;position:absolute;left:0;top:8px;}
#restaurant_report .attention_area input{padding:0 !important;height:auto !important;width: auto !important;}
#restaurant_report .attention_area label{color:#000;font-size:15px;vertical-align: 0px;margin-left:5px;}
#restaurant_report .attention_area .terms_view{display:inline-block;margin-left:10px;color:#666;font-size:15px;color:#666;}
#restaurant_report .attention_area .terms_view:after{content:'';display:inline-block;width:14px;height:9px;margin-left:5px;background: url(../../../images/event/trss_food/icon_terms_view.png) no-repeat;}
#restaurant_report .attention_area .terms_view.active:after{background-position: 0 -9px;}
#restaurant_report .attention_area .terms_view.active{color:#000;}
#restaurant_report .attention_area .terms_view.active + .terms_cont{display:block;}
#restaurant_report .attention_area .terms_cont{overflow-y:auto;display:none;max-height:346px;margin-top:20px;padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f7f7f7;box-sizing:border-box;}
#restaurant_report .attention_area .terms_cont .stit{display:block;font-weight:700;color:#000;font-size:15px;}
#restaurant_report .attention_area .terms_cont p{margin:10px 0 0;color:#333;font-size:13px;line-height:19px;}
#restaurant_report .btn_area{text-align: center;padding:0 0 52px;}
#restaurant_report .btn_area a{text-indent: -9999px;display:inline-block;width:207px;height:68px;background: url(../../../images/event/trss_food/btn_restaurant_report.png) no-repeat;}


@media screen and (max-width: 1279px) {
    #contents.wide{margin: 0 auto 0;}
    .mo{display:block;}
    .pc{display:none;}
    img{width:100%;}

    .event_wrap .title .cont1{height:auto;}

    .event_wrap .ev_info {padding: 0 0 30px;}
    .event_wrap .ev_info .btn{padding:0 15px;bottom: 0;transition: bottom .3s ease-in-out;}
    .event_wrap .ev_info .btn.fixed{width: 100%;position: fixed;bottom: 20px;z-index: 102;left: 0;}

    .event_wrap .gift{padding:0 25px;height:auto;background:#fdcd49 url(../../../images/event/trss_food/bg_m_gift.gif) 50% 0 / 100% auto no-repeat;}
    .event_wrap .gift:after{content:'';display:block;clear:both;}
    .event_wrap .gift .inr{width:auto;}
    .event_wrap .gift ul{display:block;margin-left: -20px;}
    .event_wrap .gift ul:after{display:none;}
    .event_wrap .gift ul li{width:calc(49% - 20px);margin:0 0 28px 20px !important;}
    .event_wrap .gift ul li .img{display:block;width:100%;}
    .event_wrap .gift ul li + li{margin-left:0;}
    .event_wrap .gift ul li .img span {right: -7px;top: -4px;width: 37px;height: 38px;line-height:37px;font-size: 11px;background: url(../../../images/event/trss_food/bg_m_num.png) 0 0 / 100% 100% no-repeat;letter-spacing: -0.5px;}
    .event_wrap .gift ul li em{padding: 14px 0 0;font-size:13px;line-height:16px;letter-spacing: -0.5px;}
    .event_wrap .gift ul li em strong{display:block;}

    .event_wrap .list{padding: 0 0 70px;}
    .event_wrap .list .inr{width:auto;margin:0 15px 0 15px;overflow: hidden;padding:0 0 46px;}
    .event_wrap .list .swiper-container{margin-left: -10px;}
    .event_wrap .list ul li a{height:140px;width:calc(50% - 10px);margin: 0 0 15px 10px;border-radius: 7px;}
    .event_wrap .list ul li a .img{height:107px;}
    .event_wrap .list ul li a strong{height:33px;line-height:33px;font-size:13px;letter-spacing: -0.5px;padding: 0 10px;}
    .event_wrap .list .swiper-button-next, .event_wrap .list .swiper-button-prev{display:none;}
    .event_wrap .list .paging{bottom:24px;}
    .event_wrap .list .swiper-pagination-bullet{width:10px;height:10px;margin-left: 5px;}
    .event_wrap .list .swiper-pagination-bullet-active{width:19px;}
    .event_wrap .list .btn_autoArea .btn_autoStop{width:8px;height:10px;background: url(../../../images/event/trss_food/btn_slide_stop01.png) 0 0 / 100% 100% no-repeat;}
    .event_wrap .list .btn_autoArea .btn_autoPlay{width:8px;height:10px;background: url(../../../images/event/trss_food/btn_slide_play01.png) 0 0 / 100% 100% no-repeat;}

    #restaurant_report .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
    #restaurant_report .layerpop::-webkit-scrollbar {width: 3px;}
    #restaurant_report .layerpop::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3);}
    #restaurant_report .layerpop .tit{padding-left: 15px;border-radius: 8px 8px 0 0;height: 38px;line-height: 38px;font-size: 13px;letter-spacing: -0.5px;}
    #restaurant_report .layerpop .tit:before{display:none;}
    #restaurant_report .popup_close {right: 15px;top: 12px;width: 16px;height: 16px;background: url(../../../images/event/trss_food/btn_pop_close01.png) 0 0 / 100% 100% no-repeat;}
    #restaurant_report .compulsory_txt{position:static;padding:0 15px 8px 0;text-align: right;font-size:11px;line-height:13px;letter-spacing: 0;}
    #restaurant_report .layerpop .box_cont {padding: 15px 0 0;border-radius: 0 0 8px 8px;}
    #restaurant_report .form_box{width:auto;padding:0 15px;}
    #restaurant_report .form_box ul li {padding: 0 0 16px;}
    #restaurant_report .form_box ul li em {float: none;display:block;width: 100%;margin:0 0 7px 0;font-size: 12px;line-height: 14px;letter-spacing:0;}
    #restaurant_report .form_box .form{margin:0;}
    #restaurant_report .form_box em .compulsory {font-size: 12px;}
    #restaurant_report .form_box input{padding: 0 10px;height: 35px;border-radius: 4px;font-size: 12px;letter-spacing:0;}
    #restaurant_report .form_box select{padding: 0 10px;height: 35px;border-radius: 4px;font-size: 12px;letter-spacing:0;background: #fff url(../../../images/event/trss_food/ico_select01.png) 100% 50%/23px 9px no-repeat;}
    #restaurant_report .form_box textarea{height:75px;padding: 10px;border-radius: 4px;font-size: 12px;line-height: 16px;letter-spacing:0;}
    #restaurant_report .form_box .zipcode button{height:35px;line-height: 35px;width:45px;border-radius: 4px;font-size: 12px;}
    #restaurant_report .form_box .zipcode input{width: 65px;margin: 0 5px 0 0;}
    #restaurant_report .form_box .zipcode button + input{width: 100%;margin: 7px 0 0 0;}
    #restaurant_report .form_box .phone{margin-left:-10px;}
    #restaurant_report .form_box .phone select{width:calc(33.3% - 10px);margin:0 0 0 10px !important;}
    #restaurant_report .form_box .phone input{width:calc(33.3% - 10px);margin:0 0 0 10px !important;}
    #restaurant_report .form_box .type1 .form{float:none;}
    #restaurant_report .form_box .type1 .form + em{padding:16px 0 0 0;}
    #restaurant_report .form_box .type1 .form input{width:100%;}
    #restaurant_report .form_box .tag{margin-left: -5px;}
    #restaurant_report .tag input[type="checkbox"] + label{margin:0;padding-left: 100%;min-height: 25px;}
    #restaurant_report .form_box .tag .chk{width:calc(33.3% - 5px);float:left;margin: 0 0 5px 5px;}
    #restaurant_report .tag input[type="checkbox"] + label:before {width: 100%;height: 25px;}
    #restaurant_report .tag input[type="checkbox"] + label span {width: 100%;font-size: 11px;line-height: 25px;height: 25px;}
    #restaurant_report .form_box p {font-size: 11px;line-height: 13px;}
    #restaurant_report .file_inr .txt{display: block;overflow: hidden;width: 100%;margin:0;padding:8px 0 0;font-size: 11px;line-height: 13px;}
    #restaurant_report .file_inr .btn_filesearch{width: 105px;height: 35px;border-radius:4px;}
    #restaurant_report .file_inr .btn_filesearch span {font-size: 13px;height: 35px;line-height: 35px;}
    #restaurant_report .file_inr .btn_filesearch:after {width: 18px;vertical-align: -2px;margin-left: 5px;height: 16px;background: url(../../../images/event/trss_food/icon_img_file01.png) 0 0 / 100% 100% no-repeat;}
    #restaurant_report .img_list ul{max-height:126px;overflow: hidden;}
    #restaurant_report .img_list ul li{width:calc(33.3% - 10px);padding:0;margin:0 0 10px 10px;}
    #restaurant_report .img_list ul li img{width:100%;height:53px;}
    #restaurant_report .attention_area .stit{font-size: 12px;}
    #restaurant_report .attention_area li{padding: 0 0 3px 8px !important;font-size:11px;line-height: 14px;}
    #restaurant_report .attention_area li:before{top: 5px;}
    #restaurant_report .attention_area label {font-size: 12px;vertical-align: 1px;margin-left: 3px;}
    #restaurant_report .attention_area .terms_view{display:block;margin:10px 0 0 0;text-align: center;font-size:12px;}
    #restaurant_report .attention_area .terms_view:after{width:10px;height:7px;background: url(../../../images/event/trss_food/icon_terms_view01.png) 0 0 / 100% auto no-repeat;}
    #restaurant_report .attention_area .terms_view.active:after {background-position: 0 -7px;vertical-align: 1px;}
    #restaurant_report .attention_area .terms_cont{margin-top: 8px;padding: 10px;}
    #restaurant_report .attention_area .terms_cont .stit{font-size:12px;}
    #restaurant_report .attention_area .terms_cont p{font-size:11px;line-height: 15px;}
    #restaurant_report .attention_area{margin: 0 0 8px;}
    #restaurant_report .btn_area {padding: 0 0 25px;}
    #restaurant_report .btn_area a {width: 154px;height: 44px;background: url(../../../images/event/trss_food/btn_restaurant_report01.png) 0 0 / 100% 100% no-repeat;}

}