table {
    width: 90%;
    max-width: 1700px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid #ddd;
    max-width: 420px;
}
th {
    background-color: #f2f2f2;
    text-align: center;
}
th[data-column="level"],
td[data-column="level"] {
    min-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f2f2f2;
    text-align: center;
}

th[data-column="defence_val"] {
    min-width: 100px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td[data-column="defence_val"] {
    min-width: 100px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
th[data-column="parts"],
td[data-column="parts"] {
    min-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

th[data-column="col1"],
td[data-column="col1"] {
    width: 170px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 罫線なしテーブルのスタイル */
.form-table {
    width: 90%;
    max-width: 1700px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    border-collapse: collapse;
}

.form-table th td {
    border: 1px solid #ddd;
    max-width: 370px;
}
th, td {
    padding: 8px;
    text-align: left;
}
/* ラベル列のスタイル */
.form-label-cell {
    text-align: left;
}

/* インプット列のスタイル */
.form-input-cell {
    width: 250px;
}

/* インプットのスタイル */
.form-input {
    width: 100%; /* インプットの幅を100%にして列に合わせる */
    padding: 5px; /* 内側の余白 */
    box-sizing: border-box; /* 幅計算にpaddingを含める */
}
.filter-area {
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
}
.gameimage {
    width: 720px;
    padding-left: 30px;
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .form-label-cell {
        width: 150px;
    }
    .gameimage {
        width: 85%;
        cursor: pointer;
        padding: 0 20px 10px;
    }
}