div.toki_area table{
  border-collapse: collapse;
  width: 90%;
  margin: 30px auto;
  background-color: lemonchiffon;
}
div.toki_area th, td {
  border: 1px solid #aaa;
  padding: 8px 12px;
  text-align: left;
}
div.toki_area th{
  background-color: #f5f5f5;
}
/*tr:nth-child(even) {*/
/*  background-color: #fafafa;*/
/*}*/
@media screen and (max-width: 600px) {
  div.toki_area  table, thead, tbody, th, td, tr {
    display: block;
  }
  div.toki_area table {
    width: 100%;
  }
  div.toki_area tr {
    margin-top: 20px;
  }
  div.toki_area thead {
    display: none;
  }
  div.toki_area td {
    position: relative;
    padding-left: 50%;
  }
  div.toki_area td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: bold;
  }
}