/* IMPORT CSS */
@import url("style.css");

/* テーブル
–––––––––––––––––––––––––––––––––––––––––––––––––– */

table {
	width: 90%;
	margin: 0 5% 5% 5%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}

table.sp {
	margin: 0 5% 15% 5%;
}

th {
	padding: 0.5em 0;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #EDF3E0;
	color: #060;
}
th.last { border-bottom: #ddd;}

td {
	padding: 0.8em 1em 0.8em 2em;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width:50%;
}

td.price { text-align:right; width:15%; border-right: 1px solid #ddd; padding: 0.8em 1em 0.8em 0;}

@media screen and (max-width:1024px) {
	table { font-size:14px;}
}

@media screen and (max-width:480px) {
	table { font-size:11px;}
	th.abc { width:10%;}
	td { padding: 0.5em;}
	td.price { width:20%;}
}