.err{
	font-weight : bold;
	color : red;
}
.comment{
	color: red;
}
.menu{
	width: 300px;
	height: 60px;
	color: #000000;
	background-color: #c0ffc0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 8px;
	margin: 2px 2px;
	border-radius: 8px;
}
.menu:hover{
	color: #4040ff;
	background-color: #80ff80;
	cursor: pointer;
}
.menu2{
	width: 300px;
	height: 60px;
	color: #000000;
	background-color: #ffc0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 8px;
	margin: 2px 2px;
	border-radius: 8px;
}
.menu2:hover{
	color: #4040ff;
	background-color: #ff8080;
	cursor: pointer;
}
.back{
	width: 200px;
	height: 40px;
	color: #000000;
	background-color: #c0ffc0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 8px;
	margin: 2px 2px;
	border-radius: 8px;
}
.back:hover{
	color: #4040ff;
	background-color: #80ff80;
	cursor: pointer;
}
caption{
	font-weight : bold;
	background-color: #c0ff80;
}
.comment{
	color: red;
}
.full-width-input{
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
	display: block;
}

@media screen and (max-width: 600px) {
	table{
		font-size: 1.2em;
	}
	input[type="text"],
	input[type="password"],
	input[type="submit"],
	select option {
		font-size: 1.2em;
		padding: 0.2em;
	}
	input[type="date"]{
		max-width: 150px;
		box-sizing: border-box;
		-webkit-appearance: none;
		font-size: 1.2em;
		padding: 8px;
	}
	input[type="radio"],
	input[type="checkbox"] {
		transform: scale(1.5);
		margin-right: 8px;
	}
	select{
		font-size: 1.2em;
		padding: 0.0em;
	}
}