/* ===== 新着情報 一覧 ===== */
/* category tabs */
.cat-tabs{display:flex;gap:8px;margin-bottom:44px;flex-wrap:wrap;}
.cat-tab{padding:8px 22px;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);font-size:13px;cursor:pointer;font-family:var(--sans);transition:all .2s;}
.cat-tab.active,.cat-tab:hover{background:var(--navy);color:var(--white);border-color:var(--navy);}
/* news list */
.news-list{margin-bottom:56px;}
.news-row{display:flex;align-items:flex-start;gap:20px;padding:22px 0;border-bottom:1px solid var(--gray-200);cursor:pointer;transition:background .1s;flex-wrap:wrap;}
.news-row:first-child{border-top:1px solid var(--gray-200);}
.news-row:hover{background:var(--off-white);}
.news-date{font-size:13px;color:var(--gray-400);white-space:nowrap;padding-top:3px;min-width:90px;}
.news-cat{font-size:10px;font-weight:700;letter-spacing:1.5px;white-space:nowrap;padding:4px 11px;align-self:flex-start;}
.news-cat--info{background:var(--off-white);color:var(--navy);border:1px solid var(--gray-200);}
.news-cat--prop{background:var(--navy);color:var(--white);}
.news-cat--event{background:var(--gold);color:var(--white);}
.news-title{font-size:14px;color:var(--text);line-height:1.7;flex:1;min-width:180px;transition:color .2s;}
.news-row:hover .news-title{color:var(--gold);}
/* pagination */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:8px;}
.pg-num{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);transition:all .2s;}
.pg-num.active,.pg-num:hover{background:var(--navy);color:var(--white);border-color:var(--navy);}

/* WordPressのページャーを承認済みデザインに合わせる */
.pagination .page-numbers{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);transition:all .2s;}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--navy);color:var(--white);border-color:var(--navy);}
.pagination .page-numbers.prev,.pagination .page-numbers.next{width:auto;padding:0 14px;}
.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}

/* カテゴリータブはリンクとして動かす */
a.cat-tab{text-decoration:none;display:inline-flex;align-items:center;}