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


/* 検索ページ用
............................................................... */
/* 検索成功 */
.result_succeeded{
	float:left;
	font-size:120%;
	margin:6px 16px;
	padding: 2px 6px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/* 検索結果の件数 */
.result_succeeded count{
	float:left;
	font-size:120%;
	margin:6px 16px;
}
/* ソートリスト */
.result_sortlist{
	float:right;
	margin: 10px 16px;
}
.result_sortlist select{
	padding: 4px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	background-color:#ffffff;
}
.result_sortlist select:hover {
	border-color: #ff9900;
}
/* エラー：検索結果が多すぎる */
.result_many{
	float:right;
	margin: 10px 16px;
}
/* ページナビ */
.result_pagenavi{
	width: 65%;
/*	min-width: 480px;*/
	margin: 4px auto;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.75);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.result_pagenavi a{
	width:100%;
	height:100%;
	display:block;
	text-decoration: none !important;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.result_pagenavi .send_self,
.result_pagenavi .send_button,
.result_pagenavi .send_prev,
.result_pagenavi .send_next,
.result_pagenavi .send_first,
.result_pagenavi .send_end{
	width:auto;
	min-width:40px;
	height: 40px;
	font-weight: bold;
	box-sizing: border-box;
	border:1px solid rgba(128,128,128,0);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	transition: 0.2s;
}
.result_pagenavi .send_self:hover,
.result_pagenavi .send_button:hover,
.result_pagenavi .send_prev:hover,
.result_pagenavi .send_next:hover,
.result_pagenavi .send_first:hover,
.result_pagenavi .send_end:hover{
	border-color:#ff9900;
	background-color:rgba(255,255,255,0.75);
}
.result_pagenavi .send_self{
	border-color:#ffbb66;
	background-color:#ffbb66;
	pointer-events: none;
}
.result_pagenavi .send_self a{
	color:#ffffff;
}
.result_pagenavi .send_prev,
.result_pagenavi .send_next{
	min-width:60px;
}
.result_pagenavi .send_prev a:before{
	content:"< 前へ";
}
.result_pagenavi .send_next a:before{
	content:"次へ >";
}
.result_pagenavi .period:before{
	display:none;
	content:"...";
}
.result_pagenavi .space{
	display:none;
}

/* 検索結果メッセージ */
.result_message{
/*	border: 2px solid #cccccc;*/
	padding: 40px 24px 52px 24px;
	height: 100%;
}
/* 検索結果メッセージ：商品が見つからない */
.result_message .no_result{
}
/* 検索結果メッセージ：１文字検索 */
	height: 100%;
}
/* 検索結果メッセージ： 検索条件なし*/
.result_message .no_condition{
}
/* 検索結果メッセージ： 検索キーワードが多い*/
.result_message .keyword_limit{
}
/* 検索結果エラー名 */
.result_error_name{
	font-size:150%;
	font-weight:bold;
}
.result_error_name.error{
	color:red;
}
/* 検索結果エラー内容 */
.result_error_text{
	padding-left: 18px;
}

/* もしかして */
.didyoumean{
/*	display:none;*/
	margin-bottom: 10px;
	padding: 8px 4px;
	border-bottom: 2px solid #cccccc;
}
.didyoumean_inner{
	margin: auto;
	max-width: 600px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
}
.didyoumean_inner:before{
	content: "もしかして";
	color: #333333;
	margin: 2px;
	padding: 2px 6px;
	font-weight: bold;
}
.didyoumean_inner div a{
	float: left;
	font-size: 100%;
	margin: 2px;
	padding: 2px 6px;
	border: 1px solid #999999;
	background-color: #ffffff;
	color:#333333;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	box-sizing: border-box;
	text-decoration: none;
	font-weight:normal;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.didyoumean_inner div a:hover{
	color: #ff9900;
	border-color: #ff9900;
}

/* サブカテゴリ一覧
............................................................... */
.header_category{
	margin-left: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: start;
	padding: 1px;
	box-sizing: border-box;
}
.header_category li{
	flex-basis: 25%;
	width: 25%;
	max-width: 25%;
	text-align: center;
	height: 32px;
	border: 1px solid #CCC;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.header_category li:hover{
    border-color: #ff9900;
}
.header_category li a{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.header_category li a:hover{
}




/* IE6 css fixer v0.95: Fri, 01 Jul 2011 03:00:03 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html div#search_table div,
* html .list_table,
* html .header_category li {display:inline;}

/* fix negative margins */
* html div#search_table div {position:relative; zoom:1;}

/* add zoom:1 to overflow:hidden */
* html div#search_table div {zoom:1;}

/* add overflow:visible to (submit) buttons */
 * html input, * html button {overflow:visible;}