/* Sidebar Styling */

.sidebar {
    background-color: #eee;
    color: #565656;
    top: 0;
    left: 0;
}

.sidebar .sidebar-brand-text, 
.sidebar .sidebar-brand-icon {
    color: #777777;
}


.sidebar .nav-item {
    padding-bottom: 0;
    
}
.sidebar .nav-item:hover {
    background-color: #A0A0A0;
    color: #333; /* コントラストを改善 */
}

.sidebar .nav-item.active {
    background-color: #4E8AD8;
}

.sidebar .nav-item.active:hover {
    background-color: #909090;
    color: #444;
}

.sidebar .nav-item a.nav-link {
    padding: 0.65rem 1rem !important;
    display: block !important;
    color: #616161;
}

.sidebar .nav-item.active .nav-link {
    color: #FFF;
}

.sidebar .nav-item.active:hover .nav-link,
.sidebar .nav-item.active .nav-link:hover {
    color: #616161;
}


.sidebar .nav-item :is(.collapse, .collapsing) .collapse-inner {
    margin: 0 0 20px 0;
}

/**
.sidebar .nav-item :is(.collapse, .collpasing) .collapse-inner .collapse-item {
    color: #616161;
    padding: 0.2rem 1rem;
    margin-bottom: 4px;
    background-color: #FFF;
    
}

.sidebar .nav-item :is(.collapse, .collapsing) .collapse-inner .collapse-item:hover {
    color: #666;
}

.sidebar .nav-item :is(.collapse, .collapsing) .collapse-inner .collapse-item:last-child {
    margin-bottom: 0;
}

.sidebar .nav-item :is(.collapse, .collpasing) .collapse-inner .collapse-item.active {
    color: #FFF; 
    background-color: #4E8AD8;
    
}

.sidebar .nav-item :is(.collapse, .collpasing) .collapse-inner .collapse-item.active:hover {
    color: #FFF;
    background-color: #4E8AD8;
}
*/



#sidebarToggle {
	background-color: #CCCCCC;
}

#sidebarToggle:hover {
	background-color: #FFFFFF;
	transition: background-color 0.3s ease;
}

.sidebar hr.sidebar-divider {
	margin: 2px 16px;
}




@media (min-width: 768px) { /* PC用 */
	
	.sidebar .nav-item .nav-link[data-bs-toggle=collapse]::after {
	        width: 0.2rem;
	        text-align: center;
	        float: right;
	        vertical-align: 0;
	        border: 0;
	        font-weight: 900;
	        content: '\f107';
			font-family: 'Font Awesome 5 Free';
	        
	}
	.sidebar .nav-item .nav-link[data-bs-toggle=collapse].collapsed::after {
			content: '\f105';
	}
	
}