:root {
	--theme-primary: #c5a05a;
	--theme-primary-light: #ac6b25;
	--theme-primary-dark: #665a3a;
	--theme-primary-bg: #e9dacb;
	--color-font: #ffffff;
	--theme-primary-kamoku: #f9f9f9;
	--theme-primary-kamoku-chara: var(--theme-primary-light);
	--theme-primary-uke: #f2d58a;
	--theme-primary-uke-chara: var(--color-font);
	--theme-primary-uke-border: 2px solid #caac71;
	--theme-primary-uke-hover: #ac6b25;
	--theme-primary-yoya: #ac6b25;
	--theme-primary-yoya-chara: #ffffff;
	--theme-primary-yoya-border: 2px solid #c49a6a;
	--theme-primary-yoya-hover: #ffd64d;
	--color-status: #ffeee4;
}
.lbtn, .login-button {
	background-color: var(--theme-primary);
}
.btn-info, .btn-success {
	color: var(--color-white);
}

.calendar-nav-btn {
	background-color: var(--theme-primary-yoya);
}

.calendar-title {
	background: var(--theme-primary-dark);
	color: var(--color-white);
}

.navbar .nav > li > a {
	color: var(--theme-primary-dark);
}
.navbar .nav > .disabled > a:hover {
	color: var(--theme-primary-dark);
}
@media screen and (max-width: 767px) {
	.navbar .btn-navbar {
		background: var(--theme-primary-dark);
	}
}
@media screen and (min-width: 768px) {
	.navbar .btn-navbar {
		background: var(--theme-primary-dark);
	}
}