@charset "UTF-8";
/* フロント側の基本デザイン */

.tb-adv-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tb-adv-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}

.tb-adv-table th,
.tb-adv-table td {
  border: 1px solid #ddd;
  padding: 0.5em 0.75em;
  vertical-align: top;
  background: #fff;
  font-size: 0.95rem;
}

.tb-adv-table thead th {
  background: #f3f4f6;
  font-weight: 600;
  vertical-align: middle;
}

/* .tb-adv-table th[scope="row"] {
  background: #f9fafb;
  font-weight: 600;
  white-space: nowrap;
} */

/* 必要ならストライプなどを追加で */
.tb-adv-table.tb-table--striped tbody tr:nth-child(odd) {
  background: #f9fafb;
}
/* フロント側 */
.tb-adv-table thead th.tb-adv-align-left,
.tb-adv-table tbody th.tb-adv-align-left,
.tb-adv-table tbody td.tb-adv-align-left,
.tb-adv-table-caption.tb-adv-align-left {
  text-align: left;
}
.tb-adv-table thead th.tb-adv-align-center,
.tb-adv-table tbody th.tb-adv-align-center,
.tb-adv-table tbody td.tb-adv-align-center,
.tb-adv-table-caption.tb-adv-align-center {
  text-align: center;
}
.tb-adv-table thead th.tb-adv-align-right,
.tb-adv-table tbody th.tb-adv-align-right,
.tb-adv-table tbody td.tb-adv-align-right,
.tb-adv-table-caption.tb-adv-align-right {
  text-align: right;
}