.responsive-table-wrapper {
	overflow-x: auto !important;
	width: 100%;
}

.responsive-table-wrapper table {
	min-width: 600px;
	width: 100%;
	border-collapse: collapse;
/* テーブルの罫線が重ならないように設定 */
	border: 1px solid #000;
/* テーブル全体に罫線を追加 */
	font-family: 'M PLUS 1p', sans-serif;
/* フォントをM+に設定 */
	font-size: 14px;
	text-align: center;
	table-layout: fixed;
/* 列幅を固定 */
}

/* 各列の幅を指定 */
.responsive-table-wrapper table td:nth-child(1) {
	width: 10%;
/* 1列目の幅 */
}

.responsive-table-wrapper table td:nth-child(2) {
	width: 25%;
/* 2列目の幅 */
}

.responsive-table-wrapper table td:nth-child(3) {
	width: 21%;
/* 3列目の幅 */
}

.responsive-table-wrapper table td:nth-child(4) {
	width: 6%;
/* 4列目の幅 */
}

.responsive-table-wrapper table td:nth-child(5) {
	width: 25%;
/* 5列目の幅 */
}

.responsive-table-wrapper table td:nth-child(6) {
	width: 13%;
/* 6列目の幅 */
}

/* テーブルのセルに罫線を引く */
.responsive-table-wrapper table td {
	border: 1px solid #000;
/* 各セルに罫線を追加 */
	padding: 0;
/* セル内の余白 */
}

/* 一行目の背景色を黒、文字色を白に設定 */
.responsive-table-wrapper table thead td {
	background-color: #000;
	color: #fff;
}

/* スマホ向け（幅600px以下） */
@media screen and (max-width: 600px) {
	.responsive-table-wrapper table {
		font-size: 8px;
	/* 文字サイズを小さく調整 */
		min-width: auto;
	/* 最小幅を解除 */
	}
	
	.responsive-table-wrapper table td {
		padding: 0;
	/* 余白も小さくする */
	}
}

.row-ari {
	background-color: #00bcd4;
	color: white;
}

.row-nashi {
	background-color: darkgray;
	color: white;
}

.responsive-azusa-table-wrapper {
	overflow-x: auto !important;
	width: 100%;
}

.responsive-azusa-table-wrapper table {
	min-width: 600px;
	width: 100%;
	border-collapse: collapse;
/* テーブルの罫線が重ならないように設定 */
	border: 1px solid #000;
/* テーブル全体に罫線を追加 */
	font-family: 'M PLUS 1p', sans-serif;
/* フォントをM+に設定 */
	font-size: 14px;
	text-align: center;
	table-layout: fixed;
/* 列幅を固定 */
}

/* 各列の幅を指定 */
.responsive-azusa-table-wrapper table td:nth-child(1) {
	width: 10%;
/* 1列目の幅 */
}

.responsive-azusa-table-wrapper table td:nth-child(2) {
	width: 20%;
/* 2列目の幅 */
}

.responsive-azusa-table-wrapper table td:nth-child(3) {
	width: 17%;
/* 3列目の幅 */
}

.responsive-azusa-table-wrapper table td:nth-child(4) {
	width: 6%;
/* 4列目の幅 */
}

.responsive-azusa-table-wrapper table td:nth-child(5) {
	width: 20%;
/* 5列目の幅 */
}

.responsive-azusa-table-wrapper table td:nth-child(6) {
	width: 9%;
/* 6列目の幅 */
}

.responsive-azusa-table-wrapper table td:nth-child(7) {
	width: 18%;
/* 7列目の幅 */
}

/* テーブルのセルに罫線を引く */
.responsive-azusa-table-wrapper table td {
	border: 1px solid #000;
/* 各セルに罫線を追加 */
	padding: 0;
/* セル内の余白 */
}

/* 一行目の背景色を黒、文字色を白に設定 */
.responsive-azusa-table-wrapper table thead td {
	background-color: #000;
	color: #fff;
}

/* スマホ向け（幅600px以下） */
@media screen and (max-width: 600px) {
	.responsive-azusa-table-wrapper table {
		font-size: 8px;
	/* 文字サイズを小さく調整 */
		min-width: auto;
	/* 最小幅を解除 */
	}
	
	.responsive-azusa-table-wrapper table td {
		padding: 0;
	/* 余白も小さくする */
	}
}

.row-ari {
	background-color: #00bcd4;
	color: white;
}

.row-nashi {
	background-color: darkgray;
	color: white;
}