/* headerStyle_2 */
#cms-pc-header {
    background-color: rgba(var(--color_primary));
}

#cms-sp-header {
    background-color: rgba(var(--color_primary));
}

.menu_list_wrap li a {
    position: relative;
}

.menu_list_wrap li a {
    color: rgba(var(--color_main_text));
}

.menu_list_wrap li a:hover,
.menu_list_wrap li a.active {
    color: rgba(var(--color_main_text));
}

.menu_list_wrap li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(var(--color_main_text));
}

.menu_list_wrap li a.active:after,
.menu_list_wrap li a:hover:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(var(--color_main_text));
}

@media screen and (max-width: 1023px) {
    #cms-sp-menu {
        position: relative;
        width: 100%;
        top: -367px;
        left: 0;
        height: auto;
        padding: 0;
    }

    #cms-sp-header-btn span {
        background-color: rgba(var(--color_main_text));
    }

    .menu_list_wrap li:first-child {
        border-top: 1px solid rgba(var(--color_main_text));
    }

    .menu_list_wrap li a {
        display: block;
        padding: 0;
        padding: 15px 20px;
    }

    .menu_list_wrap li a::after {
        content: "";
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        background-color: rgba(var(--color_main_text));
        transform: none;
    }

    .menu_list_wrap li a::after {
        content: none;
        background-image: none;
        background-size: auto;
    }

    .menu_list_wrap li {
        position: relative;
    }

    .menu_list_wrap li::after {
        content: "";
        position: absolute;
        background-image: url(/img/templates/1/arrow.png);
        background-size: 10px;
        width: 10px;
        height: 16px;
        top: 20px;
        right: 20px;
        pointer-events: none;
    }
}

@media screen and (max-width: 599px) {
}
