@charset "UTF-8";

.wp-pagenavi {
  margin-top: 38px;
  text-align: center;
  font-size: 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
  font-size: 1.2rem;
  line-height: 1;
}

.wp-pagenavi span.pages {
  margin-right: 8px;
}

.wp-pagenavi span.extend {
  margin-left: 2px;
  margin-right: 2px;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
  display: inline-block;
  border: solid 1px var(--gray_color_light);
  padding: 8px 0;
  margin-left: 2px;
  margin-right: 2px;
  width: 3em;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
  width: 3.8em;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
  width: 3em;
}

.wp-pagenavi a.first {
  margin-right: 4px;
}

.wp-pagenavi a.last {
  margin-left: 4px;
}

.wp-pagenavi a {
  color: var(--gray_color);
  background-color: #fff;
  text-decoration: none;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background-color: var(--black_color);
  border-color: var(--black_color);
  color: #FFFFFF;
}

.wp-pagenavi span.current {
  background-color: #737373;
  border-color: #737373;
}

@media (max-width: 767px) {
  .wp-pagenavi span.pages+a {
    border-left: solid 1px var(--gray_color_light);
  }
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 1.1rem;
  }
  .wp-pagenavi span.pages,
  .wp-pagenavi span.extend {
    display: none;
  }
  .wp-pagenavi a,
  .wp-pagenavi span.current,
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi a.previouspostslink,
  .wp-pagenavi a.first,
  .wp-pagenavi a.last {
    width: 3em;
  }
  .wp-pagenavi a,
  .wp-pagenavi span.current {
    border-left: none;
    padding: 10px 0;
    margin-left: 0;
    margin-right: 0;
  }
  .wp-pagenavi a.first {
    margin-right: 0;
  }
  .wp-pagenavi a.last {
    margin-left: 0;
  }
}