﻿

:root {
	--theme-primary: #FA8072;
	--theme-primary-light: #FFccac;
	--theme-primary-dark: #ee693f;
	--theme-primary-bg: #FFA07A;
	--color-font: #ffffff;
	--theme-primary-kamoku: #f9f9f9;
	--theme-primary-kamoku-chara: var(--theme-primary);
	--theme-primary-uke: var(--theme-primary);
	--theme-primary-uke-chara: var(--color-font);
	--theme-primary-uke-border: 2px solid #d67592;
	--theme-primary-uke-hover: var(--theme-primary-dark);
	--theme-primary-yoya: #9bc01c;
	--theme-primary-yoya-chara: #ffffff;
	--theme-primary-yoya-border: 2px solid var(--theme-primary-light);
	--theme-primary-yoya-hover: #ffd64d;
	--color-status: var(--theme-primary-light);
}
@media screen and (max-width: 767px) {
	.navbar .btn-navbar {
		background: var(--theme-primary-uke);
	}
}
@media screen and (min-width: 768px) {
	.navbar .btn-navbar {
		background: var(--theme-primary-uke);
	}
}