/* ------------------------------------------------------------------------------------------ */
/* ページネーション（ページ切替「前」「次」） */

/* 備忘録：singleとarchiveでは、次と前のリンクが逆 */

.pager :is(.previous, .next) a { background-color: var(--color2); }
.pager :is(.previous, .next) a:hover { color: var(--c-sub); background-color: var(--color2_hover); }

/* PC */
@media only screen and (min-width: 751px) {
  .pager :is(.previous, .next) { display: inline-block; margin: 20px 0 30px; }
  .pager :is(.previous, .next) a { display: block; margin-right: 15px; padding: 10px 15px; border-radius: 10px; }
}

/* SP */
@media only screen and (max-width: 750px) {
  .pager { display: flex; justify-content: space-between; width: 100%; margin: 6vw 0 8vw; }
  .pager :is(.previous, .next) { width: 47%; }
  .pager :is(.previous, .next) a { display: flex; justify-content: center; align-items: center; width: 100%; height: 15vw; border-radius: 3vw; font-size: 4vw; }
}