@charset "utf-8";


.kakomi{background:#a8cf3f; padding: 30px 8%; text-align: left; color: #fff; font-size:clamp(0.938rem, 0.382rem + 2.78vw, 1.25rem)  }/*15-20*/


.breadcrumbs{font-size: 12px; text-align: right; padding: 30px 8%}

.headbox .cate{font-size: 13px; margin-bottom: 20px}
.headbox h2{font-size:clamp(1rem, 0.556rem + 2.22vw, 1.25rem) }/*16-20*/


.pager {
    margin: 50px 3%;
    max-width: 1100px;
}
.pager:after, .pager ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pager a{ display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background:#a8cf40;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;  
}
.pager a:first-child {
    margin-left: 0;
}
.pager span{display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background-color: #c0c0c0;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;}

.pager a:hover {
    background-color: #ffe4df;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}	

.pagernav{font-size: 10px; padding-bottom: 40px }
.pagernav li{display: inline-block; margin-right: 5px}

.sideBox{margin: 0 8% 90px}
.sideBox .widgettitle{ position: relative; display: inline-block; 
      padding: 12px 0px; font-weight: 600;
      border-bottom: 2px solid #1d9f10; margin-bottom: 20px;
}
.sideBox .widgettitle::before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        background-color: #ffffff; /* 背景色と同じ色を指定 */
        rotate: 135deg;
        translate: -50% 0; 
      }
.sideBox .widgettitle::after {
     content: "";
        position: absolute;
        bottom: -8px;
        left: 50%;
        z-index: 1;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        border: 2px solid;
        border-color: #1d9f10 #1d9f10 transparent transparent;
        background-color: #ffffff;
        rotate: 135deg;
        translate: -50% 0; 
      }

.sideBox .cat-item{position: relative}
.sideBox .cat-item{padding-left: 15px}
.sideBox .cat-item:before{content: "+" ; position: absolute; left: 0; top: 0}

#searchform {width: 100%; margin: 40px 0 80px;}
#searchform input{width: 75%; padding: 10px;}
#searchform #searchsubmit{width: 13% !important; padding: 10px 0}

.kijiBox h2{font-size: 18px}

.noPost{margin: 20px 8% 40px; text-align: left}

