

.gnavListItem_noline{
    border-bottom: none !important;
}
.gnavListItem_topline{
    border-top: 1px solid var(--main-color-orange);
}

.gnavListItem_topline_dot{
    border-top: 1px dotted var(--main-color-orange);
}

.gnavListItem_sub{
    font-size: 1.6rem;
    margin-left: 12%;
    padding: 16px 3% 20px 3%;

}

.gnavListItem_sub a{
    display:block;
    padding: 7px 0;

}


.gnavListItem_sub a::before {
    content: "";
    width: 9px;
    aspect-ratio: 3 / 4;
    display: inline-block;
    margin-right:12px;
    transition: .3s;
    background: url(../image/common/text_arrow.svg) var(--BgSetup);
}


#header li .mobileBox {
    position: relative;
}

#header li .mobileBox .mobileBoxTop{
    text-align: center;
}



#header li .mobileBox .mobileBoxTop a {
    cursor:pointer;
}

#header li .mobileBox .mobileBoxBottom a {
    text-align: center;
    display: block;
    width: 100%;
    background-color: #fff;
    border-color: var(--main-color-blue);
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 5px 17px;
}

#header li .mobileBox .mobileBoxBottom a:first-of-type {
    border-width: 1px;
}

#header li .mobileBox .mobileBoxBottom a:hover {
    background-color: var(--main-color-blue) !important; 
    color: #FFF !important;
    opacity:1 !important;
}

#header li .mobileBox .mobileBoxBottom {
    position: absolute;
    top: 120%;
    left: 50%;
    width: 220px;
    transform: translateX(-50%);
    width: max-content;
    text-align: center;
    white-space: nowrap;

}


@media screen and (max-width: 1200px) {
    .gnavListItem_topline_dot a{
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 767px) {
    .gnavListItem_topline_dot a{
        font-size: 1.6rem;
    }
}
