section table { width: 100%; }
section th, section td  { padding: 10px; vertical-align: top; }
section th { background: #ddd; }

/*----------------------------------------------------
  .t_width01 幅568以下でレイアウト変化
----------------------------------------------------*/
table.t_width01 {
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
}
.t_width01 th { text-align: left; background: #ddd;}
.t_width01 tr:nth-child(odd){ background: #ccccff; }
 
@media only screen and (max-width:568px){
    .t_width01 { margin: 0 auto; }
    .t_width01 th,
    .t_width01 td{
    display: block;
    border-top: none; /* 一旦、すべてのborder-topを削除 */
    }
  .t_width01 tr:first-child th { border-top: 1px solid #ddd; /* 一番上にあるthだけborder-topを追加 */
    }
}