@charset "UTF-8";

/* -----検索窓----- */
.mf_finder_container {
	max-width: 1090px !important;
	margin: auto !important;
}
.mf_finder_container .mf_finder_searchBox {
    margin-left: unset !important;
    margin-right: unset !important;
}
/* 枠 */
.mf_finder_container .mf-search-bar {
	align-items: center !important;
	height: 64px !important;
    padding: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid #91999F !important;
}
/* 拡張子選択 */
.mf_finder_container .mf-search-bar_doc-type {
    height: 100% !important;
}
.mf_finder_container .mf-search-bar_doc-type_select {
    padding: 18px 51px 18px 20px !important;
	font-size: 14px !important;
	color: #91999F !important;
	cursor: pointer !important;
}
.mf-custom-select-wrapper .mf-custom-select-wrapper_custom-select_caret {
    right: 20px !important;
    width: 8px !important;
    height: 8px !important;
    border-bottom: 1px solid #91999F !important;
    border-left: 1px solid #91999F !important;
}
.mf_finder_container .mf-search-bar_doc-type_select {
    width: 100px !important;
    height: 100% !important;
    border: none !important;
    border-right: 1px solid #91999F !important;
}
/* 検索ワード枠 */
.mf_finder_container .mf-search-bar_input {
	font-size: 14px !important;
    color: #91999F !important;
    padding: 22px 20px !important;
    border: none !important;
}
/* 検索ボタン */
.mf_finder_container .mf-search-bar_button {
	width: 160px !important;
	height: 100% !important;
    font-size: 14px !important;
    background: #ECEFF1 url(/cms/cwc/img/ico_search_bk.svg) center right 23.5px no-repeat !important;
	background-size: 17.5px auto !important;
    border-left: 1px solid #91999F !important;
    color: #222222 !important;
    padding: 18px 90px 18px 13px !important;
	cursor: pointer !important;
}
.mf_finder_container .mf-search-bar_button:before {
    content: "" !important;
}
.mf_finder_container .mf-search-bar_button:hover {
	opacity: 0.8 !important;
}
.mf_finder_container .mf-search-bar_button span {
    color: #222 !important;
}
.mf_finder_container .mf-search-bar_button svg {
    display: none;
}
/* -----絞り込み----- */
.mf-filters {
	margin: 30px auto 2rem !important;
}
.mf-search-box .mf-filters .mf-filters_use-links {
    gap: 20px 10px !important;
}
.mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #222222 !important;
    width: 159px !important;
    height: 34px !important;
    text-align: center !important;
    padding: 0 !important;
    background-color: #ECEFF1 !important;
    border-radius: 6px !important;
    border: none !important;
}
.mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons button.mf-filters_use-links_item_buttons_button--selected {
    background-color: #91999F !important;
    color: #fff !important;
}

/* -----検索結果_件数テキスト----- */
.mf-search-results .mf-search-results_header {
    font-size: 11px !important;
    color: #222222 !important;
    margin-bottom: 20px !important;
}
.mf_finder_organic_wrapper .mf_finder_query:after,
.mf_finder_organic_wrapper .mf_finder_query:before,
.mf_finder_organic_wrapper .mf_finder_organic_nums {

}
.mf_finder_organic_total span,
.mf_finder_organic_range_from,
.mf_finder_organic_range_to {
	font-weight: bold !important;
}
.mf_finder_organic_total:after,
.mf_finder_organic_range_from:after,
.mf_finder_organic_range_from:before,
.mf_finder_organic_range_to:after,
.mf_finder_organic_range_to:before {
	color: #91999F !important;
	font-weight: normal !important;
}
/* -----検索結果_一覧----- */
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_image {
    margin-right: 30px !important;
}
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title {
    margin: 10px 0 20px !important;
    font-size: 18px !important;
}
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_description {
    line-height: 1.8 !important;
}
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_url .mf-search-results_body_result_texts_url_text::before {
    content: "URL";
    margin-right: 0.5rem;
    padding: 3px 6px;
    color: #222222;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    background-color: #ECEFF1;
}
.mf-search-results .mf-search-results_body .mf-search-results_body_result {
    margin-bottom: 30px !important;
}
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title .mf-search-results_body_result_texts_title_link {
    color: #005EC4 !important;
}

/* -----ページャ----- */
.mf-pagination .mf-pagination_button {
    border: none !important;
    font-size: 14px !important;
    color: #91999F !important;
    background-color: #F5F7F6 !important;
    border-radius: 9px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 25px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}
.mf-pagination .mf-pagination_button.active-page {
    color: #F5F7F6 !important;
    background-color: #91999F !important;
}
.mf-related-keywords .mf-related-keywords_list .mf-related-keywords_list_item .mf-related-keywords_list_item_button {
    border-radius: 0 !important;
    color: #222 !important;
    border: none !important;
}

/* -----関連キーワード----- */
.mf-related-keywords {
    padding-left: 1rem !important;
    padding-bottom: 1rem !important;
    background-color: #eee !important;
    border: none !important;
    border-radius: 0 !important;
}

/* PC */
@media screen and (min-width: 640.1px) {


/* -----ヘッダー検索窓----- */
.pane-header .btn-search {
    position: relative;
}
.pane-header .header-search-form {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    z-index: 10000 !important;
    transform: translate(0, -50%) !important;
    padding: 1rem 0 !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.pane-header .mf-filters {
    display: none;
}
.pane-header .btn-search .searchBox-closeBtn {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    width: 39px !important;
    height: 39px !important;
    transform: translate(0, -50%) !important;
    cursor: pointer !important;
    z-index: 1000 !important;
}
.pane-header .mf-search-box .mf-search-bar .mf-search-bar_input {
    -webkit-appearance: none !important;
    border: 1px solid transparent !important;
    width: 39px !important;
    height: 39px !important;
    padding: 7px !important;
    background: #fff url(https://cwc-citizen.ecbeing.biz/cms/cwc/img/ico_search_bk.svg) center right 9px no-repeat !important;
    background-size: 18px 19px !important;
    transition: all 0.5s !important;
    outline: none !important;
    color: transparent !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.pane-header .mf-search-box .mf-search-bar .mf-search-bar_input::placeholder {
    color: transparent !important;
}
.pane-header .searchBox-closeBtn.is-visible + mf-search-box .mf-search-box .mf-search-bar .mf-search-bar_input {
    border-radius: 50vh !important;
    border: 1px solid #BBBEC3 !important;
    width: 250px !important;
    padding: 7px 9px 7px 20px !important;
    color: #222 !important;
    background-color: #fff !important;
    cursor: text !important;
}
.pane-header .searchBox-closeBtn.is-visible + mf-search-box .mf-search-box .mf-search-bar .mf-search-bar_input::placeholder {
    color: #BBBEC3 !important;
}


/* -----検索結果_件数テキスト----- */
.mf-search-results .mf-search-results_header {
    text-align: right !important;
}

/* -----検索結果_一覧----- */
.mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
    flex-shrink: 0 !important;
    width: 365px !important;
}

}


/* SP */
@media screen and (max-width: 640px) {
/* -----ヘッダー検索窓----- */
.pane-header .mf-search-box .mf-search-bar .mf-search-bar_input-wrapper {
    border: none !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.pane-header .header-search-form {
    position: relative !important;
}
.pane-header .mf-filters {
    display: none !important;
}
.pane-header .mf-search-box .mf-search-bar {
    height: auto !important;
}
.pane-header .mf-search-box .mf-search-bar .mf-search-bar_input {
    -webkit-appearance: none !important;
    border: 1px solid transparent !important;
    border-radius: 50vh !important;
    border: 1px solid #BBBEC3 !important;
    width: 100% !important;
    padding: 7px 39px 7px 20px !important;
    color: #222 !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    background: #fff url(https://cwc-citizen.ecbeing.biz/cms/cwc/img/ico_search_bk.svg) center right 9px no-repeat !important;
}

/* -----検索窓----- */
.mf-search-box .mf-search-bar {
    position: relative !important;
    height: 110px !important;
    display: block !important;
    overflow: unset !important;
    border: none !important;
}
.mf-search-box .mf-search-bar .mf-search-bar_input-wrapper {
    border-radius: 20px 20px 0 0 !important;
    border: 1px solid #91999F !important;
    overflow: hidden !important;
    height: 53px !important;
}
.mf_finder_container .mf-search-bar_doc-type {
    position: absolute !important;
    top: 55px !important;
    width: 50% !important;
    overflow: hidden !important;
    left: 0 !important;
    border-radius: 0 0 0 20px !important;
    border-left: 1px solid #91999F !important;
    border-bottom: 1px solid #91999F !important;
    height: 55px !important;
    box-sizing: border-box !important;
}
.mf-search-box .mf-search-bar .mf-search-bar_doc-type .mf-search-bar_doc-type_select {
    width: 100% !important;
    border-right: none !important;
    padding: 18px 51px 18px 20px !important;
    font-size: 14px !important;
    color: #91999F !important;
    cursor: pointer !important;
}
.mf-search-box .mf-search-bar .mf-search-bar_button {
    position: absolute !important;
    top: 55px !important;
    width: 50% !important;
    overflow: hidden !important;
    right: 0 !important;
    text-align: left !important;
    border-radius: 0 0 20px 0 !important;
    border-right: 1px solid #91999F !important;
    border-bottom: 1px solid #91999F !important;
    height: 55px !important;
}
/* -----絞り込み----- */
.mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_icon-text .mf-filters_use-links_item_icon-text_text {
    display: block !important;
}
.mf-search-box .mf-filters .mf-filters_use-links {
    display: block !important;
}
.mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons {
    gap: 9px !important;
    margin-bottom: 20px !important;
}
.mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons button {
    width: calc((100% - 18px) / 3) !important;
}

/* -----検索結果_件数テキスト----- */

/* -----検索結果_一覧----- */
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_image {
    margin: 0 auto !important;
}
/* -----ページャ----- */
.mf-pagination {
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.mf-pagination .mf-pagination_button {
    margin: 5px !important;
}
}

@media screen and (max-width: 320px) {

.inner-frame {
    min-width: 280px !important;
}

/* -----絞り込み----- */
.mf-filters .mf_finder_searchBox_category_links div a, .mf-filters .mf_finder_searchBox_imgsize_links div a, .mf-filters .mf_finder_searchBox_pagemax_links div a, .mf-filters .mf_finder_searchBox_sort_links div a {
	font-size: 10px !important;
}

}
