@charset "UTF-8";
/* 検索窓 */
.headerArea .mf-search-bar_input-wrapper input#mf-search-bar_input {
    height: 30px;
}
input#mf-search-bar_input, select#mf-search-bar_doc-type_select {
    border-radius: 0 !important;
    border-color: #d6d8da;
}
.mf-search-bar_input {
    min-height: 34px;
    height: 100%;
    margin: 0;
    width: 100%;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: .5rem
}
button.mf-search-bar_button {
    font-size:.8125rem;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding: 0 0.5rem;}
button.mf-search-bar_input_alt-btn {
    margin-top: 3px;
}
.mf-search-bar_input-buttons path {
    color: #d6d8da;
}
.mf-search-bar_button svg {
    margin-left: 0.75em;
}
.mf-search-bar_button span {
    margin-right: 0.75em;
}

/*202502追加分*/
.mf-search-box .mf-search-bar .mf-search-bar_input-buttons .mf-search-bar_input_alt-btn .mf-search-bar_input_alt-btn_icon {
    background:#fff;
}




/* 検索オプション */
.mf-filters button {
    border-color: #d6d8da;
}
.mf-filters_use-links button {
    background-color: #ddd !important;
    border-color: #ddd !important;
    transition: background-color .2s linear
}
.mf-filters_use-links button:hover {
    background-color: #999 !important;
    border-color: #999 !important;
    color: #fff !important;
}
button.mf-filters_use-links_item_buttons_button--selected, button.mf-filters_use-links_item_buttons_button--selected:hover {
    background-color: #666 !important;
    border-color: #666 !important;
    color: #eee !important;
}
.mf-filters_use-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0px !important;
    margin: 0px !important;
}
.mf-filters_use-links .mf-filters_use-links_item:first-child {
        width: 100%;
        border-bottom: 1px solid #ddd;
}
label.mf-filters_use-links_item_icon-text_text {
    width: 8em;
}
.mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item {
    display: flex !important;
    padding: 0.5em;
}

/* 検索結果 */
.search_results_wrapper {
    margin-top: 1em;
}
.mf-search-results_body_result {
    border-top: 1px solid #ddd
}

/* ドリルダウン */
.mf-drill-down {
    margin-bottom: 1.5em;
	border: #cccccc 3px solid !important;
	border-radius: 10px !important;
}
.mf-drill-down_header {
    text-align: center;
    /*
    color: #ffffff;
	background-color: #999999;
    */
}
button.mf-drill-down_list-item_name_text {
    text-align: left;
}

/* おすすめコンテンツ */
.mf-featured-contents {
	width: 100%;
	margin-top: 1rem;
	border: #cccccc 3px solid;
	border-radius: 10px;
	box-sizing: border-box;
}
.mf-featured-contents_title, .mf-featured-contents_list{
    margin-left: 1em !important;
}
.mf-featured-contents_list {
    display: flex;
    flex-wrap: wrap;
}
.mf-featured-contents_list_item {
    width: 208px;
    background-color: transparent !important;
}
.mf-featured-contents_list_item_title {
    margin-top: 0.5em !important;
    order: 2;
}
.mf-featured-contents_list_item_image {
	border-radius: 5px;
	box-shadow: 0 0 8px #dddddd;
}

/* ページャー */
.mf-pagination .mf-pagination_button {
    background-color: #222 !important;
    color: #eee !important;
    border: none !important;
    border-radius: 0 !important;
}
.mf-pagination .mf-pagination_button:disabled {
    background-color: #00000010 !important;
    color: #aaa !important;
}
.mf-pagination .mf-pagination_button.active-page {
    background-color: transparent !important;
    color: #181818 !important;
    border: none !important;
}

/* 関連キーワード */
.mf-related-keywords {
    background-color: #eee;
    border-radius: 0px !important;
    border: none !important;
}
button.mf-related-keywords_list_item_button {
    border: none !important;
}
.mf-related-keywords .mf-related-keywords_list {
    column-gap: 1em !important;
}

/* ロゴ */
div.mf-search-results_mars-logo {
    display:none
}

/* レスポンシブ */
@media screen and (min-width:768px) {
    #sitesearch .ContentsArea {
        width: 1200px;
    }
    .search_results_wrapper {
        display:flex;
    }
    .mf-drill-down {
        width: 200px;
        margin-right: 1em !important;
    }
}
    
@media screen and (max-width:767px) {
    mf-search-box {
        padding: 10px 0;
    }
    .headerArea input#mf-search-bar_input {
        margin: 10px;
        border-radius: 15px !important;

    }
    button.mf-search-bar_input_alt-btn {
        margin-right: 10px;
    }
    .mf-filters_use-links .mf-filters_use-links_item:not(:last-child) {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
}