/* Scroll Table
----------------------------------------------------------------- */
div.xscroll-table-box,
div.table-scroll-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.xscroll-table-box {
	width: 100%;
	overflow: hidden;
	margin-bottom:20px;
	position: relative;
}

div.table-scroll-box table {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0;
	margin:0;
	width: 100%;
}

div.table-scroll-box table th,
div.table-scroll-box table td {
	border-top: 0px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	padding:10px 5px;
	background: #fff;
	text-align: center;
}

div.table-scroll-box table tr:nth-child(even) td {
	background: #f8f8f8;
}

@media all and (max-width: 1000px) {
/* 横スクロール */
	div.xscroll-table-box {
		border-right: 10px solid #ccc;
	}

	div.table-scroll-box {
		float: left;
		width: 100%;
		overflow-y: hidden;
		overflow-x: scroll;
	}

	/* Table（Scroll Table） */
	div.table-scroll-box table {
		table-layout: fixed;
		width: 1000px;
	}

	div.table-scroll-box table th,
	div.table-scroll-box table td {
		overflow: hidden;
			border-radius: 0;
			display:table-cell;
			width:auto!important;
	}

	div.table-scroll-box table th {
		word-break: break-all;
	}
}
