/* ======================================= アーカイブ共通ページネーション（<< < 1 2 3 > >>） ======================================= */
/* お知らせ・専門医監修コラム・私の更年期・お客様の声で共通利用 */

/* デスクトップ＋SP共通で prev/next を確実に表示（style.css / responsive.css の display:none を上書き） */
.page_navi.page_navi--news .prev,
.page_navi.page_navi--news .next {
  display: list-item !important;
}

/* style.css の .page_navi { margin: 70px 0 0 0 } を打ち消す */
.page_navi.page_navi--news {
  margin: 24px 0 0 0;
}

.page_navi--news {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.page_navi--news ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page_navi--news li {
  margin: 0;
}

.page_navi--news a,
.page_navi--news .current {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #42220f;
  background: #fff;
  border: 1px solid #42220f;
  border-radius: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.25s ease;
}

.page_navi--news a:hover {
  background: #42220f;
  color: #fff;
}

.page_navi--news .current {
  background: #42220f;
  color: #fff;
  border-color: #42220f;
}

.page_navi--news .dots {
  display: none;
}

/* グローバル style.css の design_plus ::before を無効化（二重表示防止） */
.page_navi--news .prev::before,
.page_navi--news .next::before {
  content: none !important;
  display: none !important;
}

/* グローバル style.css の span display:none を上書き（無効時は span 内に img を表示） */
.page_navi.page_navi--news .prev span,
.page_navi.page_navi--news .next span {
  display: inline-flex !important;
}

/* 矢印ボタン: 数字ボタンと同じ枠（44x44）、アイコンは font-size 相当（14px） */
.page_navi--news .page_navi__first,
.page_navi--news .page_navi__last,
.page_navi--news .prev a,
.page_navi--news .next a {
  width: 44px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  padding: 0;
}

.page_navi--news .page_navi__first img,
.page_navi--news .page_navi__last img,
.page_navi--news .prev img,
.page_navi--news .next img {
  display: block;
  width: 14px;
  height: 14px;
  object-fit: contain;
  transition: filter 0.25s ease;
}

.page_navi--news .page_navi__first:hover img,
.page_navi--news .page_navi__last:hover img,
.page_navi--news .prev a:hover img,
.page_navi--news .next a:hover img {
  filter: brightness(0) invert(1);
}

.page_navi--news .prev.is-disabled span,
.page_navi--news .next.is-disabled span {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #42220f;
  background: #fff;
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}

/* SP（1024px以下） */
@media (max-width: 1024px) {
  .page_navi--news a,
  .page_navi--news .current {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
  }

  .page_navi--news .prev,
  .page_navi--news .next {
    display: list-item !important;
  }

  .page_navi--news .page_navi__first,
  .page_navi--news .page_navi__last,
  .page_navi--news .prev a,
  .page_navi--news .next a,
  .page_navi--news .prev.is-disabled span,
  .page_navi--news .next.is-disabled span {
    width: 36px;
    height: 36px;
    min-width: 36px;
    line-height: 36px;
  }

  .page_navi--news .page_navi__first img,
  .page_navi--news .page_navi__last img,
  .page_navi--news .prev img,
  .page_navi--news .next img {
    width: 12px;
    height: 12px;
  }
}