@charset "UTF-8";

/*----------------------------------------------PC用ページ用設定*/
/*-----------------------------------------*/
/*ページ内ナビゲーション*/
/*-----------------------------------------*/
ul.pageNavi li a,ul.pageNavi li ol li {
    display: block;
}

ul.pageNavi {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between */
}

/*-----------------------------------------*/
/*5分割*/
ul.pageNavi li {
    position: relative;
    display: block;
    /*width: 19.9%;*/
    width: 16.666%;
    background: url("../_image/cmn_arrow_bk.svg") no-repeat right 12px top 19px/6px auto;
    margin: 0;
    padding: 12px 16px 12px 4px;
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
    border-top: 1px solid #959595;
    /*アニメーションで変化*/
    transition: background-color .3s;
    cursor: pointer;
}

ul.pageNavi li.down {
    background: url("../_image/cmn_arrow_bk_down.svg") no-repeat right 12px top 19px/12px auto;
}

/*-----------------------------------------*/
/*オンマウス・アクティブ*/
ul.pageNavi li:hover,
ul.pageNavi li.active {
    display: block;
    background: #f3f3f3 url("../_image/cmn_arrow_bk.svg") no-repeat right 12px top 18px/6px auto;
    margin: 0;
    padding: 11px 16px 12px 4px;
    border-top: 2px solid #b7ff58;
    /*アニメーションで変化*/
    transition: background-color .3s;
}

/*オンマウス・アクティブ*/
ul.pageNavi li.down:hover,
ul.pageNavi li.down.active {
    background: #f3f3f3 url("../_image/cmn_arrow_bk_down.svg") no-repeat right 12px top 18px/12px auto;
}

/*-----------------------------------------*/
/*プルダウンメニュー*/
ul.pageNavi li ol {
    position: absolute;
    display: none;
    width: 100%;
    margin: 0 0 0 -4px;
    padding: 8px 0 0 0;
    z-index: 2;
}

/*-----------------------------------------*/
ul.pageNavi li ol li {
    display: inline-block;
    width: 100%;
    background: #FFF;
    padding: 12px 16px 12px 12px;
    text-align: left;
}

ul.pageNavi li ol li:hover,
ul.pageNavi li ol li.active {
    padding: 11px 16px 12px 12px;
}



/*------------------------------------------------------PC用ページ用設定*/
/*----------------------------------------------SP用ページ用設定*/
/*------------------------------------------------------------*/

@media screen and (max-width: 667px) {
    .exLink{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        width: 98%;
        margin: 0;
    
    }

    /*-----------------------------------------*/
    /*ページ内ナビゲーション*/
    /*-----------------------------------------*/
    ul.pageNavi {
        display: flex;
        flex-wrap: wrap;
    }

    /*5分割*/
    ul.pageNavi li {
        position: relative;
        width: 100%;
        margin: 0;
    }

    /*-----------------------------------------*/
    /*プルダウンメニュー*/
    ul.pageNavi li ol {
        position: relative;
        display: none;
        margin: 12px 0 -11px;
        z-index: 2;
    }

    ul.pageNavi li ol li {
        display: inline-block;
        background: #FFF;
        width: 100%;
        text-align: left;
    }

    /*-----------------------------------------*/
    /*リンクボタン*/
    ul.pageNavi li {
        display: block;
        background: url("../_image/cmn_arrow_bk.svg") no-repeat right 12px top 15px/6px auto;
        margin: 0;
        padding: 12px 0;
        font-size: 13px;
        border-top: 1px solid #959595;
        /*アニメーションで変化*/
        transition: background-color .3s;
    }

    ul.pageNavi li ol li {
        display: block;
        background: #FFF url("../_image/cmn_arrow_bk.svg") no-repeat right 12px top 15px/6px auto;
        margin: 0;
        padding: 12px 12px;
        font-size: 13px;
        border-top: 1px solid #959595;
        /*アニメーションで変化*/
        transition: background-color .3s;
    }

    ul.pageNavi li:hover,
    ul.pageNavi li.active {
        display: block;
        background: #f3f3f3 url("../_image/cmn_arrow_bk.svg") no-repeat right 12px top 14px/6px auto;
        margin: 0;
        padding: 11px 0 12px;
        border-top: 2px solid #b7ff58;
        /*アニメーションで変化*/
        transition: background-color .3s;
    }

    /*end media----------------------------------*/
}