:root {
	--theme-primary: #e2f0f4;
	--theme-primary-light: #5CAEDD;
	--theme-primary-dark: #2c5f8a;
	--theme-primary-bg: #003461;
	--color-font: #6c6c6c;
	--theme-primary-kamoku: #f9f9f9;
	--theme-primary-kamoku-chara: var(--theme-primary-dark);
	--theme-primary-uke: #4298B4;
	--theme-primary-uke-chara: #ffffff;
	--theme-primary-uke-border: 2px solid #245d86;
	--theme-primary-uke-hover: #3a7db8;
	--theme-primary-yoya: #336A92;
	--theme-primary-yoya-chara: #ffffff; /*#245d86*/
	--theme-primary-yoya-border: 2px solid #71717a;
	--theme-primary-yoya-hover: #658199;
	--color-status: #eaf3fb;
}

.status-message {
	border-left: 4px solid #4298B4;
}

.login-button {
	background-color: #4298B4;
}
	.login-button:hover {
		color: var(--theme-primary-dark);
	}
.entry-button, .forgot-password-link {
	color: var(--theme-primary-dark);
}
	.entry-button:hover {
		color: #ffffff;
	}

.checkbox-input:checked + .checkbox-custom {
	background: var(--theme-primary-dark);
	border-color: var(--theme-primary-dark);
}

.fontwhite {
	color: var(--color-font);
}

.navbar .nav > li > a {
	color: #ffffff;
}

.lbtn {
	background: var(--theme-primary-dark);
}

@media screen and (max-width: 767px) {
	.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active {
		background: var(--theme-primary);
	}
}
@media screen and (min-width: 768px) {
	.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active {
		background: var(--theme-primary);
	}
}

.btn-info, .btn-success {
	background: var(--theme-primary-uke);
	color: #ffffff;
}
.calendar-nav-btn {
	background: var(--theme-primary-yoya);
	color: #ffffff;
}

/* マウスオーバー時のメニュー */
.navbar .nav > li > a:hover {
	color: #ffffff;
}
.navbar .nav > .disabled > a:hover {
	color: #ffffff;
}
.section h2 {
	color: var(--theme-primary-dark);
}