body {
    font-family: 'Noto Sans JP', sans-serif;
}

.main-sidebar-section {
    top: 95px;
    background: linear-gradient(177deg, #0B3378 0.52%, #004EA2 29.8%, #0B3378 100%);
    padding: 24px 15px;
}

.main-sidebar-section .simplebar-mask .simplebar-content .metismenu {
    margin-top: 0px;
}

.main-sidebar-section .simplebar-mask .simplebar-content .metismenu li a {
    padding: 10px;
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.sidebar-toggle-btn img {
    width: 24px;
}

.sidebar-toggle-btn {
    position: absolute;
    top: 28px;
    right: -10px;
}

.main-sidebar-section .simplebar-mask .simplebar-content .metismenu li a .menu-title {
    margin-left: 0px;
}

.main-sidebar-section .simplebar-mask .simplebar-content .metismenu li {
    margin: 0px 0px 15px;
    border-radius: 5px;
    border: 1px solid #BFDBFF;
}

.main-sidebar-section .simplebar-mask .simplebar-content .metismenu li.mm-active a {
    background-color: #fff;
    font-weight: 800;
    color: #004EA2;
}

.main-sidebar-wrapper.toggled .simplebar-mask .sidebar-toggle-btn.toggle-icon {
    transform: rotate(180deg);
    right: -15px;
}

.main-sidebar-wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {
    width: 0px;
    padding: 5px;
}

.main-sidebar-section .simplebar-mask {
    overflow: unset;
}

.main-sidebar-section .simplebar-mask .simplebar-content-wrapper {
    overflow: unset !important;
}

.main-sidebar-wrapper.toggled .simplebar-mask .simplebar-content .metismenu {
    display: none;
}

.wrapper.main-sidebar-wrapper.toggled .page-wrapper {
    margin-left: 10px;
}

.wrapper.main-sidebar-wrapper .page-wrapper {
    margin-top: 95px;
}





.customer-media-sidebar-section {
    top: 185px;
    display: none;
}

.customer-sidebar-user-header-media ul {
    padding: 0px;
    margin: 0px;
}

.customer-sidebar-user-header-media ul li {
    list-style: none;
    padding: 0px;
    margin-bottom: 15px;
}

.customer-sidebar-user-header-media ul li:last-child {
    margin-bottom: 0px;
}

.customer-sidebar-user-header-media ul li a {
    border-radius: 5px;
    border: 2px solid #FFF;
    background: #FFF;
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customer-sidebar-user-header-media ul li a .customer-sidebar-user-title {
    color: #263238;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}

.customer-sidebar-user-header-media ul li a .customer-sidebar-user-title img {
    width: 25px;
}

.customer-sidebar-user-header-media ul li a span {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: #0D386A;
    min-width: 22px;
    min-height: 22px;
    padding: 0px 5.9px 0px 6.1px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-sidebar-traced-btn {
    display: block !important;
}

.customer-sidebar-traced-btn .sidebar-traced-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    border: 2px solid #FFF;
    background: #FFF;
    color: #263238;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
}

.customer-sidebar-traced-btn .sidebar-traced-btn img {
    width: 25px;
}

.customer-sidebar-traced-btn .sidebar-logout-btn {
    border: unset !important;
    width: 220px;
}

.customer-media-sidebar-section .new-sidebar-responsive-section {
    height: calc(100% - 250px) !important;
}