/* pagenavi */

.wp-pagenavi {
  clear: both;
  margin: 35px 0;
}

.pager {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
}

.pager .current {
  background: none;
  border: none;
  border-radius: 3px;
  margin: 0 5px;
  color: #221815;
  background: #221815;
  color: #fff;
  padding: 5px 6px;
}

.pager a {
  color: #221815;
}

.pager a.page,
.pager a.previouspostslink,
.pager a.nextpostslink {
  background: #e9e8e8;
  border: none;
  border-radius: 3px;
  padding: 5px 6px;
  margin: 0 5px;
  color: #221815;
}

@media screen and (max-width: 768px) {
  .pager {
    font-size: 4.67vw;
    line-height: 2.5;
  }

  .pager .current {
    margin: 0 1.17vw;
    padding: 2.34vw 3.27vw;
  }

  .pager a.page,
  .pager a.previouspostslink,
  .pager a.nextpostslink {
    padding: 2.34vw 3.27vw;
    margin: 0 1.17vw;
  }
}

/* pagenavi */
.pager {
  margin: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
}

.pager .current {
  background: none;
  border: none;
  border-radius: 3px;
  margin: 0 5px;
  color: #221815;
  background: #221815;
  color: #fff;
  padding: 5px 6px;
}

.pager a {
  color: #221815;
}

.pager a.page,
.pager a.previouspostslink,
.pager a.nextpostslink {
  background: #e9e8e8;
  border: none;
  border-radius: 3px;
  padding: 5px 6px;
  margin: 0 5px;
  color: #221815;
}