/*page*/
.breadcrumbArea {padding: 40px 0; background-color: #ECECE9;}
.breadcrumbArea ul.breadcrumb{display: flex; font-size: 1.2rem;}
.breadcrumbArea ul.breadcrumb li::after{content: " > ";}
.breadcrumbArea ul.breadcrumb li:last-child::after{content: none;}

.breadcrumbArea ul.breadcrumb li{padding: 10px 0px 10px 10px;}
.breadcrumbArea ul.breadcrumb li:first-child{padding-left: 0;}
.breadcrumbArea ul.breadcrumb li a{padding: 5px; text-decoration: none;}


/* archives */

.category_main{background: #ECECE9; padding-bottom: 80px;}
.category_main h1{font-size: 2.4rem;margin-bottom: 20px;}
.category_main h2{font-size: 2.0rem;margin-bottom: 20px;}
.category_main .description{margin: 20px 0 60px; font-size: 1.5rem;line-height: 2;color: #313131;}

.contens_wrap .local_navi{}

.contens_wrap .local_navi nav ul{border-top: 1px solid #313131;}
.contens_wrap .local_navi nav ul li{font-size: 1.5rem;padding: 23px 40px;border-bottom: 1px solid #313131;display: flex;}
.contens_wrap .local_navi nav ul li img{width: 25px; height: 25px;}
.contens_wrap .local_navi nav ul li a{display: block; width: 100%;height: 100%;text-decoration: none;line-height: 25px;}

.contens_wrap .content{}

.main .sliderlist{overflow: hidden;touch-action: pan-y;overflow-x: scroll; position: relative; height: 300px;}
.main .sliderlist ul{display: flex;width: 2000px; row-gap: 20px; position: absolute; left: 10%;column-gap: 20px;}
.main .sliderlist ul li{width: 200px;}
.main .sliderlist ul li,.main .sliderlist ul p{font-size: 1.2rem;}
.main .sliderlist ul li a{text-decoration: none;}
.main .sliderlist ul li h3{margin-top: 10px;}
.main .sliderlist ul li img{width: 200px; height: 200px;}

.content .list_wrap{overflow: hidden;padding-left: 10%;touch-action: pan-y;overflow-x: scroll;}
.content .list_wrap ul{display: flex;width: 2000px; row-gap: 20px;}
.content .list_wrap ul li{width: 300px}

.sabarea{background: #C6A292;padding: 80px 0; color: #fff;}
.sabarea h3{font-size: 2.5rem;}
.sabarea ul{display: flex;flex-direction:column;row-gap: 30px;margin-top: 20px;}
.sabarea ul li {color: #fff;}
.sabarea ul li img{width: 100%; height: auto;margin-bottom: 10px;}
.sabarea .videoblock{margin: 20px 0;}

@media screen and (min-width: 960px) { /* 960px以上に適用されるCSS（PC用） */

    .category_main{width: 80%; margin: 0 auto;}
   
    .category_main h1{font-size: 4.0rem;margin-bottom: 20px;}
    .category_main h2{font-size: 3.2rem;margin-bottom: 40px;}
    .category_main .description{font-size: 1.8rem;}
    

    .contens_wrap .local_navi nav ul{border-top: 1px solid #313131;}
    .contens_wrap .local_navi nav ul li{font-size: 1.5rem;padding: 23px 40px;border-bottom: 1px solid #313131;display: flex;}
    .contens_wrap .local_navi nav ul li img{width: 25px; height: 25px;}
    .contens_wrap .local_navi nav ul li a{display: block; width: 100%;height: 100%;text-decoration: none;line-height: 25px;}

    .sabarea ul{column-gap: 4%;flex-direction: row;flex-wrap: wrap;}
    .sabarea ul li {width: 30%;}
    .sabarea ul li img{width: 100%; height: auto;margin-bottom: 10px;}

    
} /*END  960px以上に適用されるCSS（PC用） */