@charset "UTF-8";

/* table */
.tr-bottomline-1{
    border-color: #B7B3B3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: collapse;
}
.red_bk{
  background:#e81010
}
.red-txt{
  color:#e81010
}

/* テーブル0*/
table.table00{
    width: 80%;
    border-right: 1px none #585858;
    border-collapse: collapse;
}
table.table00 thead th{
    background-color: #585858;
    color: #FFF;
    padding: 10px 15px;
    border-right: #FFF solid 1px;
    border-bottom: #FFF solid 1px;
}
table.table00 thead th:last-child{
    border-right: 1px solid #585858;
}
table.table00 tbody th{
    background-color: #B7B3B3;
    color: #FFF;
    padding: 10px 15px;
    border-bottom: #FFF solid 1px;
    vertical-align: top;
}
table.table00 tbody tr:last-child th{
    border-bottom: 1px solid #585858;
}
table.table00 tbody td{
    background: #FFF;
    padding: 10px 15px;
    border-left: 1px solid #585858;
    border-bottom: 1px solid #585858;
    vertical-align: top;
}
table.table00 tbody td p{
	margin:0;
}
@media screen and (max-width: 640px) {
table.table00 thead{
	display:none;
}
table.table00 tbody th{
    display: block;
    /* [disabled]background-color: #B7B3B3; */
}
table.table00 tbody td{
	display:block;
}
table.table00 tbody td::before{
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table00 tbody td p{
	padding-left:6em;
}
}


/* テーブル1*/
table.table01{
    width: 100%;
    border-right: 1px solid #585858;
    border-collapse: collapse;
}
table.table01 thead th{
    background-color: #585858;
    color: #000000;
    padding: 10px 15px;
    border-right: #FFF solid 1px;
    border-bottom: #FFF solid 1px;
}
table.table01 thead th:last-child{
    border-right: 1px solid #585858;
}
table.table01 tbody th{
    background-color: #4E6C90;
    color: #FFFFFF;
    padding: 10px 15px;
    border-bottom: 1px solid #FFFFFF;
    vertical-align: top;
    font-size: 18px;
    font-weight: normal;
}
table.table01 tbody tr:last-child th{
    border-bottom: 1px solid #585858;
}
table.table01 tbody td{
    background: #FFF;
    padding: 10px 15px;
    border-left: 1px solid #585858;
    border-bottom: 1px solid #585858;
    vertical-align: top;
}
table.table01 tbody td p{
	margin:0;
}
@media screen and (max-width: 640px) {
table.table01 thead{
	display:none;
}
table.table01 tbody th{
    display: block;
    /* [disabled]background-color: #B7B3B3; */
}
table.table01 tbody td{
	display:block;
}
table.table01 tbody td::before{
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p{
	padding-left:6em;
}
}

/* テーブル2*/
table.table02{
    width: 100%;
    border-right: 1px solid #585858;
    border-collapse: collapse;
}
table.table02 thead th{
    background-color: #585858;
    color: #FFF;
    padding: 10px 15px;
    border-right: #FFF solid 1px;
    border-bottom: #FFF solid 1px;
}
table.table02 thead th:last-child{
    border-right: 1px solid #585858;
}
table.table02 tbody th{
    background-color: #ffecea;
    color: #585858;
    padding: 10px 15px;
    border-bottom: #585858 solid 1px;
    vertical-align: top;
}
table.table02 tbody tr:last-child th{
    border-bottom: 1px solid #585858;
}
table.table02 tbody td{
    background: #FFF;
    padding: 10px 15px;
    border-left: 1px solid #585858;
    border-bottom: 1px solid #585858;
    vertical-align: top;
}
table.table02 tbody td p{
	margin:0;
}
@media screen and (max-width: 640px) {
table.table02 thead{
	display:none;
}
table.table02 tbody th{
    display: block;
    /* [disabled]background-color: #B7B3B3; */
}
table.table02 tbody td{
	display:block;
}
table.table02 tbody td::before{
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table02 tbody td p{
	padding-left:6em;
}
}
able.table02 tbody td p{
	padding-left:6em;
}
}

/* テーブル3*/
table{
  border-collapse: collapse;
  width: 100%;
}

.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #464953;
  color: #fff;
  
}
.red_bk{
  background:#e81010
}
.red-txt{
  color:#e81010
}
@media screen and (max-width: 640px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb01 td:first-child{
    background: #464953;
    color:#fff;
    font-weight:bold;
  }
  table.tb01 td:before{
    content: attr(data-label);
    font-size: .7rem;
    font-weight:bold;
    color: #999;
    display: block;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}