@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 {
	border-radius: 0 !important;
	background-color: #cc0000 !important;
}
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;
}

/* 検索オプション */
.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;
	width: 100%;
}
.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: #cc0000 !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) {
	.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;
	}

.mf-search-box .mf-search-bar,mf-search-bar_input-wrapper, button.mf-search-bar_button {
	display: block !important;
	margin : 5px auto  !important;
}

	header .spsearch .searchForm input[type=text] {
		width:100%;
		margin: auto !important;
	}

}