.navigation {
    min-height: 50px;
}
.navigation-link {
    line-height: 50px;
}

.navigation {
    background-color: rgba(255, 255, 255, 0);
}

.navigation-menu {
    width: 100%;
    justify-content: space-between;
}
.navigation-item {
    background-color: rgba(1, 39, 167, 1);
    flex-grow: 1;
}
.navigation-link {
    justify-content: center;
    color: #fff;
}
.navigation-link:visited {
    color: #fff;
}

.navigation-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* width: 60px;
    height: 60px; */
    cursor: pointer;
}

.navigation-button,
.navigation-button-toggler {
    flex-wrap: wrap;
    align-items: center;
}

.navigation-button p,
.navigation-button-toggler p {
    margin-top: -0.5rem;
    font-weight: bold;
}

@media (min-width: 992px) {
    .navigation-link {
        padding: 0 16px;
    }
}

.submenu-indicator::after {
    border-color: transparent #eeeeee #eeeeee transparent;
}

.navigation-dropdown {}
.navigation-dropdown-item {
    border-bottom: solid 1px #0127A7;
}
.navigation-dropdown-link {
    background-color: rgba(2, 54, 255, 1);
    color: #fff;
}
.navigation-dropdown-link:visited {
    color: #fff;
}

.navigation-dropdown-item.is-active > .navigation-dropdown-link,
.navigation-dropdown-item:focus > .navigation-dropdown-link,
.navigation-dropdown-item:hover > .navigation-dropdown-link {
    background-color: rgba(2, 54, 255, 0.8);
}

/*
 * color generator
 */
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link,
.navigation-item:not(.navigation-brand-text).is-active .navigation-link {
    color: #FFFFFF;
}
.navigation-avatar-item .navigation-link img {
    border: solid 2px #FFFFFF;
}
.navigation-item:hover > .navigation-link > .submenu-indicator:after,
.navigation-item:focus > .navigation-link > .submenu-indicator:after,
.navigation-item.is-active > .navigation-link > .submenu-indicator:after {
    border-color: transparent #FFFFFF #FFFFFF transparent;
}
.navigation-btn {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.navigation-btn:hover,
.navigation-btn:focus {
    background-color: #f5f5f5;
}
.navigation-badge {
    background-color: #FFFFFF;
}
.navigation-input:hover,
.navigation-input:focus {
    border-color: #FFFFFF;
}
.navigation-btn:hover .navigation-search-icon {
    color: #FFFFFF;
}
.navigation-dropdown-item:hover > .navigation-dropdown-link,
.navigation-dropdown-item:focus > .navigation-dropdown-link,
.navigation-dropdown-item.is-active > .navigation-dropdown-link {
    color: #FFFFFF;
}
.navigation-dropdown-item:hover > .navigation-dropdown-link > .submenu-indicator:after,
.navigation-dropdown-item:focus > .navigation-dropdown-link > .submenu-indicator:after,
.navigation-dropdown-item.is-active > .navigation-dropdown-link > .submenu-indicator:after {
    border-color: transparent #FFFFFF #FFFFFF transparent;
}
.navigation-list > li > a:hover {
    color: #FFFFFF;
}
@media (min-width: 992px) {
    .navigation-menu:not(.navigation-social-menu) .navigation-item:not(.navigation-icon-item):not(.navigation-avatar-item):not(.navigation-logo):not(.navigation-brand-text):hover .navigation-link:after,
    .navigation-menu:not(.navigation-social-menu) .navigation-item:not(.navigation-icon-item):not(.navigation-avatar-item):not(.navigation-logo):not(.navigation-brand-text):focus .navigation-link:after,
    .navigation-menu:not(.navigation-social-menu) .navigation-item:not(.navigation-icon-item):not(.navigation-avatar-item):not(.navigation-logo):not(.navigation-brand-text).is-active .navigation-link:after {
        background-color: #FFFFFF !important;
    }
}

/*2020.3.4追加*/
.navigation-menu > li > ul > li > ul > li > a {
	background:#172764;
}
.navigation-menu > li > ul > li > ul > li > ul > li > a {
	background:#0236FF !important;
}
.navigation-menu > li > ul > li > ul > li {
	border-bottom-color: #fff;
}