/* 基本的なリセットとスタイル */
.table-container {
    width: 100%;   
    overflow-x: auto;
    background-color: #dce7f9;
    box-shadow: 0 0px 0px rgba(0,0,0,0.1);
    border-radius: 0px;
}

.equip-table {
    width: 100%;
    border-collapse: collapse; /*隣接する境界線を繋げる*/
    font-size: 15px;
    color: #222;
}

/* ヘッダーのスタイル */
.equip-head {
    background-color: #123a96;
    font-weight: bold;
    color: #fff;
}

.equip-th, .equip-td {
    padding: 12px 15px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.equip-th:last-child, .equip-td:last-child {
    border-right: none;
}

.equip-th {
    white-space: nowrap; /*連続する空白文字を1つにまとめる*/
}

/* ボディの行のスタイル */


/* 最初の列のボーダーを濃くする */
.equip-body tr > td:first-child {
    border-left: 1px solid #ddd;
}

tr:nth-child(2),
tr:nth-child(5),
tr:nth-child(6),
tr:nth-child(8),
tr:nth-child(9),
tr:nth-child(10) {
  background-color: #ccd7e9; /* ここに適用したい色を指定してください */
}




/* レスポンシブ用ブロックのスタイル */
.responsive-blocks {
    display: none; /* 初期状態では非表示 */
    padding: 15px;
}

.machine-block {
    background-color: #ccd7e9;
    border: 1px solid #ddd;
    border-radius: 0px;
    margin-bottom: 20px;
    overflow: hidden; /* h2の背景がdlの下に回り込まないように */
}

.machine-block h2 {
    background-color: #123a96; /* 画像の背景色に合わせて調整 */
    color: #fff;
    padding: 10px 15px;
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
}

.machine-block dl {
    display: grid;
    grid-template-columns: auto 1fr; /* dtがauto、ddが残りの幅 */
    gap: 5px 10px;
    padding: 15px;
    margin: 0;
    font-size: 0.9em;
}

.machine-block dt {
    font-weight: bold;
    color: #333;
}

.machine-block dd {
    margin: 0;
    color: #222;
}


/* メディアクエリ */
@media screen and (max-width: 768px) {
    /* 従来のテーブルを非表示 */
    .equip-table {
        display: none;
    }

    /* レスポンシブ用ブロックを表示 */
    .responsive-blocks {
        display: block;
    }

    .table-container {
        padding: 0; /* ブロック形式に合わせる */
        box-shadow: none; /* ブロック自体に影があるのでコンテナの影は不要 */
        background-color: transparent;
    }

    .t-duplicate{
        border-bottom: 2px solid #888;
    }
}