@charset "utf-8";

/* ヘッダー全体ラッパー */
#header_wrap {
	padding-bottom: 0;
}

/* ロゴエリア（縦揃え） */
#shop_logo {
	vertical-align: bottom;
}

/* サブロゴ（オークションロゴなど）サイズ */
#auction_logo {
	width: 25px;
}

/* サブタイトル領域高さ */
#title_sub {
	height: 35px;
}

/* サブテキスト（小見出しなど） */
#sub_text {
	display: inline;
	color: #d00;
	font-weight: bold;
}

/* 検索テキストボックス（共通） */
#search_text {
	width: 80%;
	margin-left: 1%;
	height: 40px;
	border-right: none;
	border-radius: 4px 0 0 4px;
	box-sizing: border-box;
}

/* 検索ボタン（共通） */
#search_button {
	width: 18%;
	height: 40px;
	margin-right: 1%;
	border: 1px solid #ddd;
	border-left: none;
	border-radius: 0 4px 4px 0;
	background: url(/img/search.png) right center no-repeat;
	background-size: 20px 20px; /* 任意でサイズ調整可能 */
	vertical-align: middle;
	box-sizing: border-box;
}

#navigation_wrap {
	width: 30px;
	margin-right: 0;
}

/* ---------- PCサイズ（1000px以上）のスタイル ---------- */
@media all and (min-width: 1000px) {
	/* 検索フォーム全体 */
	#searchForm {
		width: 80%;
		margin-top: 10px;
	}

	/* カテゴリセレクトボックス */
	#select_category {
		width: 200px;
		height: 40px;
		border: 1px solid #ddd;
		border-right: none;
		padding: 5px;
		border-radius: 4px 0 0 4px;
		vertical-align: middle;
		box-sizing: border-box;
	}

	/* 検索ボックス（PCで再定義） */
	#search_text {
		width: 50%;
		margin: 0;
		border-left: none;
		border-radius: 0;
		vertical-align: middle;
	}

	/* ボタン最大幅制限（画像潰れ防止） */
	#search_button {
		max-width: 57px;
	}
}