@charset "UTF-8";
/* 移行後に新しく書くスタイル（BEM記法）
   旧テーマのCSS（config.css layout.css animation.css）のあとに読み込む
   土台・ヘッダー・フッター・ページの見た目は旧テーマのCSSが受け持つので、ここには書かない */

/* =========================================
   共通
   ========================================= */
/* 画面には出さず、読み上げソフト・検索エンジンにだけ伝える文字 */
.screen-reader-text
{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

/* =========================================
   記事中の装飾（WordPress のブロックエディタの作り直し）
   ========================================= */
/* 色付き文字 */
.post-mark--red
{ color: #cf2e2e;}
/* 画像の下の余白（旧サイトでは WordPress の標準CSSが付けていた） */
.wp-block-image
{ margin: 0 0 1em;}
/* お知らせのカテゴリ名（旧サイトではリンクだったので同じ色にする） */
.cat
{ color: #4773ba;}

/* 記事ページの「一覧に戻る」 */
.post__back
{ margin-top: 40px; text-align: center;}

/* =========================================
   ページ送り
   ========================================= */
.pager
{ margin: 40px 0;}
.pager__list
{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none;}
.pager__link
{ display: block; min-width: 36px; padding: 6px 10px; border: 1px solid #ddd; text-align: center; font-size: 13px; text-decoration: none;}
.pager__link:hover
{ background-color: #f5f5f5;}
.pager__link--current
{ background-color: #333; border-color: #333; color: #fff;}
.pager__link--current:hover
{ background-color: #333;}

/* =========================================
   Responsive: Mobile
   ========================================= */
@media (max-width: 768px) {
  .pager__link
  { min-width: 32px; padding: 5px 8px;}
}