@charset "utf-8";

.contents_avachika .h1_title{margin: 20px auto 37px;}
.contents_avachika .h1_title .inner{background: url(../img/title_avachika.jpg) no-repeat;width: 100%;height: 0;padding-top: 35.3%;background-size: cover;}
.contents_avachika .h1_title h1{text-indent:100%;white-space:nowrap;overflow:hidden;font-size: 0;}

.contents_avachika h2{color: #655623;background: #f6f5f1;padding: 20px;font-size: 20px;margin-bottom: 20px;font-weight: bold;}
.contents_avachika h2 .small{margin: 0 0 0 10px;font-size: 14px;font-weight: normal;}

/*イベント・トピックス*/
.avachika_event ul li.disp_none{display: none;}
.avachika_event ul li p.image{max-width: 270px;width: 100%;background: url(../../images/noimage270.jpg) no-repeat center;}
.avachika_event ul li p.image span.frame{display: flex;position: relative;justify-content: center;align-items: center;box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.6);width: 100%;height: 0;padding-top: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.avachika_event ul li p.image span.frame >span{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;background-position: center;}
.avachika_event li .contents h3{padding: 2px 0px 10px;margin: 0 0 15px;border-bottom: 3px solid #655623;font-size: 20px;font-weight: bold;}
.avachika_event li .contents span.time{font-size: 15px;}

.news_topics_item .news,.news_topics_item .shops,.news_shops_item .topics{display: none !important;}


/*ショップニュース*/
.shop_news ul li.disp_none{display: none;}
.shop_news ul li p.image{max-width: 270px;margin-bottom: 15px;background: url(../../images/noimage270.jpg) no-repeat center;}
.shop_news ul li p.image span.frame{display: flex;position: relative;justify-content: center;align-items: center;box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.6);width: 100%;height: 0;padding-top: 70%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.shop_news ul li p.image span.frame >span{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;background-position: center;}
.shop_news ul li .contents{color: #747474;}
.shop_news ul li .category{display: flex;justify-content: space-between;align-items: center;margin-bottom: 13px;}
.shop_news ul li .shop_name{min-width: 135px;padding:0 10px;display: inline-block;border-radius: 3px;background: #836F2C;color: #FFF;font-size: 15px;text-align: center;line-height: 29px;}
.shop_news ul li .contents time{font-size: 14px;color: #ADADAD;}
.shop_news ul li .contents h3{font-size: 16px;font-weight: bold;margin-bottom: 5px;}

.avachika_event ul li p.link,.shop_news ul li p.link{text-align: right;padding-top: 15px;}
.avachika_event ul li p.link a::after,.shop_news ul li p.link a::after{content: "→";}

/*店舗検索*/
.shop_search{margin-top: 70px;margin-bottom: 34px;}
.shop_search .area_title{position: relative;}
.shop_search .area_title .btn{position: absolute;right: 0;top: -5px;}
.shop_search .search_box{background: #F6F5F0;padding: 38px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.shop_search .search_box .title{padding-left: 33px;background: url(../img/icon_search.svg) no-repeat;background-position: left top 5px;color: #655623;font-size: 25px;font-weight: bold;}
.shop_search .search_box ul{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.shop_search .search_box ul li{position: relative;height: 51px;border-bottom: 2px solid #C4BFAF;}
.shop_search .search_box ul li input[type="checkbox"]{position: absolute;left: 0;}
.shop_search .search_box ul li label{display: flex;align-items: center;position: relative;font-weight: bold;cursor: pointer;user-select: none;width: 100%;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.shop_search .search_box ul li ::before{content: "";width: 37px;height: 37px;border: 1px solid #7A7A7A;background: #FFF;position: absolute;left: 0;top: 5px;}
input[type="checkbox"] {display: none;}
input[type="checkbox"]:checked + label::after {content: "";display: inline-block;width: 20px;height: 10px;position: absolute;left: 8px;top: 14px;border-bottom: 2px solid #836F2C;border-left: 2px solid #836F2C;transform: rotate(-45deg);}
.shop_search .search_box .btn a{text-decoration: none;box-sizing: border-box;width: 201px;height: 48px;display: grid;place-content: center;border: 2px solid #C4BFAF;background: #FFF;color: #333;font-size: 16px;font-weight: bold;}
.shop_search .search_box .btn button{cursor: pointer;box-sizing: border-box;height: 48px;width: 204px;border: 2px solid #655623;background: #655623;color: #fff;font-size: 16px;}

/*店舗リスト*/
.shop_list ul li.disp_none{display: none;}
.shop_list ul li .box{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.shop_list ul li p.image{max-width: 270px;padding: 1.5px;margin: 0 auto 13px;}
.shop_list ul li p.image a{display: flex;justify-content: center;align-items: center;box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.6);}
.shop_list ul li p.image span{display: inline-block;width: 100%;height: 0;padding-top: 70%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.shop_list ul li .category{display: block;margin-bottom: 3px;font-size: 13px;font-weight: bold;}
.shop_list ul li .category i{padding-left: 18px;padding-right: 22px;position: relative;background: url(../img/icon_floor.svg) no-repeat;background-size: contain;color: #A1A1A1;font-size: 13px;font-style: normal;font-weight: bold;}
.shop_list ul li .category i::after{content: "";display: inline-block;width: 1px;height: 10.5px;background: #707070;position: absolute;top: 50%;transform: translateY(-50%);right: 11px;}
.shop_list ul li h3{font-size: 25px;font-weight: bold;margin-bottom: 3px;}
.shop_list ul li .text{font-size: 14px;line-height: 1.786;}

.shop_list ul li .data{background: #F6F5F0;}

.shop_list ul li .data dl{font-weight: bold;}
.shop_list ul li .data dl dt{background: #836F2C;color: #FFF;}
.shop_list ul li .data dl dd{-webkit-box-sizing: border-box;box-sizing: border-box;}
.shop_list ul li .data dl dd span,.shop_list ul li .data dl dd.seats{position: relative;}

.shop_list ul li .data dl dd i{display: inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;width: 12px;height: 12px;position: absolute;left: 0;}
.shop_list ul li .data dl dd span.day i{background: url(../img/icon_day.svg) no-repeat;}
.shop_list ul li .data dl dd span.night i{background: url(../img/icon_night.svg) no-repeat;}
.shop_list ul li .data dl dd.seats i{background: url(../img/icon_seats.svg) no-repeat;}



@media only screen and (min-width: 768px){
    .avachika_event,.shop_news{padding-bottom: 50px;}

    .avachika_event ul li .box,.shop_news ul,.shop_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 50px 30px;}

    .avachika_event ul li .box .contents{width: calc(95% - 270px);}

    .shop_news ul li{ width: calc(50% - 30px);}
    .shop_news ul li p.image{max-width: 380px;}

    .shop_search .search_box ul{gap: 20px 25px;}
    .shop_search .search_box ul li{width: calc(33.3333% - 17px);}
    .shop_search .search_box ul li label{padding-left: 50px;font-size: 19px;}

    .shop_list{padding-bottom: 108px;}
    .shop_list ul li{ width: calc(50% - 30px);}
    .shop_list ul li p.image a{height: 190px;}
    .shop_list ul li .data{margin-top: 17px;}
    .shop_list ul li .data dl{display: grid;grid-template-columns: 1fr 96px;align-items: center;min-height: 41px;font-size: 10px;}
    .shop_list ul li .data dl div{display: grid;grid-template-columns: 41px 1fr;height: 100%;align-items: center;}
    .shop_list ul li .data dl dt{display: grid;width: 41px;height: 100%;place-content: center;}
    .shop_list ul li .data dl dd{padding-left: 7px;}
    .shop_list ul li .data dl dd span{display: block;padding-left: 17px;line-height: 12px;}
    .shop_list ul li .data dl dd span.night{margin-top: 5px;}
    .shop_list ul li .data dl div dd.seats{padding-left: 21px;}
    .shop_list ul li .data dl dd.seats i{left: 7px;}
}
@media only screen and (min-width: 900px){
    .shop_search .search_box ul{gap: 20px 40px;}
    .shop_search .search_box ul li{width: calc(33.3333% - 27px);}
    .shop_search .search_box ul li label{padding-left: 55px;font-size: 20px;}
    .shop_news ul{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 50px 20px;}
    .shop_list ul{gap: 50px 30px;justify-content: flex-start;}
    .shop_news ul li,.shop_list ul li{ width: calc(33.3333% - 20px);}
}
@media only screen and (min-width: 1080px){
    .shop_search .area_title .btn{position: relative;}
    .shop_search .search_box .btn a{margin: 35px auto 0;}
    .shop_news ul{justify-content: space-between;}
    .shop_search .search_box{display: flex;justify-content: space-between;}
    .shop_search .search_box > div.area_search{max-width: 737px;width: 100%;}
}
@media only screen and (min-width: 1200px){
    .shop_search .search_box{padding-left: 80px;padding-right: 98px;}
    .shop_list ul{gap: 50px 36px;}
    .shop_news ul li,.shop_list ul li{ width: calc(25% - 27px);}
}
@media screen and (max-width: 1280px) {
    .contents_avachika section{padding-right: 20px;padding-left: 20px;}
    .shop_search .search_box .title{margin-bottom: 20px;display: block;}
}
@media only screen and (max-width: 767px){
    .contents_avachika{padding-bottom: 30px;}
    .contents_avachika section{padding-right: 15px;padding-left: 15px;}
    .contents_avachika h2{font-size: 18px;padding: 10px;}
    .contents_avachika h2 .small{font-size: 13px;}
    .avachika_event ul li p.image{margin: 0 auto 10px;}
    .avachika_event,.shop_news{padding-bottom: 20px;}
    .shop_news ul li .box{max-width: 760px;margin: 0 auto;}
    .shop_news ul li p.image{max-width: 300px;margin: 0 auto 15px;}
    .shop_news ul li,.shop_list ul li{ padding-bottom: 20px;}
    .shop_search .search_box ul{gap: 10px 8%;} 
    .shop_search .search_box ul li{width: calc(50% - 27px);}
    .shop_search .search_box ul li ::before{width: 25px;height: 25px;}
    input[type="checkbox"]:checked + label::after{width: 17px;height: 7px;left: 4px;top: 11px;}
    .shop_search .search_box ul li{height: 37px;}
    .shop_search .search_box ul li label{padding-left: 40px;font-size: 18px;}

    .shop_list ul li p.image span{padding-top: 50%;}
    .shop_list ul li .data{margin-top: 10px;}
    .shop_list ul li .data dl div dd{font-size: 13px;padding-top: 7px;padding-bottom: 7px;}
    .shop_list ul li .data dl div:first-of-type dd{display: flex;}
    .shop_list ul li .data dl div:first-of-type dd span{width: 50%;padding-left: 20px;}
    .shop_list ul li .data dl dd span i{top: 2px;}
    .shop_list ul li .data dl dt,.shop_list ul li .data dl dd{padding: 5px 10px;}
    .shop_list ul li .data dl dd.seats{padding-left: 30px;}
    .shop_list ul li .data dl dd.seats i{left: 10px;top: 8px;}
    .shop_list ul li .data dl dd i{width: 14px;height: 14px;}
    .shop_list ul li .data dl dd span.day i,.shop_list ul li .data dl dd span.night i,.shop_list ul li .data dl dd.seats i{background-size: cover;}
}
@media only screen and (max-width: 500px){
    .shop_search .area_title .btn{position: relative;margin-bottom: 20px;}
    .shop_search .search_box ul li{width: 100%;}
}