@charset "UTF-8";


.contents_news .area_title{margin:20px 0 30px;text-align:center;position: relative;overflow-x: hidden;}
.contents_news .area_title img{max-width:115px;}
.contents_news .area_title::before,
.contents_news .area_title::after{content: "";width: calc(50% - 90px);height: 1.5px;display: block;background: #D8A619;top: 50%;position:absolute;}
.contents_news .area_title::before{left: 0;}
.contents_news .area_title::after{right: 0;}

.contents_news .data{display: flex;margin-bottom: 5px;}
.contents_news time{color: #8E8E8E;font-weight: bold;margin-right: 20px;font-size: 0.875rem;}
.contents_news .title p{font-weight:bold;}

.contents_news{background: #F9EED2;}
.category{display: flex;position: relative;border-radius: 6px;background-color: #FFF;width: 75px;height: 20px;}
.category span{display: inline-block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.category.store_3{width: 85px;background-image: url(../../images/name_store_01.svg);background-repeat: no-repeat;background-size: auto 10px;background-position: center;}
.category.store_4{background-image: url(../../images/name_store_02.svg);background-repeat: no-repeat;background-size: auto 10px;background-position: center;}
.category.store_5{background-image: url(../../images/name_store_03.svg);background-repeat: no-repeat;background-size: auto 10px;background-position: center;}
.category.store_6{background-image: url(../../images/name_store_04.svg);background-repeat: no-repeat;background-size: auto 10px;background-position: center;}
.category.store_7{background-image: url(../../images/name_store_05.svg);background-repeat: no-repeat;background-size: auto 10px;background-position: center;}
.category::before{content: "";display: block;position: absolute;}
.category.store_3::before{width: 20px;height: 20px;background: url(../../images/icon_store_01.svg) no-repeat;background-size: cover;left: -10px;}
.category.store_4::before{width: 20px;height: 20px;background: url(../../images/icon_store_02.svg) no-repeat;background-size: cover;left: -10px;}
.category.store_5::before{width: 31px;height: 23px;background: url(../../images/icon_store_03.svg) no-repeat;background-size: cover;left: -15px;top: -4px;}
.category.store_6::before{width: 30px;height: 23px;background: url(../../images/icon_store_04.svg) no-repeat;background-size: cover;left: -13px;top: -5px}
.category.store_7::before{width: 25px;height: 23px;background: url(../../images/icon_store_05.svg) no-repeat;background-size: cover;left: -15px;top: -4px;}


/*index*/

.area_category_menu{padding-right: 14px;padding-left: 14px;}
.area_category_menu .wrapper{background: #FFF;-webkit-border-radius: 10px;border-radius: 10px;padding: 20px 10px;}
.area_category_menu .wrapper ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 10px;}
.area_category_menu .wrapper ul li a{display: flex;align-items: center; width: 100%;height: 50px;background: rgb(216 166 25/.4);-webkit-border-radius: 10px;border-radius: 10px;position: relative;}

.area_category_menu .wrapper ul li a span{display: block;text-indent:100%;white-space:nowrap;overflow:hidden;background:none 50% 50% no-repeat;height: 18px;;width: 100%;background-size: contain;}

.area_category_menu .wrapper ul li:nth-of-type(1) a{background-image: url(../img/btn_store_all.png);background-repeat: no-repeat;background-size: auto 15px;background-position: center;}
.area_category_menu .wrapper ul li:nth-of-type(2) a span{background-image: url(../img/btn_store_01.png);}
.area_category_menu .wrapper ul li:nth-of-type(3) a span{background-image: url(../img/btn_store_02.png);}
.area_category_menu .wrapper ul li:nth-of-type(4) a span{background-image: url(../img/btn_store_03.png);}
.area_category_menu .wrapper ul li:nth-of-type(5) a span{background-image: url(../img/btn_store_04.png);}
.area_category_menu .wrapper ul li:nth-of-type(6) a span{background-image: url(../img/btn_store_05.png);}
.area_category_menu .wrapper ul li.active a{background-color: #D8A619;}
.area_category_menu .wrapper ul li a::before{content: "";display: block;position: absolute;opacity: 0.3;background:none 50% 50% no-repeat;background-size: contain;}
.area_category_menu .wrapper ul li:nth-of-type(2) a::before{width: 17px;height: 30px;background-image: url(../img/bg_store_01.png);left: 10px;}
.area_category_menu .wrapper ul li:nth-of-type(3) a::before{width: 23px;height: 24px;background-image: url(../img/bg_store_02.png);left: 9px;}
.area_category_menu .wrapper ul li:nth-of-type(4) a::before{width: 19px;height: 28px;background-image: url(../img/bg_store_03.png);left: 11px;}
.area_category_menu .wrapper ul li:nth-of-type(5) a::before{width: 23px;height: 28px;background-image: url(../img/bg_store_04.png);left: 10px;}
.area_category_menu .wrapper ul li:nth-of-type(6) a::before{width: 25px;height: 30px;background-image: url(../img/bg_store_05.png);left: 9px;}
.area_category_menu .wrapper ul li.active a::before{opacity: 1;}

.area_category_menu .wrapper h2{font-weight: bold;font-size: 1.125rem;text-align: center;margin-bottom: 15px;}
.contents_news .list_news{margin: 30px auto 0;}
.contents_news .list_news .wrapper{padding-right: 14px;padding-left: 14px;padding-bottom: 20px;}
.contents_news .list_news .wrapper > ul{margin-bottom: 46px;border-top: 1px solid #D8A619;}
.contents_news .list_news .wrapper > ul li:not(:last-of-type){border-bottom: 1px solid #D8A619;}
.contents_news .list_news .wrapper > ul li a{display: block;padding: 15px 10px;}
.contents_news .list_news .wrapper > ul li figure{margin-bottom: 15px;}

.contents_news .list_news .wrapper > ul li:nth-child(2n+1) a{background: rgba(255,255,255,0.5);}

/*detail*/
.contents_news.news_detail{background: #FFF;}
.contents_news.news_detail .article .wrapper{padding-top:20px;padding-bottom:30px;}
.contents_news.news_detail h1{margin-bottom:20px;font-weight:bold;font-size:1.25rem;}
.contents_news.news_detail .data{margin-bottom:10px;}
.contents_news.news_detail .category{border: 2px solid #f9eed2;}
.contents_news.news_detail figure{margin-bottom: 20px;}
.contents_news.news_detail .in_text{line-height:2;padding-bottom: 30px;border-bottom: 1px solid #cdcdcd;}
.contents_news.news_detail .text .btn{margin: 40px auto 0;width:240px;}
.contents_news.news_detail .text .btn a{font-size: 0.9375rem;font-weight: bold;position: relative;display:block;padding: 8px 20px;text-align:center;
-webkit-border-radius: 5px;border-radius: 5px;background-color:#eaccb5;}



@media screen and (min-width:768px) {

    .contents_news .area_title{margin: 30px 0 40px;}
    .contents_news .area_title img{max-width:132px;}

    .contents_news .area_title::before,
    .contents_news .area_title::after{width:300px;left:50%;right:none;top: 15px;height: 2px;}
    .contents_news .area_title::before{margin-left:-400px;}
    .contents_news .area_title::after{margin-left:100px;}
    .contents_news .area_title img{max-width:132px;}

    .contents_news .list_news{margin-top:40px;}
    .contents_news .list_news .wrapper > ul li a{padding:28px 20px 20px;}

    .contents_news.news_detail .area_title{max-width: none;}
    .contents_news.news_detail h1{font-size: 1.0625rem;}
    .contents_news.news_detail .text .btn a{font-size: 0.875rem;}

    .contents_news .list_news .wrapper{padding:0 0 60px;}
    .area_category_menu{padding:0;}

    .area_category_menu .wrapper{padding:20px;}

    .contents_news .data time{font-size: 0.9375rem;}
    .contents_news .data .category{width: 90px;height: 24px;margin-left:10px;}
    .contents_news .data .category.store_3,
    .contents_news .data .category.store_4,
    .contents_news .data .category.store_5,
    .contents_news .data .category.store_6,
    .contents_news .data .category.store_7{background-size: auto 13px;}

}

@media screen and (max-width:767px) {
    
}

@media screen and (max-width:480px) {
    .area_category_menu .wrapper ul li a::before{display:none;}
}