@charset "utf-8";
/*
	mfx-sbox-custom.css
*/
div.mf_finder_searchBox {margin:0; padding:0; background-color:transparent}
input.mf_finder_searchBox_query_input {width:128px; height:auto; border-radius:17px; border-color:#7d7d7d; background-color:#f0f0f0; font-size:1.2rem; padding:0 10px}
button.mf_finder_searchBox_submit {font-size:14px; font-weight:bold; background-color:transparent; color:#666; padding:0}
input.mf_finder_searchBox_query_input,
button.mf_finder_searchBox_submit {outline:none}
html body div.mf_finder_searchBox .mf_finder_searchBox_query_input {background-image:none !important; background-color:rgb(240, 240, 240) !important}

@keyframes mf_serp_anim_show {
	from { opacity: 0 }
	to   { opacity: 1 }
}
@keyframes mf_serp_anim_hide {
	from { opacity: 1 }
	to   { opacity: 0 }
}
div.mf_finder_searchBox {
	max-width: auto;
	overflow: visible;
}
/* オーバーレイ表示するコンテナ要素 */
div#mf_serp_modal {
	position: fixed;
	z-index: 4;
	left: 12%;
	top: 56px;
	width: 70%;
	height: 0;
	padding: 30px;
	border-radius: 1px;
	border-collapse: separate;
	box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
	background-color: #f8f8f8;
/*	transition: opacity 0.3s linear;	*/

	display: none;
}
/* オーバーレイ表示するコンテナ要素 表示状態へ */
.mf_serp_show_result div#mf_serp_modal {
	display: block;
	animation: mf_serp_anim_show 0.3s linear 0s;	/* opacity: 0 -> 1 */
	height: calc(100% - 100px);
}
/* オーバーレイ表示するコンテナ要素 非表示状態へ */
/*
.mf_serp_hide_result div#mf_serp_modal {
	display: none;
	animation: mf_serp_anim_hide 0.3s linear 0s;	/* opacity: 1 -> 0 *//*
}
*/

/* コンテナ内の IFRAME */
iframe#mf_serp_iframe {
	width: 100%;
	height: calc(100% - 20px);
	border: 0;
	background-color: #fff;
}
/* コンテナ内 上部の 閉じるボタン を含むヘッダ */
div#mf_serp_modal_head {
	text-align: right;
	background-color: transparent;
	margin: -20px -18px 10px 0;
}
/* コンテナ内 上部の 閉じるボタン */
span#mf_serp_modal_close {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	background-color: transparent;
	color: transparent;
	width: 20px;
	height: 20px;
}
/* 閉じるボタン アイコンフォント */
span#mf_serp_modal_close:before {
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 20px;
	color: #444;
}

/* for Firefox, IE */
.mf_finder_searchBox_query_input {
	min-height: auto;
}
.mf_finder_searchBox_selects {
	display: none;
}
#language-nav-box {
	right: 274px;	/* for cn */
}
.mf_finder_searchBox_items_wrapper {
	width: 168px;	/* for IE11 */
}
.mf_finder_searchBox_items button.mf_finder_searchBox_submit {
	width: 32px;
}
.mf_finder_searchBox_items button.mf_finder_searchBox_submit span {
	margin-right: 0;
}

/* Add by SII */
input.mf_finder_searchBox_query_input {
	width: 135px;
	height: 27px;
	padding: 5px 10px;
}
.mf_finder_searchBox_items {
	padding: 0 .35rem;
}

.mf_finder_searchBox form {
	display: inline-block;
}


/* Override mfx-sbox.css  */
@media (min-width: 1024px){
	.mf_finder_searchBox {
		width: auto;
	}
}
