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

/*===================================================
	検索結果ページ用CSS
===================================================*/

/* --------------------------------------------------
	header
-------------------------------------------------- */
header .headTop {
	padding: 10px 10px 0;
}
	header .headTop h1 {
		position: static;
	}
	header .headTop h2 {
		width: 138px;
		height: 25px;
		margin: 15px 0 10px;
		padding: 0;
		line-height: 1.5;
	}
	header .headTop h2:before,
	header .headTop h2:after {
		display: none;
	}

/*    検索ボックス
-------------------------------------------------- */
header .searchBox {
	padding: 20px 10px;
}
	header .searchBox dl {
		width: 100%;
	}
	header .searchBox dl dt {
		width: 15%;
		padding-left: 2%;
	}
	header .searchBox dl.searchBox_dna dt{
		width: 25%;
	}

	header .searchBox .btnAccrd + div{
		padding-top: 0;
	}

	header .searchBox dl dd {
		width: 83%;
	}
		header .searchBox dl dd .modalOpen,
		header .searchBox dl dd .modalOpen + label {
			display: block;
		}
		header .searchBox dl dd .modalOpen + label {
			padding-top: 5px;
			padding-left: 0;
		}
		header .searchBox dl dd .modalOpen.badgeNote {
			display: inline;
		}
	header .searchBox dl .radioBox ul li {
		width: 33%;
	}
	/* 価格 */
	header .searchBox dl .selectBox > div + span {
		width: 10%;
	}
	header .searchBox dl .selectBox {
		text-align: left;
	}
	header .searchBox dl .selectBox > div {
		width: 100px;
	}

/* 探すボタン・条件クリアボタン */
header .btnBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
	padding-left: 0;
}

header #btnSearch {
	-webkit-order: 1;
	order: 1;
	width: 100%;
	margin-left: 0;
}
header #btnReset {
	-webkit-order: 2;
	order: 2;
	width: calc(100% - 90px);
	margin-top: 15px;
}
header #btnPetShopSearch {
	margin-left: 0;
}
/*
header #btnPetShopSearch input {
	width: 100%;
}
*/


/* --------------------------------------------------
	main
-------------------------------------------------- */
/* 検索結果なし */
#resultEmpty {
	min-height: 400px;
}
#resultEmpty h2 + p {
margin: 20px 0 1em;
}
/* 検索結果 */
.searchCnt {
	padding: 0 10px 120px;
}
.searchCnt .ttl br {
	display:block;
}