@charset "UTF-8";

#srchForm{
	width:200px;
	height:25px;
}

input#srchInput{
 	margin-top:2px;
	width:150px;
	height:25px;
 	margin-bottom:5px; 
	margin-left:0px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #000;
}
}

@media screen and (max-width:780px) { 
    /*　画面サイズが740pxまではここを読み込む　ヘッダーのレイアウトのブレイクポイント*/
    #srchForm{
	width:100%;
	height:25px;
}
 

    input#srchInput{
	margin-top:5px;
	margin-bottom:5px;
	height:30px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



}


input#srchBtn{
	margin-top:-8px;
	margin-bottom:10px;
	height:26px;
	margin-left:1px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #000;
}

/* 旧サイトページ */

input#srchInput2{
 	margin-top:2px;
	width:220px;
	height:25px;
 	margin-bottom:5px; 
	margin-left:20px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input#srchBtn2{
	margin-top:1px;
	margin-bottom:3px;
	height:25px;
	padding:3px;
	margin-left:1px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


<!-- /#srchBox -->


@media screen and (max-width:780px) {
	#srchForm{
    width:100%;
    margin:0px;
    margin:20px auto;
    margin-top:5px;
	}
	
	input#srchInput{
 	margin-top:-7px;
	width:90%;
	height:33px;
 	margin-bottom:10px; 
	margin-left:-3px;
	}			
	}