@charset "utf-8";

/*2024/02/22　デバイス切り替え追加*/
@media screen and (min-width: 1025px) {
	.pc-search-form-position{
		position: absolute;
		left: 35%;
		top: 54%;
		overflow: hidden;
		/**margin-top: 10%;**/
	}
}

@media screen and (max-width: 1024px) {
	.pc-search-form-position{
		display: none;
	}
}
/*END - 2024/02/22　デバイス切り替え追加*/



/**2024/3/1 - PC追加**/
@media screen and (min-width: 1025px) {
	.search-form{
	margin: 0 10px 0px 10px;
	/*height: 50px; 2024/2/22調整*/
	}

	.sp-search-form{
	margin: 10px 20px 0px 0px;
	height: 50px;
	}

	#sform{
	position:relative;
	max-width:300px;
	/*margin-bottom:20px;2024/2/22調整*/

	/*横並べのために追加*/
	display: flex;
	}

	#sbox{
	height:35px;
	padding:0 5px;
	/* 調整 position:absolute;*/
	left:0;
	top:0;
	border-radius:5px;
	outline:0;
	background:#eee;/*検索窓の背景色*/
	border: none;
	}

	#sbtn{
	height:35px;
	width:40px;
	/* 調整 position:absolute;*/
	/**left: calc(100% - 100px);**/
	left: calc(90% - 100px);
	top:0;
	background:#3486dd;/*検索ボタンの色*/
	color:#fff;/*検索アイコンの色*/
	border:none;
	border-radius:0 5px 5px 0;
	}
}

@media screen and (max-width: 1024px) {
	.search-form{
	/*margin: 0 10px 20px 10px;
	height: 50px;**/
	margin-top: 3%;
	}

	.sp-search-form{
	margin: 10px 20px 0px 0px;
	/*height: 50px;*/
	}

	#sform{
	position:relative;
	/*max-width:300px;*/
	margin-bottom:3%;

	/*横並べのために追加*/
	display: flex;
	}

	#sbox{
    height: 6vh;
	padding:0 15px;
	/* 調整 position:absolute;*/
	width: 60%;
	left:0;
	top:0;
	border-radius:5px;
	outline:0;
	background:#eee;/*検索窓の背景色*/
	border: none;
	font-size: 2.5vh;
	}

	#sbtn{
    height: 6vh;
	width:15%;
	/* 調整 position:absolute;*/
	/**left: calc(100% - 100px);**/
	left: calc(90% - 100px);
	top:0;
	background:#3486dd;/*検索ボタンの色*/
	color:#fff;/*検索アイコンの色*/
	border:none;
	border-radius:0 5px 5px 0;
	font-size: 2vh;
	}
}

@media (max-width: 500px) {
	.search-form{
	margin: 0 10px 0px 10px;
	/*height: 50px; 2024/2/22調整*/
	}

	.sp-search-form{
	margin: 10px 20px 0px 0px;
	height: 50px;
	}

	#sform{
	position:relative;
	max-width:300px;
	/*margin-bottom:20px;2024/2/22調整*/

	/*横並べのために追加*/
	display: flex;
	}

	#sbox{
	height:35px;
	padding:0 15px;
	/* 調整 position:absolute;*/
	width: 200px;
	left:0;
	top:0;
	border-radius:5px;
	outline:0;
	background:#eee;/*検索窓の背景色*/
	border: none;
	font-size: 1.8vh;
	}

	#sbtn{
	height:35px;
	width:50px;
	/* 調整 position:absolute;*/
	/**left: calc(100% - 100px);**/
	left: calc(90% - 100px);
	top:0;
	background:#3486dd;/*検索ボタンの色*/
	color:#fff;/*検索アイコンの色*/
	border:none;
	border-radius:0 5px 5px 0;
	font-size: 1.5vh;
	}
}

#sbtn .fa-search{
font-size:20px;
position:absolute;
top:30%;
left:30%;
}

#sbtn:before {
font-family: FontAwesome;
/*content: "\f002";
content:url(https://staging.medisense.co.jp/wp-content/themes/medisense/css/search-form/search-btn.png);
*/
}

#sbtn:hover{
color:#888;
}


/* 検索結果画面  */
.search-form-result{
	margin: 20px 10px 20px 10px;
	height: 50px;
}

.contents{
	margin-left: 0%;
	margin-right: 0%;
}

@media (max-width: 480px) {
	.contents{
		margin-left: 3%;
		margin-right: 3%;
	}
	.search-title{
		line-height: 1.5;
	    font-size: 1.0rem;
	}
}