.data-table {
  border: 1px solid black;
  border-collapse: collapse;
  width: auto; /* 表の幅を適度に設定 */
}

.data-table th {
  background-color: #ffd700;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

.data-table th, .data-table td {
  border: 1px solid black;
  text-align: center;
  padding: 8px;
}

/* レイアウト専用の表 */
.layout-table {
  width: auto;
  padding: 5px;
  border: none; /* 枠線なし */
}

/* .layout-table 内の th, td にも枠線を消す */
.layout-table th, .layout-table td {
  border: none !important; /* 強制的に枠線を消す */
}