/* デフォルトの表のスタイル (default-tableクラスに適用) */
.default-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
    font-family: 'Noto Sans JP', sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border: 3px solid #dddddd; /* テーブル全体にボーダーを追加 */
}

.default-table th {
    background-color: #659AD2; /* ヘッダーの色 */
    color: #000000; /* 黒い文字色 */
    text-transform: uppercase;
}

.default-table td, .default-table th {
    padding: 12px 15px;
    text-align: center;
}

.default-table tr {
    border-bottom: 1px solid #dddddd;
}

.default-table tr:last-of-type {
    border-bottom: 2px solid #EBF7FD; /* ヘッダーと同じ色 */
}

.default-table tr:hover {
    background-color: #f1f1f1; /* ホバー効果を残す */
}

/* .full-td-link はテーブルに依存しないのでそのまま */
.full-td-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* new-tableのスタイル */
.new-table {
    width: 100%;
    max-width: 100%; /* min-width: 400px; の代わりに追加 */
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
    font-family: 'Noto Sans JP', sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	border: 1px solid #dddddd; 
}

.new-table th {
    background-color: #659AD2;
    color: #000000;
    text-transform: uppercase;
}

.new-table td, .new-table th {
    padding: 12px 15px;
    text-align: center;
}

.new-table tr {
    border-bottom: 1px solid #dddddd;
}

.new-table tr:nth-of-type(even) {
    background-color: #f3f3f3; /* 偶数行の背景色 */
}

.new-table tr:last-of-type {
    border-bottom: 2px solid #EBF7FD;
}

/* new-tableのホバー効果を無効にする */
.new-table tr:hover {
    background-color: inherit; /* 親要素の背景色を継承 */
}

/* new-tableの偶数行にホバーした際の背景色を無効にする */
.new-table tr:nth-of-type(even):hover {
    background-color: #f3f3f3; /* 偶数行のデフォルトの背景色に戻す */
}

/* new-tableの奇数行にホバーした際の背景色を無効にする */
.new-table tr:nth-of-type(odd):hover {
    background-color: transparent; /* 奇数行のデフォルトの背景色に戻す */
}


.new-table th:first-child {
    border-right: 1px solid #dddddd;
}

.new-table td:first-child {
    border-right: 1px solid #dddddd;
}
.table-wrapper {
    width: 100%;
    overflow-x: auto; /* はみ出した時に横スクロールさせる */
    -webkit-overflow-scrolling: touch; /* iPhoneでのスクロールをスムーズにする */
}
.new-table.is-split th:nth-child(2),
.new-table.is-split td:nth-child(2) {
    border-right: 1px solid #dddddd;
}