/* テーブル */
*table.table {
border-collapse: separate;
  	border-spacing: 0px 2px;
}

table.table caption {
  	margin: 30px 0 4px 0;
text-align: left;
  	font-weight: bold;
}

table.table th {
  	padding: 1rem 1.2rem;
  	min-width: 90px;
background: #daeef3;
  	text-align: left;
vertical-align: top;
    font-weight: bold;
    border: 1px solid #b1c6cb;
}

table.table td {
padding: 1rem 1.2rem;
  vertical-align: top;
  border: 1px solid #b1c6cb;
}

/* テーブル（iTero比較） */
table.table-itero {
border-collapse: separate;
  	border-spacing: 0px 2px;
    width: 49%;
    float: left;
}

table.table-itero th {
  	padding: 10px;
  	min-width: 80px;
background: #e3dbd4;
border-right: 2px solid #fff;
  	font-size: 12px;
  	text-align: left;
vertical-align: top;
}

table.table-itero td {
padding: 10px;
  vertical-align: top;
}

/* マウスピースの教科書用 */
.table {
  margin: 30px auto;
  width: 100%;
  max-width: 100%;
  /*font-size: 1.4rem;*/
  border-collapse: collapse;
}

.caption {
margin: 0 0 6px;
text-align: left;
font-weight: bold;
}

#mouse .table > thead > tr > th,
#mouse .table > tbody > tr > th,
#mouse .table > tfoot > tr > th,
#mouse .table > thead > tr > td,
#mouse .table > tbody > tr > td,
#mouse .table > tfoot > tr > td {
  padding: 1rem 1.2rem;
  line-height: 1.42857143;
  border: 1px solid #bad8d3;
}

#mouse .table > thead > tr > th,
#mouse .table > tbody > tr > th {
background: #dcf5f1;
font-weight: bold;
}

#mouse .table > thead > tr > th {
  /*vertical-align: bottom;*/
  background: #dcf5f1;
  text-align: center;
}
/*
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}*/

#mouse .table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

#mouse .table .table {
  background-color: #ffffff;
}

#mouse .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

#mouse table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

#mouse table td[class*="col-"],
#mouse table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

@media screen and (max-width: 767px) {

  #mouse .table > thead > tr > th,
  #mouse .table > tbody > tr > th,
  #mouse .table > tfoot > tr > th,
  #mouse .table > thead > tr > td,
  #mouse .table > tbody > tr > td,
  #mouse .table > tfoot > tr > td {
    padding: 1rem 1rem;
    vertical-align: middle;
    line-height: 1.25;
  }
}