/* ページネーション全体（グレー枠） */
.dataTables_wrapper .dataTables_paginate {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    background-color: #f5f5f5;      /* グレー背景 */
    padding: 5px 10px;               /* 枠内余白 */
    box-sizing: border-box !important;
    height: 30px;          /* グレー枠高さ */
	  /* 上に 15px 移動 */
    margin-top: -15px !important;   /* ← この行を追加 */           
}

/* ページネーションボタン共通 */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 28px !important;         /* ボタン高さ */
    line-height: 28px !important;    /* テキスト垂直中央 */
    padding: 0 8px !important;       /* 横余白 */
    margin: 0 !important;
    box-sizing: border-box !important;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0;                  /* 幅固定 */
}

/* 現在ページ */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #007bff !important;
    color: #fff !important;
}

/* 無効ボタン */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.4;
    cursor: default;
}

/* ボタン幅（種類別） */
.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    min-width: 60px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    min-width: 50px !important;
}

/* 数字ボタン */
.dataTables_wrapper .dataTables_paginate 
    .paginate_button:not(.first):not(.previous):not(.next):not(.last) {
    min-width: 32px !important;
    margin: 0 3px !important;
}

/* Previous / Next と数字の間隔調整 */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 5px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    margin-left: 5px !important;
}