@charset "utf-8";
/* googleカスタム検索調整CSS */

#___gcse_0 {
	width:300px;
	margin:10px 0 0 10px;
}


#cse-search-form{
    width:300px;
    margin: 0 ;
    
    /* position:relative; */
}
#cse-search-form .gsc-control-cse, 
#cse-search-form .gsc-control-cse-ja,
#cse-search-form .gsib_a{
    margin:0 !important;
    padding:0 !important;
   
}
.gsc-input-box {
	background:#FFF;
}
.gstl_50 {
	background:#FFF;
}
.gsib_a {
}
/* テキスト入力フォームとボタンの位置 */
#cse-search-form table.gsc-search-box td,
#cse-search-form table.gsc-search-box input {
    vertical-align:bottom !important;
}
/* テキスト入力フォーム */
#cse-search-form input[type="text"]{
    border: 1px solid #dddddd !important;
    height:27px !important;
    background:#666;
    

}
#cse-search-form input[type="text"]:focus {
    border: 1px solid #008ee1 !important;
    outline: 0;  /*safariの自動フォーカスを切る */

}

/* ボタン画像 */
/* テキスト入力フォームの影を消す */
#cse-search-form #gsc-iw-id1{
    border:none !important;
}

/* ボタンの色 */
.gsc-search-button {
	vertical-align:bottom;
}
#cse-search-form input.gsc-search-button {
width:40px;
height:33px;
background: url("../images/common/btn_search.png") no-repeat 50% 50% #999;
text-indent:150%;
white-space:nowrap;
overflow:hidden;
 /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #999 !important;
overflow: hidden;
}
/* ボタンの位置調整と角丸消し */
#cse-search-form .gsc-search-button{
    margin:0 0 0 10px !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
.gsc-clear-button {
    position:absolute;
    top:6px;
    left:257px;


}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#cse-search-formc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;

}
/* テキスト入力フォームの背景画像表示調整 */
#cse-search-form .gsc-input input.gsc-input {
		background: none repeat scroll 0% 0% white !important;
			 padding:2px;
			 box-sizing:content-box;
}
.gsq_a span{
	color:#000;
}

/*#___gcse_0 {
	width:300px;
}
.gsc-search-box .gsc-input {
	width:240px;
}
.gs-webResult {
	width:90%;
}
@media screen and (max-width: 640px) {
	#___gcse_0 {display:none; }
}
*/

@media screen and (max-width: 640px) {
	#___gcse_0 {
		display:none;
	}
}