/**
* 
*/

:root {
	/*
	ベースカラー70%
	メインカラー25%
	アクセントカラー5%
	*/
	--base-color: rgb(255, 253, 254);
	--color-black: rgb(10,10,10);
	--main-color: #E54779;
	--accent-color1: #FFD2D5;
	--accent-color2: #F66C71;
}

body {
	background: var(--base-color);
}

.sidebar-nav .nav-heading {
	color: #899bbd;
}

.sidebar-nav .nav-link {
	color: var(--main-color);
}

.sidebar-nav .nav-link i {
	color: var(--accent-color2);
}

.sidebar-nav .nav-link.collapsed {
	/*color: var(--accent-color1);*/
	background: var(--base-color);
}

.sidebar-nav .nav-link.collapsed i {
	color: var(--accent-color2);
}

.sidebar-nav .nav-link:hover {
	color: var(--main-color);
	background: var(--base-color);
}

.sidebar-nav .nav-link:hover i {
	color: var(--main-color);
}
/*
.sidebar-nav .nav-content a {
	color: var(--main-color);
}
*/

.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
	color: var(--main-color);
}

.sidebar-nav .nav-content a.active i {
	background-color: var(--main-color);
}