@import url(../GlobalNavigationForSP.css);

#headerAreaDef {
    width: 100%;
    min-height: 153px;
    /*height:100%;
    border-top: 3px solid #237516;*/
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    /*position: relative;*/
}

#header {
    max-width: 1180px;
    margin: 0px auto 0px;
    position: relative;
}

    #header img {
        padding-top: 0px;
    }

h1#hd_header {
    /*    font-weight: normal;
    display: inline-block;
    margin-top: 10px;
    margin-left: 20px;*/
    float: left;
    margin: 0px auto;
    /*text-align: center;*/
    position: absolute;
    top: -77px;
    left: 0px;
    z-index: 51;
}



#headerMenu {
    text-align: center;
    margin: 0px auto;
    padding: 3px;
    width: 100%;
    font-size: 0.8em;
}

    #headerMenu img {
        vertical-align: middle;
    }

    #headerMenu a {
        margin-right: 0px;
    }

.headmenu_wrap {
    display: flex;
    justify-content: flex-end;
    max-width: 1180px;
    flex-direction: row;
    margin: 0px auto;
}

.accessibility {
    float: left;
    background: url("../../images/top1/icon_acc.png") no-repeat;
    padding: 3px 10px 0px 22px;
}

.opening {
    padding: 3px 0px 0px 0px;
}


#navi_wrap {
    float: right;
    max-width: 920px;
    width: 100%;
    margin: 50px auto 0px;
    position: relative;
}

@media screen and (max-width:975px) {
    #navi_wrap {
        display: none;
    }
}


/* 未使用↓ */
/* ヘッダーボタンエリア */
#headerMenu01 {
    float: right;
}

#headerBtn {
    margin: 0px 0px;
}

    #headerBtn ul li {
        float: left;
        margin: 0px 0px 0px 8px;
        padding: 5px 17px;
        font-size: 0.9em;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

.head_search {
    position: absolute;
    right: 0px;
    top: -30px;
}

.mypage {
    position: absolute;
    top: -30px;
    right: 285px;
    border: 1px solid #237516;
    padding: 3px 40px;
    font-size: 0.9em;
    border-radius: 5px;
}

@media screen and (max-width:975px) {
    .mypage {
        display:none;
    }

}

    .bootstrap-scope .IZ-select .IZ-select__input {
        border-radius: 50px;
    }

    .bootstrap-scope .btn-gray {
        color: #237516 !important;
        background-color: unset !important;
        border-color: none !important;
    }

    .bootstrap-scope .IZ-select__input input {
        font-size: 0.9em !important;
        padding-left: 10px !important;
    }

    .bootstrap-scope .btn {
        border: 0px solid transparent !important;
    }

    .serch_box {
        max-width: 440px;
        margin: 0px auto;
        padding: 25px 0px 10px;
    }

    @media screen and (max-width:975px) {
        h1 #hd_header {
            font-weight: normal;
            display: inline-block;
            margin-top: 10px;
            margin-left: 20px;
            float: left;
            margin: 0px auto;
            text-align: center;
            position: relative;
            top: 8px;
            left: 0px;
        }

        .head_search {
            top: 80px;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            max-width: 450px;
            width: 100%;
            background: #e8ecef;
            padding: 5px 0px;
            display: none;
        }
    }

    /* オープニングページに戻る */
    #mainTop {
        float: left;
        margin-right: 4px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

        #mainTop a {
            text-decoration: none;
            display: block;
            padding: 3px 5px 3px 6px;
        }
    /* 文字サイズ・背景色変更 */
    #mainFontSizeSel {
        margin: 5px auto;
        padding-top: 0px;
        outline: medium none;
        float: left;
    }

    #changeHaikei {
        margin: 5px 0px 0px 20px;
        padding-top: 0px;
        outline: medium none;
        float: left;
    }

        #changeHaikei span, #mainFontSizeSel span {
            display: inline-block;
            color: #ffffff;
            font-size: 1.2em;
            padding: 0px 10px;
        }

        #changeHaikei a, #mainFontSizeSel a {
            padding-right: 3px;
            vertical-align: middle;
        }

        #changeHaikei img, #mainFontSizeSel img {
            vertical-align: sub;
            padding: 0px 2px;
        }

    /* Foreign Language */
    #foreign a {
        padding: 5px 0px 0px 28px;
        line-height: 22px;
    }

    .select-box01 select {
        float: left;
        max-width: 180px;
        padding: 2px;
        margin: 7px 0px 0px 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #999;
        background: #eee;
        background: url("../images/top1/ya_blue_s.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#F7F7F7 100%);
        background: url("../images/top1/ya_blue_s.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#F7F7F7 100%);
        background-size: 26px, 24px;
    }

    /* 音声読み上げ（リードスピーカー） */
    #mainOnsei {
        float: left;
        margin: 0px 10px 0px 1px;
        padding: 3px 4px 0px 2px;
    }

        #mainOnsei span {
            display: inline-block;
            vertical-align: middle;
            margin-top: 2px;
        }

    div#mainOnsei img {
        vertical-align: middle;
    }


    /*未使用↑ */



    .select-box01 {
        float: left;
        width: 190px;
        max-width: 100%;
        margin: 0px 5px 0px 0px;
        font-size: 1.1em;
    }

        .select-box01 .dropmenu {
            *zoom: 1;
            list-style-type: none;
            width: 100%;
            padding: 0;
        }

            .select-box01 .dropmenu img {
                padding-top: 5px;
            }

            .select-box01 .dropmenu:before, .dropmenu:after {
                content: "";
                display: table;
            }

            .select-box01 .dropmenu:after {
                clear: both;
            }

            .select-box01 .dropmenu ul {
                border: 1px solid #575757;
            }

            .select-box01 .dropmenu li {
                position: relative;
                width: 100%;
                float: left;
                margin: 0;
                padding: 0px;
                text-align: center;
            }

                .select-box01 .dropmenu li a {
                    display: block;
                    margin: 0px;
                    padding: 3px 10px;
                    text-decoration: none;
                    min-height: 20px;
                }

                .select-box01 .dropmenu li ul {
                    list-style: none;
                    position: absolute;
                    z-index: 9999;
                    top: 100%;
                    left: 0;
                    margin: 0;
                    padding: 0;
                }

                    .select-box01 .dropmenu li ul li {
                        width: 100%;
                    }

                        .select-box01 .dropmenu li ul li a {
                            padding: 5px 2px;
                            border-top: 1px solid #575757;
                        }

                            .select-box01 .dropmenu li ul li a.topsub {
                                border-top: none !important;
                            }

                .select-box01 .dropmenu li:hover > a.topmenu {
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                }

                .select-box01 .dropmenu li a.topmenu:hover {
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                }

            .select-box01 .dropmenu ul img {
                margin-left: 3px;
            }

        /* Foreign Language メニュー表示 */
        .select-box01 #normal li ul {
            left: -1000em;
        }

        .select-box01 #normal li:hover ul,
        .select-box01 #normal ul.focused {
            left: 0em;
        }


    .head_btn {
        float: left;
        padding: 3px 20px;
        border-radius: 10px;
        margin: 0px 10px 0px 0px;
    }

    .Flang {
        float: left;
    }

    /* サイト内検索 */
    #mainSearch {
        margin: 0px 15px 0px 15px;
        float: right;
    }

    input.searchBox {
        width: 200px;
        margin: 0px;
        vertical-align: middle;
    }

    input.btnSearch {
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

    /* サイト内検索ver2.0 */
    .searchver2-input {
        width: unset !important;
    }

    .IZ-select__item {
        text-align: left;
    }

    /* グローバルナビゲーション */
    div#naviContainer {
        padding: 0px 0px 0px;
        margin: 22px 0px 0px 0px;
        width: 100%;
    }

    div#naviArea {
        max-width: 1100px;
        margin: 0px auto;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

        div#naviArea a {
            text-decoration: none;
            font-size: 1em;
        }

        div#naviArea ul#navi_list {
            display: table;
            width: 100%;
            text-align: center;
            border-collapse: collapse;
            box-sizing: border-box;
        }

            div#naviArea ul#navi_list li {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                height: 50px;
                font-size: 1em;
                width: 17%;
            }

                div#naviArea ul#navi_list li div {
                    vertical-align: middle;
                    padding: 0px 0px 1px 0px;
                    border-right: 2px dotted #bbb;
                }

                div#naviArea ul#navi_list li a {
                    display: block;
                }

                div#naviArea ul#navi_list li img {
                    /*display: block;*/
                    position: relative;
                    margin: 0px 0px -7px 0px;
                    z-index: 99;
                    padding: 0px 7px 0px 7px;
                }

                div#naviArea ul#navi_list li p {
                    display: inline-block;
                    line-height: 30px;
                }


                /* ホームのボタン */
                div #naviArea ul#navi_list li#navi_tab_0 div {
                    vertical-align: middle;
                }

    div#popNaviArea {
        display: block;
        position: relative;
        width: 100%;
        max-width: 1100px;
        margin: -1px auto;
        z-index: 99999;
        padding: 0px;
    }

        div#popNaviArea ul.g_navi {
            position: absolute;
            max-width: 1100px;
            width: 100%;
            padding-top: 0px;
            margin: 0px auto 0px auto;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        }

        div#popNaviArea ul#g_navi_0 {
            border: none;
            padding: 0px;
        }

        div#popNaviArea li.navi_child {
            width: 23%;
            display: inline-block;
            vertical-align: top;
            padding-bottom: 18px;
            padding-left: 15px;
        }

        div#popNaviArea h3.navi_child_name {
            margin: 0px 5px;
            padding: 30px 2px 4px 0px;
            font-size: 0.95em;
            font-weight: bold;
            border-bottom: 1px solid #5188b1;
        }

        div#popNaviArea li.navi_child ul {
            padding: 0px 13px;
            margin-top: -5px;
        }

        div#popNaviArea li.navi_child li {
            font-size: 0.8em;
            line-height: 1.3em;
            padding: 0px 2px 0px 8px;
            margin-top: 8px;
            background-image: url("../../images/ya_red.png");
            background-repeat: no-repeat;
            background-position: 1px 0.5em;
        }

            div#popNaviArea li.navi_child li.exsistpic {
                background-image: none;
            }

        div#popNaviArea li.navi_child img {
            margin-right: 3px;
        }

        div#popNaviArea li.navi_child a {
            display: table-cell;
            vertical-align: middle;
        }

        div#popNaviArea li.navi_type_2 {
            width: auto;
            display: block;
        }

            div#popNaviArea li.navi_type_2 li {
                display: inline-block;
                width: 23%;
                vertical-align: middle;
            }
        /* 親メニュー（大分類） */
        div#popNaviArea .parentMenu {
            width: 100%;
            float: left;
            margin: 8px auto;
        }

            div#popNaviArea .parentMenu .parentlink {
                margin: 0px 0px 0px 20px;
                float: left;
                font-weight: bold;
            }

            div#popNaviArea .parentMenu .closelink {
                margin: 0px 20px 0px 0px;
                float: right;
            }
        /* 親メニュー（中分類） */
        div#popNaviArea .navi_child .close {
            display: none;
        }

        div#popNaviArea .navi_child .childlink {
            background: none;
            padding: 0px 2px 0px 0px;
        }

    .noChild {
        background: none !important;
    }

    /*:::::::::::::::::::::::::
 * レスポンシブル用
 *::::::::::::::::::::::::*/
    @media screen and (max-width:1190px) {
        h1#hd_header {
        }

        #hd_header_SP {
            display: block;
        }


        #headerMenu {
        }

        .header_bottom img {
            display: none;
            height: 0px;
        }

        div#naviArea {
            position: relative;
            max-width: 700px;
            margin: 0px auto;
            overflow: hidden;
            padding: 0px 0px 0px 0px;
            width: 100%;
            top: 0px;
            font-size: 0.9em;
        }
    }

#hd_header_SP {
    display:none;
}

@media screen and (max-width:975px) {
    h1#hd_header {
        display: none;
    }

    #hd_header_SP {
        display: block;
    }

    }

    @media screen and (min-width:975px) {
        #headMenu, #naviContainerSP {
            display: none !important;
        }
    }

    /* スマホ用 */
    @media screen and (max-width:975px) {

        #headerAreaDef {
            min-height: unset;
        }

        #header {
            min-height: 60px;
            margin: 0px auto;
            text-align: center;
        }

            #header img {
                margin-left: 0px;
                width: 140px;
            }

        #headMenu img {
            width: 50px;
        }

        #navimenu {
            display: none !important;
        }

        .Navigation, #naviContainer, #headerMenu, #headerMenu02 {
            display: none;
        }

        .accmenu {
            display: none;
        }

        .btn_bar {
            display: none !important;
        }

        #keepSavePage-container {
            display: none !important;
        }

        /* グローバルナビゲーション */
        #headMenu {
            display: block;
            position: absolute;
            left: 2px;
            top: 6px;
            width: 55px;
        }

        .header_bottom {
            margin: 0px auto;
            height: 0px;
            padding: 0px;
            position: unset;
            z-index: 99;
            text-align: center;
        }

        #naviAreaSP {
        }

        #navi_listSP {
            background: #237516;
        }




        div#naviAreaSP a {
            display: block;
            color: #ffffff;
            padding: 10px;
            background: url("../../images/top1/ya_sp.png") no-repeat 98% center;
            background-size: 15px 15px;
            text-decoration: none;
            border-bottom: 1px dotted #ffffff;
        }

        div#naviAreaSP ul#navi_listSP li a {
            color: #ffffff;
        }

        #header_img {
            top: 0px;
        }
    }



    /* ==========================================================================================
 ナビゲーションメニュー（目的から探すエリア）
========================================================================================== */
    #top_mokuteki {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 10001;
        margin: 0;
        width: 100%;
    }
    /* スマホ用 */
    @media screen and (max-width:1024px) {
        #top_mokuteki {
            display: none;
        }
    }

    #top_mokuteki.active {
        height: 100%;
        background-color: #ffffff;
        opacity: .89;
    }

    .top_head_wp {
        position: relative;
        min-width: 765px;
        margin: 0px auto 0px auto;
    }

        .top_head_wp.active {
            height: 100%;
        }

    /*top共通*/
    .mokuteki_wp-L {
        padding: 0 20px;
    }

    .mokuteki_wp-R {
        padding: 0 20px;
        margin: 0;
        overflow: hidden;
        text-align: left;
    }

    .mokuteki_r-con {
        margin: 0 0 .58em 0;
    }

    .button_container {
        cursor: pointer;
        z-index: 1099;
        background: transparent;
        padding: 0px;
        margin: 0px;
        border: none;
    }

        .button_container.active {
        }

    .mokuteki_con_00 {
        padding: 20px 0;
        float: left;
        padding: 0 20px;
        width: 25%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mokuteki_con_01 {
        padding: 55px 20px 0 20px;
    }

    .mokuteki_con_02 {
        padding: 0 20px;
    }

    .mokuteki_con_03 {
        float: left;
        padding: 0 20px;
        width: 50%;
        margin: 0px 0px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
    }

    .mokuteki_con_04 {
        padding: 20px 0;
        padding: 0px 20px 5px 20px;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .mokuteki_con_05 {
        padding: 20px 0;
        padding: 0 20px;
        margin: 0px auto 0px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mokuteki_wp {
        padding: 0px 0 0px 0;
        z-index: 1009;
        position: relative;
        min-width: 765px;
        max-width: 1010px;
        margin: 0px auto 0px;
        opacity: 0;
    }

    .overlay.open .mokuteki_wp {
        -webkit-animation: fadeInDown .5s ease forwards;
        animation: fadeInDown .5s ease forwards;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
    }

    .mokuteki_wp_title {
        color: #FFF;
        font-size: 125%;
        font-weight: bold;
        margin: 20px 0 .5em 0;
        background-repeat: no-repeat;
        padding: 0px 0 10px 0;
        border-bottom: 2px dotted #A1B4BF;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mokuteki_wp_title2 {
        color: #FFF;
        font-size: 110%;
        font-weight: bold;
        margin: 0 0 .5em 0;
        background-repeat: no-repeat;
        padding: 10px 0 0 0;
    }

        .mokuteki_wp_title2 a {
            color: #FFF;
            text-decoration: none;
        }


    li.moku_haya img {
        margin: 0 5px 0 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }

    .t_icon_list li a {
        display: inline-block;
        margin: 5px 5px 5px 0;
    }

    .mokuteki_tit_icon01 {
        width: 479px;
    }

    .mokuteki_tit_icon02 {
        background-position: 0 .7em;
    }

    .mokuteki_tit_icon03 {
        background-position: 0 .4em;
        width: 479px;
    }

    .mokuteki_tit_icon04 {
        background-position: 0 .7em;
    }

    .mokuteki_map_kakuku {
        padding: 0 30px 0 0;
    }

    .mokuteki_con_01 li {
        float: left;
        width: 25%;
        padding: 0;
        padding: 0 5px 0.85em 0;
        background-position: 0 50%;
        background-repeat: no-repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .t_mokuteki_list li a {
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
    }

        .t_mokuteki_list li a::before,
        .t_mokuteki_list li a::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
        }

        .t_mokuteki_list li a::before {
            left: 4px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 4px;
            height: 4px;
            border: 4px solid transparent;
            border-left: 4px solid #FFF;
        }

    .mokuteki01 img {
        padding: 0px 5px 0px 0px;
    }

    .subsite_con {
        margin: 0px auto;
        text-align: center;
        border-bottom: 2px dotted #ffffff;
    }

    .subsite_waku {
        margin: 0px auto 0px 15px;
        text-align: center;
    }

    .subsite_link a {
        font-size: 1.3em;
        font-weight: bold;
        line-height: 2.5em;
    }

    .t_subsite_list {
        padding: 0px;
        margin: 0px auto;
        text-align: center;
    }

    .text_linkArea {
        margin: 40px auto 0px;
        text-align: center;
        max-width: 700px;
        width: 100%;
    }


    .text_link {
        margin: 20px auto;
        text-align: center;
        display: flex;
        flex-direction: row;
    }

        .text_link a {
            color: #ffffff;
            text-decoration: none;
            font-size: 1.2em;
        }

    .link {
        padding: 0px 40px 0px 0px;
    }

    /* リンク概要 */
    .t_mokuteki_list li p {
        color: #ffffff;
        font-size: 0.9em;
        margin: 2px 0px 10px 18px;
    }

    .mokuteki_con_01 li:nth-of-type(4n+1) {
        clear: left;
    }

    .mokuteki_con_02 li {
        width: 25%;
        float: left;
    }

        .mokuteki_con_02 li:nth-of-type(4n+1) {
            clear: left;
        }

    .mokuteki_con_03 li {
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mokuteki_con_03 li:nth-of-type(3n+1) {
            clear: left;
        }

    .mokuteki_con_04 li {
        font-size: 1em;
    }

    .sub_list li {
        min-width: 200px !important;
        height: 80px;
    }

        .sub_list li span {
            padding: 25px 0px;
            line-height: 50px;
        }


    .mokuteki_link a {
        background-repeat: no-repeat;
    }

    .faq_link a {
        background-image: url(/images/faq_link.png);
        background-repeat: no-repeat;
    }

    .t_icon_list .faq_link a {
        padding: 3px 0 3px 1em;
    }

    .no-scroll {
        overflow: hidden;
    }

    .overlay {
        top: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: opacity .35s, visibility .35s, height .35s;
        -o-transition: opacity .35s, visibility .35s, height .35s;
        transition: opacity .35s, visibility .35s, height .35s;
        z-index: 1099;
        display: none;
    }

        .overlay.open {
            opacity: .95;
            display: block;
            overflow-y: hidden;
            overflow-x: hidden;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 9999;
            height: 100%;
        }

            .overlay.open li {
                background-image: none;
                float: left;
                padding: 15px 0px;
                border: 1px solid #fff;
                margin: 10px 15px;
            }

        .overlay ul {
            list-style: none;
            padding: 0;
            margin: 0 auto 10px auto;
            display: inline-block;
            position: relative;
            font-size: 100%;
        }

            .overlay ul li {
                display: block;
                position: relative;
                min-width: 278px;
            }

                .overlay ul li a {
                    position: relative;
                    color: #FFF;
                    text-decoration: none;
                    overflow: hidden;
                    background-position: 0 .1em;
                    background-repeat: no-repeat;
                }

                    .overlay ul li a:hover,
                    .overlay ul li a:focus {
                        background-color: rgba(32, 62, 80, 0.8);
                    }

    li.moku_haya a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
    }


    .subsite_link {
        text-align: center;
    }

    span.moku_txt {
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }

    li.parent.hover .sub {
        width: 650px;
        -webkit-transition: all 500ms 0s ease;
        -o-transition: all 500ms 0s ease;
        transition: all 500ms 0s ease;
        display: block;
        opacity: 100;
        min-height: 100%;
        left: 200px;
        overflow: auto;
        height: 100vh;
    }

    /* ナビメニュー展開時のスタイル */
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }

        100% {
            opacity: 1;
            left: 0;
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }

        100% {
            opacity: 1;
            left: 0;
        }
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: scaleY(0);
            transform-origin: top;
        }

        100% {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: top;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: scaleY(0);
            transform-origin: top;
        }

        100% {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: top;
        }
    }

    /* ナビゲーションを閉じるリンク */
    #navimenu {
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10000;
    }

    #navimenu_close {
        margin: 8px 0px 0px 8px;
        padding: 0px;
        text-align: left;
    }

        #navimenu_close div {
            padding: 0px;
            text-align: center;
            opacity: 1;
            width: 1em;
        }

        #navimenu_close span {
            color: #0058af;
            padding: 0px;
            display: block;
            color: #ffffff;
        }

        #navimenu_close a {
            display: block;
            text-decoration: none;
        }

    .btn_yokuaru {
        border: 1px solid #ffffff;
        margin: 0px auto;
        text-align: center;
        width: 30%;
    }

    /* line 8, searchbox.scss */
    .search-box {
        transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        border: none;
        cursor: pointer;
        background: #ebebeb;
    }
        /* line 14, searchbox.scss */
        .search-box + label .search-icon {
            color: black;
        }
        /* line 15, searchbox.scss */
        .search-box:hover {
            color: white;
            background: #c8c8c8;
            box-shadow: 0 0 0 5px #3d4752;
        }
            /* line 19, searchbox.scss */
            .search-box:hover + label .search-icon {
                color: white;
            }
        /* line 21, searchbox.scss */
        .search-box:focus {
            transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
            border: none;
            outline: none;
            box-shadow: none;
            padding-left: 15px;
            cursor: text;
            width: 300px;
            border-radius: auto;
            background: #ebebeb;
            color: black;
        }
            /* line 31, searchbox.scss */
            .search-box:focus + label .search-icon {
                color: black;
            }
        /* line 33, searchbox.scss */
        .search-box:not(:focus) {
            text-indent: -5000px;
        }

    /* line 36, searchbox.scss */
    #search-submit {
        position: relative;
        left: -5000px;
    }

    /* line 40, searchbox.scss */
    .search-icon {
        position: relative;
        left: -30px;
        color: white;
        cursor: pointer;
    }


    /* ==========================================================================================
 アクセシビリティメニュー
========================================================================================== */
    #accessibility {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 1099;
        margin: 0;
        width: 100%;
    }

    /* スマホ用 */
    @media screen and (max-width:1000px) {
        #accessibility {
            display: none;
        }
    }

    #accessibility.active {
        /* background-color:#ffffff;*/
        opacity: .89;
    }

    .acce_head_wp {
        position: relative;
        min-width: 765px;
        margin: 0px auto 0px auto;
    }

        .acce_head_wp.active {
            height: 100%;
        }



    .acc_wp {
        padding: 20px 0px 10px 3%;
        z-index: 1099;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        opacity: 0;
        min-height: 70px;
        margin: 0px auto;
    }

    .overlay_acc.open .acc_wp {
        -webkit-animation: fadeInDown .5s ease forwards;
        animation: fadeInDown .5s ease forwards;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
    }


    .overlay_acc {
        background: #575757;
        top: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: opacity .35s, visibility .35s, height .35s;
        -o-transition: opacity .35s, visibility .35s, height .35s;
        transition: opacity .35s, visibility .35s, height .35s;
        z-index: 1099;
        display: none;
    }

        .overlay_acc.open {
            opacity: .99;
            display: flex;
            overflow-y: hidden;
            overflow-x: hidden;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 9999;
        }

            .overlay_acc.open li {
                background-image: none;
                float: left;
                padding: 12px;
            }

        .overlay_acc ul {
            list-style: none;
            padding: 0;
            margin: 0 auto 10px auto;
            display: inline-block;
            position: relative;
            font-size: 90%;
            width: 100%;
        }

            .overlay_acc ul li {
                display: block;
                position: relative;
                min-width: 200px;
            }

                .overlay_acc ul li a {
                    position: relative;
                    color: #FFF;
                    text-decoration: none;
                    overflow: hidden;
                    background-position: 0 .1em;
                    background-repeat: no-repeat;
                }

                    .overlay_acc ul li a:hover,
                    .overlay_acc ul li a:focus {
                        background-color: rgba(32, 62, 80, 0.8);
                    }


    /* ナビメニュー展開時のスタイル */
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }

        100% {
            opacity: 1;
            left: 0;
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }

        100% {
            opacity: 1;
            left: 0;
        }
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: scaleY(0);
            transform-origin: top;
        }

        100% {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: top;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: scaleY(0);
            transform-origin: top;
        }

        100% {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: top;
        }
    }

    /* ナビゲーションを閉じるリンク */
    #accmenu {
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }

    #accmenu_close {
        margin: 10px 0px 0px 65px;
        padding: 0px;
        text-align: left;
        color: #fff;
        position: relative;
        width: 45px;
    }

        #accmenu_close div {
            padding: 0px;
            text-align: center;
            opacity: 1;
            width: 1em;
        }

        #accmenu_close span {
            color: #fff;
            padding: 0px;
            display: block;
        }

        #accmenu_close a {
            display: block;
            text-decoration: none;
            color: #fff;
        }

    .accmenu {
        text-align: center;
        margin: 0px auto;
        float: left;
    }

        .accmenu a {
            text-decoration: none;
        }

        .accmenu span {
            font-size: 1.2em;
        }

    .btn_bar {
        width: 45px;
        height: 184px;
        position: fixed;
        top: 160px;
        right: 0px;
        z-index: 10000;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border-radius: 10px 0px 0px 0px;
    }


        .btn_bar a:hover {
            text-decoration: none;
            position: relative;
            top: 0px;
            left: 0px;
        }


    /* フロートヘッダー用 */
    .headFixed_margin {
        height: 278px;
    }

    /* サブサイトハンバーガーメニュー内行政トップボタン*/
    .topLink {
        display: none;
    }