/* まず包みで中央寄せ */
.pagerWrap{
    text-align:center;
    margin:24px 0;
  }

  /* form自体を中央に据える */
  .pager{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }

  /* ボタンの見た目 */
  .pager button{
    appearance:none;
    border:1px solid #ccc;
    background:#fff;
    padding:6px 10px;
    border-radius:6px;
    cursor:pointer;
    line-height:1;
  }

  /* 現在ページ */
  .pager .current{
    display:inline-block;
    border:1px solid #333;
    background:#333;
    color:#fff;
    padding:6px 10px;
    border-radius:6px;
    line-height:1;
    font-weight:700;
  }

  /* ホバー（任意） */
  .pager button:hover{
    border-color:#888;
  }

  .pager .dots{
    display:inline-block;
    padding:6px 8px;
    color:#777;
  }