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

/*-- タイトル --*/
#main .ttl { background: url(../../images/search/bg_ttl.png) repeat-y center top; color: #fff; line-height: 1.6; margin: 0 0 18px 0; padding: 8px 30px 7px; }

/*-- ページャー --*/
.nav_box { margin-bottom: 30px;}
.nav_box .page_nav { float: left; }
.nav_box .page_nav ul li { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); }
.nav_box .page_nav ul li.active { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); background: #333333; color: #fff; }
.nav_box .page_nav ul li:hover { background: #333333; color: #fff; }
.nav_box .page_nav a { color: #333333; }
.nav_box .page_nav a:hover { color: #fff; }
.nav_box .page_nav a:visited { color: #333333; }
/*-- 並び替えプルダウン --*/
.nav_box .page_pull { float: right; }
.nav_box .page_pull select:hover { background: #333333; color: #fff; }
.nav_box .page_pull select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.nav_box .page_pull select { font-size: 13px; height: 44px; border: solid 3px #333333; padding: 0 14px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184);}
.nav_box .page_pull span { font-size: 13px; }

/*-- 検索結果リスト --*/
#search_list { margin-bottom: 30px;}
#search_list ul li.products a { color: #333333; }
#search_list ul li.products { width: 427px; float: left; font-size: 14px; border: solid 1px #dcdcdc; padding: 12px 14px; margin-right: 16px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); margin-bottom: 16px; }
#search_list ul li.products:nth-child(2n) { margin-right: 0; }
#search_list ul li.products:last-child { margin-bottom: 0; }
#search_list ul li.products:nth-last-child(2) { margin-bottom: 0; }
#search_list ul li.products img { display: block; }
#search_list ul li.products img.thumb { width: 150px; height: 150px; }
#search_list ul li.products dt { width: 150px; float:left; border: solid 5px #e3e3e3; margin-right: 10px; transition: 0.3s ease-in-out; }
#search_list ul li.products dl:hover dt { border: solid 5px #c5101e; }
#search_list ul li.products dl:hover dd.p_name { color: #c5101e; }
#search_list ul li.products dd { margin-left: 170px; }
#search_list ul li.products dd.icon{ padding-bottom: 4px; }
#search_list ul li.products dd.p_name{ font-size: 16px; font-weight: bold; line-height: 22px; padding-bottom: 12px; border-bottom: dotted 1px #7f7f7f; }
#search_list ul li.products dd.release{ padding-top: 12px; line-height: 20px; }
#search_list ul li.products dd.price{ line-height: 20px; }
#search_list ul li.products dd.release span,.price span{ font-weight: bold; }

/* 【検索】
--------------------------------------*/
#search { padding: 10px 0 20px 0;}
/*-- ボタン挙動 --*/
#search .btn-search { transition: 0.3s ease-in-out;}
#search .btn-search:hover { opacity: 0.7; filter: alpha(opacity=70);}
/*-- 商品を絞り込みで探す --*/
#search .btn-refinesearch { float: left;}
/*-- 検索キーワードを入力 --*/
#search #word-search { float: right;}
#search input[type="search"] { -webkit-appearance: textfield;}
#search input[type="search"]:focus { outline-offset: -2px;}
#search input[type="search"]::-webkit-search-decoration { display: none;}
#search .input-search { border: 1px solid #cacaca; border-radius: 3px; color: #000; font-size: 16px; height: 42px; padding: 0 0 0 16px; vertical-align: top; width: 565px;}