.table {
  width: 100%;
  margin-bottom: 1rem;
  color: $white1;
  background-color: $black3;
  border: 2px solid $suwa03;
  transition: background-color 0.3s;
}
.table tbody + tbody { border-top: 2px solid $white1; }
.table th, .table td, .table thead th { padding: 0.75rem; border-color: $suwa03; }
.table th, .table td { border-top: 1px solid $white1; vertical-align: top; }
.table thead th { border-bottom: 2px solid $white1; vertical-align: bottom; }
.table tbody tr { transition: background-color 0.3s; background-color: $black3; }
.table tbody tr:hover { color: $white1; background-color: $suwa07; }
// .table.table-hover tbody tr {
//   transition: background-color 0.3s;
//   background-color: $black3;
// }
// .table.table-hover tbody tr:hover {
//   color: $white1;
//   background-color: $suwa07;
// }

.tres {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}