@charset "UTF-8";

/* --------------------------------------------------------
 ページネーション
-------------------------------------------------------- */
.list-group-item {
  border: none;
}

.pagination {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.pagination li {
  margin: 5px;
  border: none;
}
.pagination a {
  display: block;
  text-decoration: none;
  color: #383838;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 17px;
  padding: 8px 14px;
}
.pagination .prev span,
.pagination .next span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 10px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
}
.pagination .prev span::before,
.pagination .next span::before {
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 5px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border-top: 2px solid #383838;
  border-right: 2px solid #383838;
  transform: rotate(-135deg);
}
.pagination .next span::before {
  left: -7px;
  transform: rotate(45deg);
}
.pagination .active a {
  padding: 6px 12px;
  background-color: #fff;
  border: 2px solid #383838;
}