#side-menu {
    background: $white;
    width: 315px;
    min-height: 100vh;
    &> .inner-wrapper {
        position: relative;
        padding: $spacer * 4;
        .logo-container {
            margin-bottom: $spacer * 6;
            .logo-hino {
                width: 65px;
                height: auto;
            }
        }
        .menu-container {
            #side-menu-list {
                .item {
                    margin-bottom: $spacer * 2;
                    padding-left: 25px;
                    position: relative;
                    &:after {
                        content: '';
                        display: block;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 2px;
                        height: 100%;
                        background: $hino-red;
                        opacity: 0;
                        z-index: 1;
                    }
                    a {
                        height: $spacer * 1.5;
                        line-height: $spacer * 1.5;
                        display: inline-block;
                        text-decoration: none;
                        color: $gray-600;
                    }
                    &:hover {
                        a {
                            color: $gray-900;
                        }
                    }
                    &.active {
                        a {
                            color: $hino-red;
                            font-weight: 700;
                        }
                        &:after {
                            opacity: 1;
                        }
                    }
                    &.has-notification {
                        &> .inner-wrapper {
                            a {
                                position: relative;
                                &:after {
                                    content: "";
                                    position: absolute;
                                    width: 8px;
                                    height: 8px;
                                    background: $hino-red;
                                    border-radius: 50%;
                                    right: -5px;
                                    top: 0;
                                    display: block;
                                    transform: translateX(100%);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}