table {
        border-collapse: collapse;
        width: 100%;
    }

    table th, table td {
        padding: 8px;
        border: 1px solid #888;
    }

    table tbody tr:nth-child(odd) {
        background-color: transparent;
    }

    table tbody tr:nth-child(even) {
        background-color: #f9eaea;
    }

    .item-details {
        display: none;
        background-color: #fff5f5;
        border-top: none;
    }

    .item-details td {
        padding: 10px;
        font-size: 0.9em;
        color: #555;
    }

    .item-comment {
    font-size: 0.85em;
    color: #555;
    margin-top: 5px;
    white-space: pre-line; /* 改行を反映させる */
}


    .item-name {
        cursor: pointer;
        color: #0077aa;
        text-decoration: underline;
    }

    .can-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.can-cell {
    padding: 6px 8px;
    background-color: transparent;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 0.95em;
    white-space: nowrap;
}

.collapsible-header {
    cursor: pointer; /* マウスオーバー時にポインターを表示 */
    padding: 5px 0;
    margin-top: 20px;
    border-bottom: 2px solid #ccc;
    user-select: none; /* テキスト選択を防止 */
}

.all{
    margin:0,10,0,10;
}