.category img{
    object-fit: cover;
    height: 100%;
}
.category-top img{
    width: 100%;
    height: 40vh;
    object-fit: cover;
}

a:-webkit-any-link {
    text-decoration: none !important;
}

.category p{
    line-height: 2rem;
}

.category a {
    color: black;
}

.category a:hover {
    color: gray;
}

.title{
    position: relative;
}
.title-line{
    position: absolute;
    width: 20px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid rgb(104, 205, 239);
}

/* ラッパー調整 */
.pagination-wrapper .navigation {
  display: inline-block; /* 中央寄せ用 */
}

/* ul のフレックス化 */
.page-numbers {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* li間の余白 */
.page-numbers li {
  margin: 0 4px;
}

/* リンクと現在ページの共通スタイル */
.page-numbers a,
.page-numbers span {
  display: block;
  padding: .375rem .75rem;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.25;
}

/* 通常リンクのホバー */
.page-numbers a:hover {
  background-color: #e9ecef;
  border-color: #dae0e5;
}

/* 現在ページ */
.page-numbers .current {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
  pointer-events: none;
}

/* 前へ/次への矢印部分だけ小さく */
.page-numbers a[aria-label*="前へ"],
.page-numbers a[aria-label*="次へ"] {
  font-size: .75rem;
}