@charset "UTF-8";

.pagination h2 {
 display: none;
}
.nav-links {
 display: flex;
 justify-content: center;
 margin-top: 0px;
 margin-bottom: 70px;
}
.nav-links a,
.nav-links span {
 border: solid 1px #cacaca;
 border-radius: 50%;
 box-sizing: border-box;
 display: block;
 margin: 0 5px;
 padding-top: 6px;
 position: relative;
 text-align: center;
 height: 48px;
 width: 48px;
 color: #1336e6;
}
.nav-links span {
 background-color: #f5f5f5;
}
.nav-links a.prev::before,
.nav-links a.next::before {
 background: url('../img/common/icon_arrow-1-blue.png') no-repeat center / 100%;
 content: '';
 display: block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 transition: ease 0.3s;
 height: 10px;
 width: 10px;
}
.nav-links a.prev::before {
 transform: translate(-50%, -50%) rotate(180deg);
}
@media screen and (max-width: 1480px) {
 .nav-links {
  margin-bottom: 10vw;
 }
 .nav-links a,
 .nav-links span {
  margin: 0 0.4vw;
  padding-top: 0.5vw;
  height: 3.6vw;
  width: 3.6vw;
 }
 .nav-links a.prev::before,
 .nav-links a.next::before {
  height: 0.8vw;
  width: 0.8vw;
 }
}
@media screen and (max-width: 780px) {
 .nav-links {
  margin-bottom: 14vw;
 }
 .nav-links a,
 .nav-links span {
  margin: 0 0.5vw;
  padding-top: 1.2vw;
  height: 9.4vw;
  width: 9.4vw;
 }
 .nav-links a.prev::before,
 .nav-links a.next::before {
  height: 3vw;
  width: 3vw;
 }
}