@charset "utf-8";
/* CSS Document  テーブル　横線のみ*/
.design10 {
 width: 100%;
 text-align: left;
 border-collapse: collapse;
 border-spacing: 0;
}

.design10 th {
 padding: 10px;
 border-bottom: solid 4px #778ca3;
 color: #778ca3
}
.design10 td {
 padding: 10px;
 border-bottom: solid 1px #778ca3;
}
@media screen and (max-width: 980px) {
  .design10 .head{
    display:none;
  }
  .design10 {
    width: 100%;
  }
/*　table.design10 th {
   display:none;
  }*/	
  table.design10 th {
    display: block;
    width: 100%;
    border-bottom:none;
  }	
  table.design10 th:first-child{
    background: #659AD2; /*1項目目だけ背景色がヒヤシンス*/
    color:#fff;
    font-weight:bold;
  }

  table.design10 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.design10 td:first-child{
    background: #659AD2; /*1項目目だけ背景色がヒヤシンス*/
    color:#fff;
    font-weight:bold;
  }
  .design10 tr:last-child{
    border-bottom: solid 1px #ccc;/*最後の項目だけ下罫線を引く*/
  }
}