/*
 * お知らせ / コラム 一覧ページ用CSS（/news/・/column/）
 * 一覧行(.news-list/.news-row 等)は style.css を再利用。ここは切替タブとページ送りのみ。
 */
.news-switch{display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto 44px;border:1px solid var(--border);}
.news-switch a{font-size:13px;letter-spacing:.12em;color:var(--muted);text-decoration:none;padding:12px 34px;transition:color .2s,background .2s;}
.news-switch a + a{border-left:1px solid var(--border);}
.news-switch a:hover{color:var(--ink);background:rgba(21,18,16,.03);}
.news-switch a.active{background:var(--ink);color:#fff;}

.news-pager{margin-top:44px;text-align:center;}
.news-pager .page-numbers{display:inline-block;min-width:40px;padding:9px 12px;margin:0 3px;border:1px solid var(--border);color:var(--muted);text-decoration:none;font-size:14px;font-family:'Cormorant Garamond',serif;letter-spacing:.05em;transition:border-color .2s,color .2s,background .2s;}
.news-pager .page-numbers:hover{border-color:var(--ink);color:var(--ink);}
.news-pager .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink);}
.news-pager .page-numbers.dots{border:none;background:none;}

@media(max-width:560px){
  .news-switch a{padding:11px 22px;}
}