@charset "utf-8";


.breadcrumbArea {padding: 40px 0;}
.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;}


.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;}


    
.main .wrap{padding-bottom: 80px;}
.main .wrap h2{font-size: 2.5rem;margin: 40px 0;}

.main .wrap .rj_box{margin: 80px 0;}

.main ul.posts.rjlist li{margin-bottom: 20px;}
.main ul.posts.rjlist li a{text-decoration: none;}
.main ul.posts.rjlist li p{line-height: 1.8;font-size: 1.6rem;}


.main ul.rj-cats{margin: 50px 0 60px;}
.main ul.rj-cats li a{display: block; text-decoration: none;font-size: 2.0rem;color: #656548;background-color: #ECECE9;border: 1px solid #888A70;border-bottom: none;padding: 20px;line-height: 1.8;position: relative;text-decoration: none;}
.main ul.rj-cats li:last-child a{border-bottom:  1px solid #707070}
.main ul.rj-cats li a::after{content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #656548;
    transform: rotate(-90deg);position: absolute;right: 10px; top: 30px;}


@media screen and (min-width: 960px) { /* 960px以上に適用されるCSS（PC用） */
  
    .header{padding-top: 60px;}
   
    .contens_wrap .local_navi nav ul{border-top:none;}
    .contens_wrap .local_navi nav ul li{font-size: 1.5rem;padding:10px;border-bottom: none;display: flex;}
    .contens_wrap .local_navi nav ul li img{display: none;}
    .contens_wrap .local_navi nav ul li a{display: block; width: 100%;height: 100%;text-decoration: none;line-height: 25px;}

    .main ul.rj-cats{margin: 50px 0 60px;max-width: 700px;}

 }