@charset "utf-8";
/* CSS Document */


.asbgfff{padding-top: 100px; margin-top: 100px }




/*.kijiBox .listtit{padding-top: 60px}*/
.kijiBox .listtit{padding: 0 8%}
.kijiBox .listtit li{text-align: left; list-style: none; margin-left: 0}
.kijiBox .listtit li a{display: block; margin-bottom:30px; padding-bottom: 10px;color: #5d5d5d }
.kijiBox .listtit li a dl{display: flex; justify-content: space-between}
.kijiBox .listtit li a dt{width: 18%}
.kijiBox .listtit li a dt .images img{border-radius: 5px}
.kijiBox .listtit li a dd{width: 79%; margin-top: -8px ; text-align: right ; font-size: clamp(0.875rem, 0.813rem + 0.31vw, 0.938rem)}/*14-15*/
.kijiBox .listtit li a dd .category{ display: inline-block; font-size: 12px; text-align: right; border: 1px solid #ccc; padding: 0 10px}
.kijiBox .listtit li a:hover{color:#e6a6a5}
.kijiBox .listtit li a dd h3{text-align: left ;font-size: clamp(0.813rem, 0.688rem + 0.63vw, 0.938rem);}/*13-15*/


/*記事ページ*/
.kasou .kijiTitle h2.kijit{line-height: 1.8; font-size: clamp(1.125rem, 0.625rem + 2.5vw, 1.625rem)}/*18-26*/
.kasou .voice h2.kijit{ padding-bottom: 20px; font-size:clamp(1rem, 0.75rem + 1.25vw, 1.25rem) !important}/*16-20*/
.kasou .voice .breadcrumbs{display: none !important}

.kasou .kijiTitle .cat{display: inline-block ; margin: 0 8% 15px; border: 1px solid #ccc; padding: 0 10px; font-size: 13px}
.kijicont{margin: 0 2%; padding: 50px 6%; background: #fff; border-radius: 10px; margin-bottom: 60px}
.breadcrumbs{font-size: 12px; text-align: right; padding: 0px 8% 30px}
.first{padding-top: 50px}
.first h3{padding-bottom: 30px; font-size: clamp(1.625rem, 1rem + 3.13vw, 2.25rem)}/*26-36*/



.side{margin: 0 5%}
.side h2{margin-bottom: 10px}
.side ul{padding-left:15px; border-left: 1px #ccc solid}


/* ページネーション全体のラッパー */
.pagination-single { font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0;
}

/* 各ボックスの領域（PC表示では左右均等） */
.nextbox,
.pagination-box {text-align: left;
    width: calc(50% - 10px);
}

/* WordPressが出力するaタグのスタイル */
.pagination-single a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #f8f9fa; /* ボタンの背景色 */
    color: #333;               /* 文字色 */
    text-decoration: none;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
    line-height: 1.5;
}

/* ホバー時のスタイル */
.pagination-single a:hover {
    background-color: #a9a17a;
}

/* -----------------------------------
 * nextbox (左側) の設定
 * ----------------------------------- */
.nextbox a {
    justify-content: flex-start;
}

/* 左向きの矢印 */
.nextbox a::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;  /* 矢印の太さと色 */
    border-left: 2px solid #333; /* 矢印の太さと色 */
    transform: rotate(-45deg);
    margin-right: 15px;
}

/* -----------------------------------
 * pagination-box (右側) の設定
 * ----------------------------------- */
.pagination-box a {
    justify-content: flex-end;
    text-align: left;
}

/* 右向きの矢印 */
.pagination-box a::after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;  /* 矢印の太さと色 */
    border-right: 2px solid #333;/* 矢印の太さと色 */
    transform: rotate(45deg);
    margin-left: 15px;
}

/* -----------------------------------
 * スマートフォン向けのレスポンシブ対応
 * ----------------------------------- */
@media screen and (max-width: 768px) {
    .nextbox,
    .pagination-box {
        width: 100%; /* スマホでは縦並びにして幅を100%に */
    }
}



.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:url("../img/bg2.png") repeat;
    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}










@media screen and (min-width: 640px) {
.asbgfff{padding-top: 100px; border-radius: 5px 5px 0 0;}
}


@media screen and (min-width: 1100px) {
.kijiTitle{padding-top: 50px;}
}