@charset "UTF-8";

@media (max-width:767px) {
  
  html {
    height: auto;
    min-height: 100%;
  }
  body.approval-overflow {
    min-height: 100vh;
  }
  .contents,
  .contents-fluid {
    width: auto;
      min-width: 0;
  }
  
  .sp-only {
    display: block;
  }

  .panel-numbers ul {
      margin-right: -2px;
  }

  .table thead > tr > th,
  .table thead > tr > td {
    text-align: left;
  }
  
  th.width60,
  td.width60 {
    width: auto;
  }
  th.width90,
  td.width90 {
    width: auto;
  }
  th.width120,
  td.width120 {
    width: auto;
  }
  th.width140,
  td.width140 {
    width: auto;
  }
  
  .panel-numbers li {
    border-width: 2px;
    line-height: 1;
    margin: 0 2px 2px 0;
    padding: 3px 1px 0;
  }
  .panel-numbers li .laps {
    border-left: 1px solid #A60912;
    padding: 3px 1px 0;
  }
  .panel-numbers.column-4 li {
      width: calc(25% - 2px);
  }
  .panel-numbers.column-5 li {
      width: calc(20% - 2px);
  }
  .panel-numbers.column-6 li {
      width: calc(16.66% - 2px);
  }
}
@media (max-width:767px) and (orientation:portrait) {
}
table.table_test {
	height: 1px;
}
table.table_test tr td {
	padding: 5px 5px 5px 15px;
	/* position: relative; */
}
table.table_test tr td::before {
	border-left:  1px solid #aaa;
	content: "";
	height: calc(100% - 10px);
	margin-left: -10px;
	padding-left: 10px;
}
/* table.table_test tr td::before {
	border-left:  1px solid #aaa;
	bottom: 5px;
	content: "";
	display: block;
	left: 5px;
	height: calc(100% - 10px);
	position: absolute;
	top: 5px;
}
 */
table.table_test tr td:first-child::before {
	display: none;
}