@charset "utf-8";

/* ------------------
------------------ */
body {
	background-color: #6E635C;
}
#top_errmsg {
	min-height: 2em;
	text-align: center;
	color: red;
	line-height: 1.2em;
}
.body_contents.bc_oneline {
	background-color: #ffffbb;
}
.body_contents.bc_oneline .frow-container {
	margin-top: 20px;
	margin-bottom: 16px;
	padding-bottom: 0;
}
.bc_oneline span {
	display: block;
	height: 46px;
	line-height: 46px;	
}

/* ------------------
------------------ */
a.big_button {
	display: block;
	background-color: #4169e1;	/* royalblue */
	color: white;
	height: 80px;
	padding: 10px 0;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	transition: 0s;
}
a.big_button:hover {
	background-color: #718FE9;
	color: white;
}
a.big_button span {
	display: none;
}
@media (min-width: 768px) {
a.big_button span {
	display: inline;
}
}


/* ------------------
------------------ */
header {
	background-color: #aaeeff;
}
header h1 span { display: none; }
@media (min-width: 768px) {
	header h1 span { display: inline;}
}
#header_nav {
}
#header_nav div:first-child {
	float: left;
}
#header_nav div:last-child {
	float: right;
}
#header_nav:after {
	content: "";
	display: block;
	clear: both;
}
#header_nav .logo_mark {
	width: 46px;
	height: auto;
}
#header_nav div span {
	vertical-align: middle;
}
#header_nav div > span {
	display: inline-block;
	height: 46px;
	line-height: 46px;
	color: #99c;
}
#header_nav div > span a {
	transition: 0s;
	color: #339;
}
#header_nav div > span a:hover {
	opacity: 0.5;
}
#header_nav div:first-child > span:first-child { margin-right: 10px;}
#header_nav div:last-child span+span { margin-left: 15px;}