/* 店舗検索のレイアウト */

/* 検索全体の設定 */
.search_margin {
	margin: 1em 0;
}
.search_color {
	background-color: #FFFDD5;
}
/* 検索タイトルの設定 */
.search_title_padding {
	padding: 0.5em 0 0 0.5em;
}

/* 検索フォーム全体の設定 */
.searchform {
	display: flex;
}
.searchform_padding {
	padding: 1em;
}

/*戻るボタン*/
.back_padding {
	font-weight: bold;
	text-align: right;
	padding: 0 0.5em 0.5em 0;
}

/* 入力フォームの設定 */
.searchform input[type=text] {
	width: 80%;
	font-size: 1.3rem;
}
/* 検索ボタンの設定 */
input#searchsubmit {
	width: 20%;
	font-size: 1.3rem;
}

/* ヘッダー画像を変更 */
/* スマホなどでの表示（599px以下の場合） */

.page-header
{
	//background-image: url(https://thg-hd.com/benefit-meal-voucher/wp-content/uploads/2023/07/shop_header_sp.jpg) !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}

/* タブレットでの表示など（600px以上の場合） */
@media (min-width: 600px) {
	.page-header
	{
		//background-image: url(https://thg-hd.com/benefit-meal-voucher/wp-content/uploads/2023/07/shop_header_tab.jpg) !important;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto;
	}
}
/* PCでの表示など（992px以上の場合） */
@media (min-width: 992px) {
	.page-header
	{
		//background-image: url(https://thg-hd.com/benefit-meal-voucher/wp-content/uploads/2023/07/shop_header_pc.jpg) !important;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto;
	}
}