/*stepnavigation to subnavigtion */


    @charset "UTF-8";


    #form_pagenavigation.bullet #form_pagenavigation_currentPageTitle,
    div.esv-fg .navi_control{display:none}

    div.esv-fg .showsub{font-size:2rem;position:relative;float:left}
    div.esv-fg .showsub a{text-decoration:none;color:rgb(71,82,86);padding:5px 12px 14px;display:flex;flex-direction:column;justify-content:space-between;height:100%}
    div.esv-fg .showsub span{width:26px;height:2px;background:rgb(71,82,86);display:block}
    div.esv-fg .showsub a.open span{transform:rotate(45deg);position:absolute;margin-top:9px;transition:all .5s}
    div.esv-fg .showsub a.open span:nth-child(2){display:none}
    div.esv-fg .showsub a.open span:nth-child(1){transform:rotate(-45deg)}
    div.esv-fg .columns3_layout{
        display:flex;
        justify-content:space-between;
        flex-wrap: nowrap;
    }
    div.esv-fg .columns3_layout>form,div.esv-fg .columns3_layout>div{width:250px}
    div.esv-fg .columns3_layout .columns2{width:calc(100% - 280px)}
    div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list{display:block;height:auto;margin:0 0 20px;border-top:1px solid rgb(230,230,230)}
    div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li{display:block;width:100%;text-align:right;height:auto;padding:5px 15px;margin-bottom:2px;margin-left:0}
    div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li div{height:auto}
    div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li::after{display:none}
    div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li div button{text-align:right}

        /*kill small navigation*/


    @media (max-width:960px) {
            #form_pagenavigation.bullet #form_pagenavigation_list li div button span {
                display: block;
            }
            div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li div button {
                width: 100%;
                background: transparent;
                height: auto;
            }
    }

    @media (max-width:960px){

            div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li div button span{left:0}
            #form_pagenavigation.bullet #form_pagenavigation_list li div::before,
            div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li::before{display:none}
    }

    @media (max-width:800px) {

        div.esv-fg .navi_control{display:flex;align-items:center}
        div.esv-fg .showsub{
            display:block !important;
            margin-right:10px;padding-top:9px;
            background-color:rgba(0,100,100,0.1)
        }
        #form_pagenavigation.bullet #form_pagenavigation_currentPageTitle {
            display: block;
            margin-bottom: 15px;
        }
        div.esv-fg .columns3_layout{flex-wrap:wrap}
        div.esv-fg .columns3_layout>form,div.esv-fg .columns3_layout>div{width:100%}
        div.esv-fg .columns3_layout .columns2{width:100%}

        div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li{text-align:left}
        div.esv-fg #form_pagenavigation.bullet #form_pagenavigation_list li div button{text-align:left}

    }