:root {
	--color_atr: #55f;
	--color_err: #f55;
	--color_btn: #55a;	/* ボタン色 */
	--color_bgm: #555;	/* mainの背景色 */
	--color_bgi: #fff;	/* itemセルの背景色 */
	--color_ttl: #f55;	/* itemセルの背景色 */
}
body {
	margin: 0;
	background-color: #fff;
}
#wrapper {
	width: 100%;
}
button {
	cursor: pointer;
	font-size: 1em;
	padding: 2px;
	color: white;
	background-color: var(--color_btn);
}

/*-------------------- header --------------------*/
input[type="checkbox"] {
	display:none;
}
input[type="checkbox"] + label:before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
}
input[type="checkbox"] + label:before {
	color:#ddd;
	content: "\f058";
}
input[type="checkbox"]:checked + label:before {
	color: #33c;
}
input[type="checkbox"]:disabled + label:before {
	opacity: 0.5;
}
/*-------------------- contents --------------------*/
/* SP table input */
.table_sp_input {
	width: 96%;
	margin: 1em 2%;
}
.table_sp_input thead th {
	background-color: var(--color_ttl);
}
/*-------------------- footer --------------------*/
#fotcol {
	padding: 15px;
	font-size: x-large;
	text-align: right;
}
#fotcol button {
	margin-left: 20px;
}