@charset "UTF-8";

/* ==========================================
   ページ送り（お知らせ一覧・カテゴリー別一覧・活動紹介一覧。XD 05・06 の グループ 1529 の ‹ 1 2 ›）
   XD（SP・PC 同じ）: 50×50・角丸 10・#fafafa に内側 2px の #f0f3f5。数字は Archivo Narrow 14px・#93c572（行の高さ 18 で上から 16）
   並び: ‹ x=0、1 x=62、2 x=119、› x=181（箱の間隔 12・7・12）。矢印は 6.1×9.4 で箱の中央
   ========================================== */
.pagination {
  display: flex;
  gap: 7px; /* XD: 数字どうしの間隔 */
  align-items: center;
  justify-content: center;
  margin: 30.52px 0 0; /* XD SP: 最後のカードの下端 2553.48 からページ送り y=2584 */
}

.pagination__link {
  display: block;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  padding-top: 14px; /* 枠 2 ＋ 14 ＝ 数字の行の上端 16 */
  border: 2px solid #f0f3f5;
  border-radius: 10px;
  font-family: var(--font-en);
  font-size: 14px;
  line-height: 1.2858; /* 18px ÷ 14px（小数 4 桁。切り上げて 18px ちょうどにする） */
  color: var(--color-main);
  text-align: center;
  text-decoration: none;
  background-color: #fafafa;
  transition: background-color 0.3s;
}

@media (any-hover: hover) {
  .pagination__link:hover {
    color: var(--color-white);
    background-color: var(--color-main);
  }
}

.pagination__link.is-current {
  /* 今のページは XD では印がない（1 も 2 も同じ見た目）。操作できる状態がわかるよう、枠の色だけ変える */
  border-color: var(--color-main);
  pointer-events: none;
}

.pagination__link.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.pagination__link--prev,
.pagination__link--next {
  /* XD: 矢印は 6.1×9.4 の塗りのシェブロン。文字の「‹」「›」は隠して、::before で描く */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  font-size: 0;
}

.pagination__link--prev {
  margin-right: 5px; /* 数字との間隔 12 = gap 7 + 5 */
}

.pagination__link--next {
  margin-left: 5px;
}

.pagination__link--prev::before,
.pagination__link--next::before {
  content: "";
  width: 6.1px;
  height: 9.4px;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.pagination__link--prev::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9'%3E%3Cpath d='M5.5 0.5L1.5 4.5L5.5 8.5' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pagination__link--next::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9'%3E%3Cpath d='M0.5 0.5L4.5 4.5L0.5 8.5' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (width >= 768px) {
  .pagination {
    margin-top: 50px; /* XD PC: 最後のカードの下端 2454 からページ送り y=2504 */
  }
}