// =====================================================================================
//
// table_01
//
// =====================================================================================

@use 'scss/global' as g;

// -------------------------------------------------------------------------------------
// 変数
// -------------------------------------------------------------------------------------

// 罫線の色
$color_border: g.$color_border;

// .table-stripedの背景色
$color_bg_striped: #f0f0f0;

// -------------------------------------------------------------------------------------
// 全体枠
// -------------------------------------------------------------------------------------
.table {
  tr {
    border-bottom: 1px solid $color_border;
  }

  th {
    padding: 10px 18px;
    font-weight: bold;
    text-align: center;
  }

  td {
    padding: 10px 18px;
    text-align: center;
  }

  thead {
    tr {
      border-bottom: 1px solid #000;
    }
  }
}

// 偶数行に色付け
.table-striped {
  tbody tr:nth-child(even) {
    background-color: $color_bg_striped;
  }
}