table {
    width: 70%;
    border-collapse: collapse; /* セルの境界を重ならないようにする */
}

th, td {
    padding: 12px; /* セル内のパディング */
    border: 1px solid #ddd; /* セルの境界線 */
    text-align: left; /* テキストを左揃えにする */
    width: 25%; /* 各列の幅を均等にする */
}

th {
    background-color: #f2f2f2; /* ヘッダー行の背景色 */
}

tr:nth-child(even) {
    background-color: #f9f9f9; /* 偶数行の背景色を変更してストライプ効果 */
}

tr:hover {
    background-color: #eaeaea; /* ホバー時に行の背景色を変更 */
}

td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}