/*------- pc -------*/
@media screen and (min-width:750px) {

	#hItemSearch_side{
	border:1px solid #ddd;
	padding-left:0;
	margin-left:10px;
	}

	#hItemSearch_side #searchText{
	width: calc(100% - 120px);
	border:none;
	padding-left:5px;
	font-size:11px;
	}
	#hItemSearch_side #hSubmit {float:right;}

	#hItemSearch_side #hSubmit input {
	background: url(/esp_lib/img/icon_search.png) no-repeat 6px 6px;
	}

	.ff__1{
	position:absolute;
	/*top:14;*/
	right:31;
	height:25px;
	width:96px;
	overflow:hidden;
	line-height:30px;
	}

	.select__1{
	position: absolute;
	display: block;
	top: -1;
	left: 0;
	z-index: 10;
	height: 30px;
	width: 98px;
	outline: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	visibility: visible;
	border: 0;
	line-height: 30px;
	border-left: 1px solid #cccccc;
	font-size: 11px;
	}

	.select__1 option{
	padding-left:5px;
	}



	/*--------------
	 A1、B1共通
	---------------*/
	/* classの追加 */
	.ab1-def_searchText{
	border:none;
	border-radius:0;
	}

	.ab1-def_hItemSearch{
	position:relative;
	border-radius:4px;
	}

	.ab1-def_hSubmit{
	float:right;
	}
	/* END classの追加 */


	/* 新規追加のcss */
	.ab1-def_ff__1{
	position:absolute;
	right:45px;
	top:4px;
	height:25px;
	width:94px;
	overflow:hidden;
	line-height:20px;
	}

	.ab1-def_select__1{
	position: absolute;
	display: block;
	top: -3;
	left: 0;
	z-index: 10;
	height: 30px;
	width: 95px;
	outline: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	visibility: visible;
	border: 0;
	line-height: 32px;
	border-left: 1px solid #cccccc;
	font-size: 13px;
	}

	.ab1-def_select__1 option{
	padding-left:5px;
	}
	/*--------------
	 A1、B1共通(ここまで)
	---------------*/


	/*--------------
	 C1、C2共通
	---------------*/

	#c-def_cc_scbox {
	/* opacity:0; */
	}

	/* PC用 */
	#c-def_cc_scbox:focus-within {
		opacity: 1 !important;
		input.s-stretch-t[type="text"] {
			width:400px;
			opacity:1;
		}
		.c-def_ff__1 { display:block; }
		img.search-btn { opacity:0; }
	}


	/* カテゴリ外枠 */
	.c-def_ff__1 {
	position:absolute;
	width:140px;
	right:0;
	top:0;
	overflow:hidden;
	line-height:20px;
	z-index:100;
	display:none;
	height:30px;
	}

	/* カテゴリselect */
	.c-def_select__1 {
	position:relative;
	display: block;
	top:2;
	right:-25;
	z-index: 10;
	width:114px;
	border:none;
	border-left:1px solid #ccc;
	height:25px;
	line-height:28px;
	outline: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	visibility: visible;
	font-size: 13px;
	}

	/*--------------
	 C1、C2共通(ここまで)
	---------------*/

}


/*------- smart phone -------*/
@media screen and (max-width:749px) {
	.sm_search-inner	{
	border:1px solid #aaa;
	}

	.sm_search-inner input{
	border:none;
	}

	#SmLoopeImg{display:none;}

	#sm_search-area .sm_search-inner .hKeyword input.sm-def{
	width:80%;
	float:left;
	/*background:none;*/
	}

	.sm_search-inner{
	position:relative;
	}


	.ff__1{
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 123px;
	overflow: hidden;
	line-height: 30px;
	background: #eee;
	}	
		
	.select__1 {
	width:123px;
	padding:0 5px;
	border: none;
	background: none;
	height: 39px;
	}

}
	
	
