@charset "utf-8";

.contents_plan .def_h1_title h1{font-weight: bold;color: #655623;}
/*メイン情報*/
.sec_contents{width:auto;}
.contents_plan .main_plan{border-bottom: none;}
.contents_plan .main_plan p.text{font-size: 16px;line-height: 1.75;}

/*出店店舗リスト*/
.area_shop_list{background: #f6f5f1;}
.area_shop_list h2{color: #655623;font-weight: bold;line-height: 1;text-align: center;border-bottom: none;padding: 0;}
.area_shop_list ul{display: flex;flex-wrap: wrap;}
.area_shop_list ul li{-webkit-box-sizing: border-box;box-sizing: border-box;}
.area_shop_list ul li .box{height: 100%;background: #fff;box-shadow: 0 0 10px rgba(101,86,35,.1);margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}

.area_shop_list ul li .box span.new{display: inline-block;background: #bc2268;color:#fff;font-style: italic;font-weight: bold;line-height: 1;text-align: center;position: absolute;left: 0;top: 0;}
.area_shop_list ul li .box span.new i{display: inline-block;transform: skewX(-8deg);letter-spacing: 0.1em;}

.area_shop_list ul li .box .image span{display: flex;width: 100%;background: url(../images/bg_noimg.png);justify-content: center;}
.area_shop_list ul li .box .image span.on_img{background: #fff;}
.area_shop_list ul li .box .image span img{width: 100%;object-fit: contain;}
.area_shop_list ul li .box .text .time{color: #655623;}

.area_shop_list ul li .box h3{ color: #333;font-size: 20px;font-weight: bold;}
.area_shop_list ul li .box p{position: absolute;right: 0;left: 0;display: flex;justify-content: center;}
.area_shop_list ul li .box p span{background: #eeece8;color: #655623;text-align: center;letter-spacing: 0.1em;position: relative;}
.area_shop_list ul li .box p span::after{display: block;position:absolute;content:"";width:0;height:0;right: 17px;top:50%;transform: translateY(-50%);border-color:transparent transparent transparent #655623;border-style:solid;}

.area_shop_list ul li .box p span:hover{background: #655623;color: #eeece8;cursor: pointer;}
    .area_shop_list ul li .box p span:hover::after{border-color:transparent transparent transparent #eeece8;}


/*ポップアップ*/
#overlay {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9000;background-color: rgba(0, 0, 0, .65);}
.pop_up{display: none;position: fixed;left: 50%;top: 50%;z-index: 9001;transform: translate(-50%, -50%);box-sizing: border-box;background: #fff;}
.pop_up .box{overflow-y: auto;overflow-x: hidden;overflow-y: auto;}
.pop_up .box .area_data .title{font-size: 18px;color: #655623;position: relative;}
.pop_up .box .area_data .title span.new{display: inline-block;background: #bc2268;color:#fff;font-style: italic;font-weight: bold;line-height: 1;text-align: center;position: absolute;right: 0;top: 0;}
.pop_up .box .area_data .title .name{font-size: 20px;font-weight: bold;margin-bottom: 5px;}
.pop_up .box .image_box ul li span{display: inline-block;border: 1px solid #f7f5ec;}
    .pop_up .box .image_box ul li span img{width: 100%;object-fit: contain;}
.active {display: block !important;}
.pop_up .close{display: inline-block;color: #655623;cursor: pointer;background: #eeece8;border-radius: 2.5px;font-weight: bold;}
.pop_up .close span{position: relative;}
.pop_up .close span::before{content: "×";position: absolute;left: -20px;}

/*SNS*/
.area_sns h2{color: #655623;font-weight: bold;line-height: 1;text-align: center;border-bottom: none;padding: 0;}
.area_sns ul {display: flex;justify-content: center;align-items: center;line-height: 1;}
.area_sns ul li.fb iframe{max-width: 105px;width: 100%;}



@media only screen and (min-width: 768px){
.contents_plan .def_h1_title h1{font-size: 42px;}
/*メイン情報*/
.contents_plan .main_plan{padding-top: 60px; padding-bottom: 77px;}
/*出店店舗リスト*/
.area_shop_list .come_wrapper{padding: 80px 0 92.5px;}
.area_shop_list h2{font-size: 28px;margin-bottom: 25.5px;}
.area_shop_list ul li{width: 33.33333%;padding: 15px;}
.area_shop_list ul li .box{max-width: 381px;height: 100%;background: #fff;box-shadow: 0 0 10px rgba(101,86,35,.1);margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;padding-bottom: 60px;}
.area_shop_list ul li .box span.new{font-size: 15px;width: 77px;height: 30px;line-height: 30px;}
.area_shop_list ul li .box .image span{max-height: 235px;min-height: 205px;}
.area_shop_list ul li .box .text{padding: 15px 18px;}
.area_shop_list ul li .box .text .time{font-size: 16px;}
.area_shop_list ul li .box h3{font-size: 20px;}
.area_shop_list ul li .box p{bottom: 20px;}
.area_shop_list ul li .box p span{border-radius: 19px;line-height: 38px;font-size: 15px;width: 233px;}
    .area_shop_list ul li .box p span::after{border-width:6.5px 0px 6.5px 8px;}

/*ポップアップ*/
.pop_up{border-radius: 8px;max-width: 800px;width: 100%;padding: 30px 20px;}
.pop_up .box .area_data .title span.new{font-size: 15px; width: 77px;height: 30px;line-height: 30px;}
.pop_up .box .area_data .time{font-size: 16px;line-height: 1;}
.pop_up .box .text{padding-top:15px;font-size: 16px;}
.pop_up .box .image_box ul{display: flex;flex-wrap: wrap;justify-content: center;margin: 10px -10px 0;}
    .pop_up .box .image_box ul li{width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px;text-align: center;}
.pop_up .close{margin-top: 20px;width: 30%;padding: 5px 10px;font-size: 16px;}
.pop_up .close span::before{top: -3px;}
.pop_up .close:hover{background: #655623;color: #eeece8;cursor: pointer;}
.pop_up .box{max-height: 530px;}
.pop_up .box .area_data{margin-bottom: 35px;}

/*SNS*/
.area_sns .come_wrapper{padding: 60px 0 70px;}
.area_sns h2{font-size: 20px;margin-bottom: 25.5px;}
.area_sns ul {height: 30px;}
.area_sns ul li{padding: 0 7.5px;}

}
@media only screen and (max-width: 767px){
/*h1タイトル*/
.contents_plan .def_h1_title h1{font-size: 25px;color: #655623;font-weight: bold;}

/*pankuzu*/
.breadcrumb{display: flex;height: 40px;align-items: center;border-top: 1px solid #c2c2c2;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: 20px center;}
.breadcrumb p{border: none;padding-left: 25px;}

/*メイン情報*/
/** .cont_wrapper.second{padding: 25px 0 0;} **/
.sec_contents{padding: 25px 0 0;}
.contents_plan .main_plan{padding-right: 15px;padding-left: 15px;padding-bottom: 26px;}
.contents_plan .main_plan p{font-size: 13px;line-height: 1.6;}

/*出店店舗リスト*/
#shop_list .come_wrapper{padding: 38px 10px 45px;}
#shop_list h2{color: #655623;font-size: 20px;font-weight: bold;line-height: 1;
    text-align: center;border-bottom: none;padding: 0;margin-bottom: 25.5px;}

#shop_list ul li{width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
#shop_list ul li .box{max-width: 312px;height: 100%;background: #fff;box-shadow: 0 0 10px rgba(101,86,35,.1);margin: 0 auto;
    -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;padding-bottom: 40px;}
    #shop_list ul li .box span.new{display: inline-block;background: #bc2268;color: #fff;font-size: 10px;font-style: italic;font-weight: bold;line-height: 1;
        width: 50px;height: 19px;line-height: 19px;text-align: center;position: absolute;left: 0;top: 0;}
        #shop_list ul li .box span.new i{display: inline-block;transform: skewX(-8deg);letter-spacing: 0.1em;}
#shop_list ul li .box .image span{height: 0;display: flex;width: 100%;height: 150px;background: url(../../images/bg_noimg.png);background-size: 10%;justify-content: center;padding-top: 64%;}
    #shop_list ul li .box .image span.on_img{background-size: contain;background-repeat: no-repeat;background-position: center;background-image: none;background-color: #fff;padding: 0;}
#shop_list ul li .box .text{padding: 15px 10px;}
    #shop_list ul li .box .text .time{font-size: 13px;}

#shop_list ul li .box h3{font-size: 16px;}
#shop_list ul li .box p{bottom: 13px;padding: 0 10px;}
#shop_list ul li .box p span{border-radius: 15px;line-height: 30px;font-size: 14px;width: 100%;}
    #shop_list ul li .box p span::after{border-width: 4.5px 0px 4.5px 5px;}

/*ポップアップ*/
.pop_up{border-radius: 4px;max-width: 570px;width: 94%;padding: 20px 10px 25px;}
.pop_up .box .area_data .title span.new{font-size: 10px;width: 50px;height: 20px;line-height: 20px;}
.pop_up .box .area_data .title.new_shop .name{padding-right: 60px;}
.pop_up .box .area_data .time{font-size: 13px;line-height: 1;margin-left: -8px;}
.pop_up .box .text{padding-top: 10px;font-size: 12px;line-height: 1.6;}
.pop_up .box .image_box ul{margin: 10px 0 0;}
    .pop_up .box .image_box ul li{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px 0;text-align: center;}
    .pop_up .close{margin-top: 15px;width: 100%;max-width: 175px;padding: 6px 10px;font-size: 14px;}
    .pop_up .close span::before{top: -2px;}

.pop_up .box{max-height: 406px;padding: 0 10px;}

/*SNS*/
.area_sns .come_wrapper{padding: 41px 0 51px;}
.area_sns h2{font-size: 15px;margin-bottom: 16px;}
.area_sns ul li{padding: 0 5px;}

}