@charset "utf-8";

/*h1タイトル*/
.h1_title{background: none;}
.h1_title .cont_wrapper{background: url(../images/bg_h1_title.png) repeat;background-size: 23px;padding: 0 120px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.h1_title h1{font-size: 20px;color: #655623;font-weight: bold;line-height: 1.4;margin-top: 0;padding: 28px 0 28px 28px;background: #f6f5f1;-webkit-box-sizing: border-box;box-sizing: border-box;}
.h1_title .cont_wrapper::after{content: "";display: block;width: 120px;height: 100%;background: #f6f5f1;position: absolute;right: 0;top: 0;
    clip-path: polygon(0% 0%, 0% 100%, 100% 0%);}
/*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;}
.contents_plan .main_plan{border-bottom: none;padding-right: 15px;padding-left: 15px;}
.contents_plan .main_plan p{font-size: 13px;line-height: 1.6;}

/*出店店舗リスト*/
#shop_list{background: #f6f5f1;}
#shop_list .l_wrapper2{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{display: flex;flex-wrap: wrap;}
#shop_list ul li{width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
#shop_list ul li .box{max-width: 260px;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%;background: url(../../images/bg_noimg.png);background-size: 10%;justify-content: center;padding-top: 64%;}
    #shop_list ul li .box .image.on_img span{background-size: contain;background-repeat: no-repeat;background-position: center;background-color: #fff;}
    #shop_list ul li .box .image span img{width: 100%;object-fit: contain;}
#shop_list ul li .box .text{padding: 15px 10px;}
    #shop_list ul li .box .text .time{font-size: 11px;color: #655623;}
#shop_list ul li .box h3{ color: #333;font-size: 14px;font-weight: bold;}
#shop_list ul li .box p{position: absolute;bottom: 13px;right: 0;left: 0;display: flex;justify-content: center;padding: 0 10px;}
    #shop_list ul li .box p span{background: #eeece8;border-radius: 12.5px;line-height: 25px;font-size: 10px;color: #655623;width: 100%;text-align: center;letter-spacing: 0.1em;position: relative;}
    #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-width: 4.5px 0px 4.5px 5px;border-style:solid;}
#shop_list ul li .box p span:hover{background: #655623;color: #eeece8;cursor: pointer;}
    #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;/*border-radius: 8px;*/background: #fff;max-width: 570px;width: 94%;padding: 20px 10px 25px;}
.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-size: 10px;
    font-style: italic;font-weight: bold;line-height: 1;width: 50px;height: 20px;line-height: 20px;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 .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 .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;margin-top: 15px;width: 100%;max-width: 175px;padding: 6px 10px;color: #655623;
    font-size: 14px;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;top: -2px;}

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

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