/*--スマートフォン--*/
/*--メディアクエリの記述なし--*/
.table-area {
	width: 100%;
	margin: 30px auto;
	overflow-x: scroll;
}

table.sp-table th.tbl_h {
	height: 60px;
	background-color: #212735;
	color: #c0e037;
	font-size: 18px;
	text-align: left;
}

table.sp-table {
	width: 100%;
	min-width: 600px;
	margin: 1em auto 1em;
}

/*--↓ 下記は装飾になります--*/
table.sp-table, 
table.sp-table td, 
table.sp-table th {
	border: 2px solid #edeee8;
	border-collapse: collapse;
	vertical-align: middle;
}

table.sp-table td, 
table.sp-table th {
	font-size: .7rem;
	padding: 1em;
	box-sizing: border-box;
}

table.sp-table th {
	color: #333;
	background-color: #dcdcd2;
}

table.sp-table td {
	color: #333;
	background-color: #f7f7f7;
}

table.sp-table td a:link {
	text-decoration: underline;
	font-weight: bold;
}

/*--↓ ボタン--*/
table.sp-table td.more-btn a {
	color: #fff;
	display: block;
	width: 100%;
	padding: 0.8em 0;
	text-align: center;
	background-color: #FD4E4F;
	border-radius: 30px;
}


/*--PC--*/
@media screen and (min-width: 1025px){
	
	.table-area {
	width: 100%;
	margin: 0 auto;
	overflow-x: scroll;
}

table.sp-table th.tbl_h {
	height: 60px;
	background-color: #212735;
	color: #c0e037;
	font-size: 18px;
	text-align: left;
}

table.sp-table {
	width: 100%;
	min-width: 1060px;
	margin: 3em auto 3em;
}

/*--↓ 下記は装飾になります--*/
table.sp-table, 
table.sp-table td, 
table.sp-table th {
	border: 2px solid #edeee8;
	border-collapse: collapse;
	vertical-align: middle;
}

table.sp-table td, 
table.sp-table th {
	font-size: .9rem;
	padding: 1em;
	box-sizing: border-box;
}

table.sp-table th {
	color: #333;
	background-color: #dcdcd2;
}

table.sp-table td {
	color: #333;
	background-color: #f7f7f7;
}

table.sp-table td a:link {
	text-decoration: underline;
	font-weight: bold;
}

/*--↓ ボタン--*/
table.sp-table td.more-btn a {
	color: #fff;
	display: block;
	width: 100%;
	padding: 0.8em 0;
	text-align: center;
	background-color: #FD4E4F;
	border-radius: 30px;
}
	
	
	
	.table-area {overflow-x: auto;}
	
	table.sp-table {width: 60%;}
}