:root {
	--theme-primary: #5bc8ac;
	--theme-primary-light: #fcfcfa;
	--theme-primary-dark: #5bc8ac;
	--theme-primary-bg: #98dbc6;
	--color-font: #ffffff;
	--theme-primary-kamoku: #ffffff;
	--theme-primary-kamoku-chara: var(--theme-primary);
	--theme-primary-uke: #e6d72a;
	--theme-primary-uke-chara: var(--color-font);
	--theme-primary-uke-border: 2px solid var(--theme-primary-light);
	--theme-primary-uke-hover: var(--theme-primary-dark);
	--theme-primary-yoya: #f18d9E;
	--theme-primary-yoya-chara: #ffffff;
	--theme-primary-yoya-border: 2px solid var(--theme-primary-light);
	--theme-primary-yoya-hover: #f55449;
	--color-status: #d5d6de;
}


@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-uke);
	}
}
@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-uke);
	}
}

.rsv_status {
	color: var(--theme-primary-yoya);
}

.number {
	color: var(--theme-primary-yoya);
}