/* body {
    font-family: "Ubuntu Mono", monospace;
} */

.display-row {
    display: flex;
    gap: 24px;
}

.display-row .left-table {
    flex: 7;
}

.display-row .right-table {
    flex: 3;
}

.left-table table,
.right-table table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.left-table th, .left-table td,
.right-table th, .right-table td {
    border: 1px solid #333;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    width: auto;
    word-break: normal;
    text-align: center;      /* 横方向中央揃え */
    vertical-align: middle;  /* 縦方向中央揃え */
}

.left-table th:first-child,
.left-table td:first-child {
    width: 50px;
    min-width: 50px;
    max-width: 80px;
}

.left-table th,
.left-table td {
    width: 1fr; /* 他の列は均等配分 */
}

.right-table th:first-child,
.right-table td:first-child {
    width: 170px;
    min-width: 170px;
    max-width: 200px;
}

.right-table th,
.right-table td {
    width: 1fr; /* 他の列は均等配分 */
}

.selected-cell {
    background-color: #ffe082; /* お好みの色に変更可能 */
}

.hover-cell {
  background: #ffe082 !important; /* マウスオーバー時の色（例: 薄い黄色） */
}

.hover-expedition {
    background-color: #ffcc80; /* お好みの色に変更可能 */
}