.js-table{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.js-table::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.js-table::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.js-table::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.js-table th {
border: 1px solid #ccc;
padding: 0.5em;
text-align:center;
vertical-align: top;
color: #222;
white-space: nowrap;
}
.js-table td {
border: 1px solid #ccc;
padding: 0.25em;
text-align:right;
vertical-align: top;
}

.js-table tr:nth-child(2n+1) {
  background: #f9f8f9;
}

@media only screen and (max-width: 640px){
.js-table td {
		white-space: nowrap;
		font-size: 14px;
}
.js-table th {
	font-size: 12px;
}
}