/* ヘッダーとフッターのセル */
.tablepress thead th,
.tablepress tfoot th {
background-color: #f8bbd0;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
/* 通常のセル */
.tablepress tbody td {
font-family: sans-serif;
font-size: 14px;
text-align: center;
font-weight: normal;
color: #0325FA;
padding: 8px; /* パディングを追加 */
}
/* ホバー時のソート可能なヘッダーセル */
.tablepress thead .sorting:hover {
width: 100%;
background-color: #FAF858;
}
/* すべてのテーブル内の画像 */
.tablepress img {
width: 50px;
height: 50px;
}
/* 特定のテーブルの最初の列 */
.tablepress-id-100 .column-1 {
width: 100%; /* 幅を100%に変更 */
text-align: center; /* テキストの中央寄せを追加 */
}
/* 上記で指定されたテーブルの最初の列内の画像 */
.tablepress-id-100 .column-1 img {
width: 45%;
height: 50%;
}
/* ページネーションのスタイルを調整 */
.dataTables_paginate .paginate_button {
color: #7fdbb6;
display: inline-block;
margin: 0 5px;
outline: none;
position: relative;
text-decoration: underline;
}
/* ページネーションの前後ボタンの色を変更 */
.dataTables_paginate .paginate_button:after,
.dataTables_paginate .paginate_button:before {
color: #00a9fd;
}
/* モバイル用の調整 */
@media (max-width: 767px) {
.tablepress thead th,
.tablepress tfoot th,
.tablepress tbody td {
font-size: 12px; /* フォントサイズを変更 */
}
/* モバイル時の追加のスタイル調整を追加 */
.tablepress-id-100 .column-1 img {
width: 100%; /* 画像の幅を100%に変更 */
height: auto;
}
.dataTables_paginate .paginate_button {
margin: 0 3px;
}
}
