@charset "UTF-8";

/* 
 * アーカイブページ関連
 */

 /* font-style */
.post-font {
  font-family: 'Noto Sans JP', sans-serif;
  
}
/* 投稿ページのハイパーリンクの折り返し対応 */
#section-text a{
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}

/* ニュースの日付をホバーした時にitalicを打ち消す */
.post-title .news-date,
.post-title:hover .news-date {
  font-style: normal !important;
}
/* リンクの太文字を打ち消す*/
.post-font .post-link {
  font-weight: 500;
}

/* 投稿リンク */
.post-link {
  font-weight:bold;
  text-decoration: none;
  color: black; /* 必要ならスタイル調整 */
}
/* ページネーションのページ番号 */
.pagination {
  gap: 10px; /* ページ番号の間隔を調整 */
  font-size: larger;
  min-height: 50px; /* 適切な高さを指定 */
  margin-bottom: 50px;
}
/* ライブのアーカイブページページネーションのカレント番号 */
#live-pagination .current {
  color: #fff;
}

/* 
 * 投稿ナビゲーション関連
 */
.post-navigation {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 2rem;
}
.post-navigation .prev-post,
.post-navigation .next-post {
  flex: 1 1 48%;  /* 幅を揃える＆ちょっと余白 */
  word-break: break-word;
  overflow-wrap: break-word;
}
/* 前の記事 */
.post-navigation .prev-post {
  text-align: left;
}
/* 次の記事 */
.post-navigation .next-post {
  text-align: right;
}

/*
 * 投稿ページ関連
 */
/* お知らせ・ライブの戻るボタン */
#back-to-list{
  color: #111;
  font-weight: bold;
  text-decoration: none;
}


/* タブレット向け（1024px以下） */
@media screen and (max-width: 1023px) {
    /* 投稿リンク */
    .post-link {
        font-size: 1.1rem;
    }
}

/* スマホ向け（768px以下） */
@media screen and (max-width: 787px) {
    /* 投稿リンク　*/
    .post-link {
        font-size: 1rem;
    }
}