@charset "utf-8";

/* ニュース一覧のページ送り（WordPress化にともない追加）*/

#news #news_pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:5% auto 0 auto;}

/* ページ番号 */
#news #news_pager .page-numbers{display:block;min-width:32px;padding:6px 2px;text-align:center;font-size:17px;letter-spacing:1px;line-height:1;color:#3b55a9;text-decoration:none;}
#news #news_pager a.page-numbers:hover{color:#243555;text-decoration:underline;}
#news #news_pager .page-numbers.current{color:#243555;}
#news #news_pager .page-numbers.dots{min-width:auto;}

/* 前へ・次へ（丸ボタン）*/
#news #news_pager .page-numbers.prev,
#news #news_pager .page-numbers.next{position:relative;min-width:0;width:40px;height:40px;padding:0;border-radius:50%;background:#eef7ff;}
#news #news_pager .page-numbers.prev{margin-right:16px;}
#news #news_pager .page-numbers.next{margin-left:16px;}
#news #news_pager .page-numbers.prev:hover,
#news #news_pager .page-numbers.next:hover{background:#3b55a9;text-decoration:none;}

#news #news_pager .page-numbers.prev::before,
#news #news_pager .page-numbers.next::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--fa-font-solid);font-size:14px;color:#3b55a9;}
#news #news_pager .page-numbers.prev::before{content:'\f104';}
#news #news_pager .page-numbers.next::before{content:'\f105';}
#news #news_pager .page-numbers.prev:hover::before,
#news #news_pager .page-numbers.next:hover::before{color:white;}

/* ボタン内の「前へ」「次へ」の文字は見せない（読み上げ用に残す）*/
#news #news_pager .arrow_text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#news #news_pager .page-numbers{font-size:16px;}
}

@media (max-width: 700px) {
	#news #news_pager{gap:8px;margin:40px auto 0 auto;}
	#news #news_pager .page-numbers{min-width:28px;font-size:15px;letter-spacing:0px;}
	#news #news_pager .page-numbers.prev,
	#news #news_pager .page-numbers.next{min-width:0;width:36px;height:36px;}
	#news #news_pager .page-numbers.prev{margin-right:10px;}
	#news #news_pager .page-numbers.next{margin-left:10px;}
	#news #news_pager .page-numbers.prev::before,
	#news #news_pager .page-numbers.next::before{font-size:13px;}
}