@charset "utf-8";
/* CSS Document */

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 980px) {

table {
	width:100%;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
}
th {
	border:1px solid #ccc;
	padding:6px 5px;
	color:#000;
	background: #f0f0f0;
	font-weight: normal;
}
td {
	border:1px solid #ccc;
	padding:6px 5px;
}
caption {
margin-bottom: 10px;
}
.tl {
text-align: left;
}
#tu {
font-size: 12px;
line-height: 16px;
}
.tab14 {
width:14%;
}
.tab16 {
width:16%;
}

}


/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 979px) {

table {
	width:100%;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
}
th {
	border:1px solid #ccc;
	padding:6px 5px;
	color:#000;
	background: #f0f0f0;
	font-weight: normal;
}
td {
	border:1px solid #ccc;
	padding:6px 5px;
}
caption {
margin-bottom: 10px;
}
.tl {
text-align: left;
}
#tu {
font-size: 12px;
line-height: 16px;
}
.tab14 {
width:14%;
}
.tab16 {
width:16%;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

table {
	width:100%;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
}
th {
	border:0.1rem solid #ccc;
	padding:0.6rem 0.5rem;
	color:#000;
	background: #f0f0f0;
	font-weight: normal;
}
td {
	border:0.1rem solid #ccc;
	padding:0.6rem 0.5rem;
}
caption {
margin-bottom: 1rem;
}
.tl {
text-align: left;
}
#tu {
font-size: 1.2rem;
line-height: 1.6rem;
}
.tab14 {
width:14%;
}
.tab16 {
width:16%;
}

}