@charset "shift_jis"; 

.table {
	width:100%;
	border-collapse: collapse;
}
.table td,
.table th {
	padding:10px;
	border: 1px solid #ccc;
}
.table th {
	width:25%;
	background:#f7f7f7;
}
@media all and (-ms-high-contrast:none){
	.table td,
	.table th {padding:13px 10px 7px;}
}

@media only screen and (max-width:768px) {
	.table{display: block;}
	.table thead {display: block;}
	.table tbody {display: block;}
	.table tbody tr {
		display: block;
		text-align:left;
	}
	.table th,
	.table td {
		display: list-item;
		list-style-type: none;
		border: none;
		text-align:left;
	}
	.table th {
		width:100%;
		background: #efefef;
	}
	.table td {
		width:100%;
	}
}
@media only screen and (max-width:480px) {
	.table th,
	.table td { padding:5px; font-size:0.9em; line-height:1.5em;}
}


/*SPで落とさない*/
.table_pc {
	width:100%;
	border-collapse: collapse;
}
.table_pc td,
.table_pc th {
	padding:10px;
	border: 1px solid #ccc;
}
.table_pc th {
	width:25%;
	background:#f7f7f7;
	text-align:center;
}
.table_pc td {
	background:#ffffff;
}
@media all and (-ms-high-contrast:none){
	.table_pc td,
	.table_pc th {padding:13px 10px 7px;}
}
@media only screen and (max-width:480px) {
	.table_pc td,
	.table_pc th {padding:5px;font-size:0.9em; line-height:1.5em;}
}



/**/
.table_dot {
	width:100%;
	border-collapse: collapse;
	border-top: 1px dotted #ccc;
	}
.table_dot td,
.table_dot th {
	padding:10px;
	border-bottom: 1px dotted #ccc;
	}
.table_dot th {
	width:25%;
	background:#f7f7f7;
	}
	
@media all and (-ms-high-contrast:none){
	.table_dot td,
	.table_dot th {	padding:13px 10px 7px;}
}
@media only screen and (max-width:768px) {
	.table_dot{display: block;}
	.table_dot thead {display: block;}
	.table_dot tbody {display: block;}
	.table_dot tbody tr {
		display: block;
		text-align:left;
	}
	.table_dot th,
	.table_dot td {
		width:100%;
		display: list-item;
		list-style-type: none;
		padding:5px;
		text-align:left;
	}
	.table_dot th {}
	.table_dot td {}
}
@media (-ms-high-contrast:none) and (max-width: 768px) {
	.table_dot th,
	.table_dot td {padding:8px 5px 2px;}
}

/*SPでおちない*/
.table_dot_pc{
	width:100%;
	border-collapse: collapse;
	border-top: 1px dotted #ccc;
	}
.table_dot_pc caption{
	font-weight:bold;
	text-align:left;
	}
.table_dot_pc td,
.table_dot_pc th {
	padding:10px;
	border-bottom: 1px dotted #ccc;
	}
.table_dot_pc th {
	width:25%;
	background:#f7f7f7;
	}

@media all and (-ms-high-contrast:none){
	.table_dot_pc td,
	.table_dot_pc th {	padding:13px 10px 7px;}
}
@media only screen and (max-width:480px) {
	.table_dot_pc td,
	.table_dot_pc th{
		padding:5px;
	}
}
@media (-ms-high-contrast:none) and (max-width: 480px) {
	.table_dot_pc td,
	.table_dot_pc th {	padding:8px 5px 2px;}
}