
/* ==================================
	Google検索
================================== */
#searchform {
    position: absolute;
    top: 40%;
    width: 500px;
}

#searchform .hidden {
    display: none;
}

#searchform input {
    display: block;
    padding: 0 5px;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;

    width: 460px;
    height: 40px;
    background-color: #ffffff;
    /* background-image: url(https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

@media only screen and (max-width: 767px) {
    #search_layer_inner {
        width: 340px;
    }
    #searchform {
        width: 340px;
    }
    #searchform input {
        width: 300px;
    }
}
#searchsubmit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    background-color: #ffffff;
/*
    background-image: url(/_common_img/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
*/
    width: 40px;
    height: 40px;

}

#search_flex {
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    align-items: center;
}

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important;
}

.gsc-inline-block {
    width: 120px;
}

/*====================
    search
====================*/
#search_layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 999999;
    max-width: 1280px;
    width: 80vw;
    height: 20vh;
    background-color: rgba(90, 68, 159, 0.75);
}
#search_layer_inner {
    max-width: 500px;
    margin: 0 auto;
    height: 20vh;
    display: flex;
    align-items: center;
}
#btn__search_close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999999;
    width: 24px;
    cursor: pointer;
}
@media (max-width: 1210px) {
    #search_layer {
        width: 100%;
        height: 220px;
    }
    #search_layer_inner {
        height: 220px;
        padding-top: 12rem;
    }
    .mf-search-box .mf-search-bar .mf-search-bar_doc-type .mf-search-bar_doc-type_select {
        color: #333 !important;
    }
    .mf-filters_selects_category_select {
        color: #333 !important;
    }
    .mf-filters_selects_other_item_select {
        color: #333 !important;
    }
}

/*====================
    searchBox
====================*/
.mf_finder_searchBox * {
    font-size: 1.6rem;
}
.mf_finder_container {
    margin: 0 auto;
    width: 100%;
}
.mf_search_results {
    margin: 0 auto;
}
.mf_finder_searchBox_items_wrapper {
    position: relative;
}
.mf_finder_searchBox_doctype_select {
    height: 40px;
    font-size: 1.6rem;
    padding-right: 30px;
}
.mf_finder_searchBox_doctype:after {
    top: 5px;
}
.mf_finder_searchBox_query_input {
    font-size: 1.6rem;
}
.mf_finder_searchBox_selects select {
    height: 40px;
    font-size: 1.6rem;
    padding-right: 30px;
    color: #333 !important;
}
.mf_finder_searchBox_selects .mf_finder_searchBox_category:before {
    content: "";
    display: none;
}
.mf_finder_searchBox_selects label:after {
    font-size: 1.6rem;
    top: 5px;
}

.mf_finder_searchBox_selects .mf_finder_searchBox_sort:before {
    content: "表示順:";
    display: inline-block;
    width: 48px;
    color: #fff;
    font-size: 1.4rem;
    margin-right: 1.5rem;
}

.mf-en .mf_finder_searchBox_selects .mf_finder_searchBox_sort:before {
    content: "Order by:";
    width: 75px;
}

/*====================
    organic
====================*/
.mf_finder_organic_header_wrapper {
    margin: 0;
    flex-direction: row-reverse;
}
.mf_finder_organic_header_wrapper *,
.mf_finder_organic_header_wrapper *:before,
.mf_finder_organic_header_wrapper *:after {
    font-size: 1.6rem !important;
}
.mf_finder_organic_docs_wrapper {
    margin-bottom: 30px;
}
.mf_finder_organic_docs_wrapper * {
    font-size: 1.6rem !important;
}
.mf_finder_organic_doc_body {
    height: auto;
}
.mf_finder_query {
    text-align: right;
}
.mf_finder_pager_items .mf_finder_pager_item_first a span, .mf_finder_pager_items .mf_finder_pager_item_next a span, .mf_finder_pager_items .mf_finder_pager_item_prev a span {
    width: 15px;
}
@media (max-width: 767px) {
    .mf_finder_organic_doc_img_wrapper {
        display: none;
    }
}
/*====================
    layout
====================*/
html .mf_finder_searchBox .mf_finder_searchBox_query_input {
     background-image: none !important;
}
.mf_finder_logo {
    display: none;
}
.mf_search_flex {
    display: flex;
    width: 100%;
    min-height: 1000px;
}
.mf_search_drill {
    width: 350px;
}
.mf_search_results {
    width: calc(100% - 350px);
    margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
    .mf_search_flex {
        flex-wrap: wrap;
    }
    .mf_search_drill {
        width: 100%;
        order: 2;
    }
    .mf_search_results {
        width: 100%;
        order: 1;
    }
}

.mf_search_drill a {
    color: #333333;
    text-decoration: none;
    margin-right: 2px;
    margin-bottom: 5px;
    
    display: inline-block;
}
.mf_finder_drilldown_head {
    display: none;
}
.mf_finder_drilldown_head:before {
    font-size: 1.8rem;
}
.mf_finder_drilldown_item {
    font-size: 1.6rem;
}
.mf_finder_drilldown_item_link {
    padding: 0 1rem;
}
.mf_finder_drilldown_item_count {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 0 5px;
}

/*====================
    pager
====================*/
.mf_finder_organic_pager_wrapper * {
    padding: 0;
    margin: 0;
    line-height: 1;
    height: 1em;
}
.mf_finder_pager_items li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #333333;
    background-color: #eeeeee;
}

.mf_finder_pager_items li.mf_finder_pager_item_current {
    color: #ffffff;
    background-color: #333333;
}
.mf_finder_pager_items li a {
    color: inherit;
    background-color: transparent !important;
}
.mf_finder_pager_item_current, .mf_finder_pager_items li a {
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 1210px) {
    .index-en #search_layer {
        height: 290px;
    }
    .index-en #search_layer_inner {
        height: 290px;
    }
    .mf_finder_searchBox_doctype_select {
        color: #333 !important;
    }
    .mf_finder_searchBox_doctype {
        color: #333 !important;
    }
}
