table {
	width: 100%;
	border-collapse: separate;  /* 表の線と線の間を空ける */
    border-spacing: 0.4rem 0;       /* 表の線と線の間の幅 */
	overflow: hidden;
}

tbody > tr:nth-child(odd){  /* HTMLタグでtbodyが省略されていてもtbody扱いになっている（ブラウザによる？） */
	th,td {
	background-color: #EEEEEE;} 
}

.spl {
	display: table; /* flexにするとvertical-alignが効かなくなる */
	width: 100%;
	height: 100%;
}

.spl > div{
	display: table-cell; /* vertical-alignを効かす為にはtableとの組み合わせが必要 */
	vertical-align: middle;
}

.width-20pc{
    width:20%;
}