/* ページネーションボタンのスタイル */
#pagination button {
    color: black; /* 文字の色を黒に設定 */
    background-color: transparent; /* 背景色を透明に設定 */
    border: 1px solid rgba(0, 0, 0, 0.2); /* 薄い黒でボーダーを設定 */
    border-radius: 4px; /* 角を丸くする（必要に応じて変更） */
    cursor: pointer; /* カーソルをポインターに変更 */
    padding: 10px 15px; /* ボタンの内側のスペースを調整 */
    margin: 0 5px; /* ボタン間にマージンを追加 */
    transition: background-color 0.3s, transform 0.3s; /* ホバー時の変化を滑らかにする */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影を追加 */
}

#pagination button:hover {
    background-color: rgba(0, 0, 0, 0.1); /* ホバー時の背景色を追加 */
    transform: translateY(-1px); /* ホバー時に少し上に移動 */
}

#pagination button:disabled {
    color: gray; /* 無効状態のボタンの色をグレーに設定 */
    cursor: not-allowed; /* 無効状態のカーソルを変更 */
    border: 1px solid rgba(0, 0, 0, 0.1); /* 無効状態のボーダーの色を薄くする */
}

#pagination-container {
    display: flex; /* フレックスボックスを使用 */
    justify-content: center; /* 中央に配置 */
    align-items: center; /* 高さを揃える */
}

#pagination {
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 高さを揃える */
}

#pagination span {
    margin: 0 10px; /* ページ数の前後にスペースを追加 */
    font-size: 16px; /* フォントサイズを調整 */
}