/* for body */
body {
	font-size: 120%;
	background: #eaffd5;
	color: #000;
	line-height: 110%;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

bb	{
	font-size: 140%;
	font-weight: bold;
	background: #eaffd5;
	color: #000;
	line-height: 110%;
    font-family: "UD デジタル 教科書体 NP-B", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}	

.gotop {
	margin-left: 50%;
}

/* for table */
table.form {
	border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 1em;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #7777bb;
	padding: 8px;
	font-weight: normal;
}
table.form th {
	white-space: nowrap;
	background: #cccce6;
}
table.form td {
	background: #f0f0f0;
}

/* for title */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

input[type="submit"]{
	font-size:	130%;
}
input[type="reset"]{
	font-size:	130%;
}

/*--mobile--*/

@media (max-width; 600px) {
	.page-title {
		font-size: 2.5rem;
	}
		
	/* header */
	.main-nav {
		font-size: 1rem;
		margin-top: 10px;
	}
	.main-nav li {
		margin: 0 20px;
	}
	
	/* home */
	.home-content {
		margin-top: 20%;
	}
	
	.gotop {
		margin-left: 80%;
	}

}