﻿.pagination{margin-top:9rem;font-family:reross-quadratic, noto-sans-cjk-jp, "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "Yu Gothic Medium", sans-serif}.pagination .nav-links{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem 2rem;width:fit-content;max-width:100rem;margin:0 auto;padding:0 8.5rem}.pagination .page-numbers{width:4.2rem;height:4.2rem;line-height:4.2rem;font-size:1.8rem;color:#A68E74;text-align:center;transition:all 0.3s;letter-spacing:0;border-radius:0.3rem;-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem}.pagination .page-numbers:hover{opacity:0.6}.pagination .page-numbers.current{position:relative;background:#A68E74;color:#fff;z-index:0}.pagination .prev,.pagination .next{position:absolute;top:50%;background:transparent;transition:all 0.3s;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}.pagination .prev::before,.pagination .next::before{content:"";position:absolute;left:50%;top:50%;width:1.4rem;height:2.6em;background:url(../img/common/ico_next.svg) center center no-repeat;background-size:contain;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}.pagination .prev:hover,.pagination .next:hover{opacity:0.6}.pagination .prev{left:0}.pagination .prev::before{transform:translate(-50%, -50%) scale(-1, 1);-webkit-transform:translate(-50%, -50%) scale(-1, 1)}.pagination .next{right:0}@media screen and (max-width:768px){.pagination{margin-top:4rem}.pagination .nav-links{padding:0 5rem}.pagination .page-numbers{width:4rem;height:4rem;line-height:4rem}}