@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------------
　searchform　デザイン用
-----------------------------------------------------------------------------------------*/
/* 外枠 */
#block-form{top:0; left:0; display:block; position:fixed; margin:0; padding:0;}

/* 検索フォーム内 商品ページ用 ＆ カテゴリ用 */
#seach_form, #seach_form-cl{height:50px; position:fixed; left:62px; right:40px;}
.search_Ttl{float:left; width:50px; font-size:14.4px; line-height:19px; font-weight:bold; margin:4px 0 0 9px; color:#fff;}
.searchtxt, .searchtxt-cl{position:relative; top:4px; height:33px; width:100%; margin:0; padding:5px 42px 5px 5px; font-size:14px; text-indent:5px; border:none; border-radius:5px; outline:none; box-sizing: border-box;}
.searchBtn, .searchBtn-cl{position:fixed; top:9px; right:20px; height:33px; width:43px; border:none; border-radius:0 5px 5px 0; background:#eee url(../common_img/searchbtn.png) 8px 4px no-repeat; outline:none; -webkit-appearance:none; cursor:pointer;}
.clearBtn, .clearBtn-cl{position:fixed; top:10px; right:80px; height:30px; width:30px; outline:none; border:none; font-size:28px; color:#a9a9a9; background:#FFF; -webkit-appearance:none; cursor:pointer;}
input::-ms-clear{visibility:hidden}

/* Firefoxだけfont指定 */
@-moz-document url-prefix() {.clearBtn, .clearBtn-cl{font-family:inherit;}}

/* 可動部分　ボタン */
#panel, #panel-cl{position:fixed; height:50px; width:100%; padding:5px 0; float:left; box-sizing:border-box;}
#panel-cl{display:none;}

/*.open{position:relative; height:70px; width:43px; padding:0; float:right; margin-left:-5px;}
.open img{width:43px; height:70px;}
.close{height:70px; width:30px; padding:0; float:right;}
.close img{width:30px; height:70px;}
.open:hover {margin-left:0px;}*/

@media screen and (max-width:340px) {.clearBtn{display:none;}}