#searchform{
	padding: 0.5em 0 1em 1em;
}

/* 検索フォーム本体 */
#searchtb{
	width: 100%;
	box-sizing: border-box;
}

/* タイトル */
#formtitle{
	font-size: 1em;
	font-weight: bold;
	margin: 0.8em;
}

/* 各検索項目 */
.searchtr{
	width: 100%;
	padding: 0.8em 0;
}

/* 項目名 */
.searchth{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.7em;
}

.searchth1{
	font-size: 1em;
	font-weight: bold;
}

.keyword_notion{
	font-weight: normal;
	margin-bottom: 0.7em;
}

/* 入力欄部分 */
.searchtd{
	width: 100%;
	box-sizing: border-box;
}

/* キーワード */
#slide-in-s{
	width: 100%;
	max-width: 100%;
	height: 2em;
	padding: 0 0.5em;
	box-sizing: border-box;
}

/* 金額 */
input.inputprice{
	width: 6em;
	height: 2em;
	padding: 0 0.5em;
	box-sizing: border-box;
}

/* 人数 */
input.ninzu{
	width: 6em;
	height: 2em;
	box-sizing: border-box;
}


/* スライダー */
.slider-styled,
.slider-styled .noUi-handle {
	box-shadow: none;
}

.slider-styled .noUi-handle::before,
.slider-styled .noUi-handle::after {
	display: none;
}

#slider{
	height: 10px;
	margin: 0.8em 0 0 0;
}

#slider .noUi-connect{
	background: #ed7d31;
}

#slider .noUi-handle{
	height: 18px;
	width: 18px;
	top: -5px;
	right: -9px;
	border-radius: 9px;
}


/* 評価 */
.rate-form{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
}

.star-area {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.rate-form input[type=radio]{
	display: none;
}

.rate-form label{
	position: relative;
	padding: 0 1px 0 0;
	color: #ccc;
	cursor: pointer;
	caret-color: transparent;
	font-size: 20px;
	user-select: none;
	margin: auto 0;
}

.rate-form label:hover{
	color: #ffcc00;
}

.rate-form label:hover ~ label{
	color: #ffcc00;
}

.rate-form input[type=radio]:checked ~ label{
	color: #ffcc00;
}


/* 評価の数字 */
div.stardiv{
	margin: auto 0;
}

div.stardiv input{
	height: 2em;
	width: 3.5em;
	margin: 0 0.1em 0 0.3em;
	box-sizing: border-box;
}

.stardiv p{
	margin: 0;
}


/* ボタン */
.tdbtn{
	padding: 0.8em 0;
}

.tdbtn > div{
	display: flex;
	justify-content: space-evenly;
}

input.searchbtn{
	width: 20%;
}


/* リセット */
input#resetbtn{
	-webkit-appearance: none;
	border: 1px solid #ddd;
	background-color: #ddd;
	color: #333;
	cursor: pointer;
}

/* スマホ */
@media screen and (max-width: 600px){

	#searchform{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.searchth{
		margin-bottom: 0.5em;
	}

	#slide-in-s{
		width: 100%;
	}

	/* --- 修正：評価全体を上下2段に並べる --- */
	.rate-form {
		flex-direction: column;    /* 下限と上限を上下に分ける */
		align-items: flex-start;  /* 左端に揃える */
		gap: 0.8em;                /* 上下の段のすき間を少し広げる */
	}

	/* --- 追加：1つの段（★＋数値＋以上/以下）を横一行に強制する --- */
	.rate-line {
		display: flex;
		flex-direction: row;       /* 確実に横並びにする */
		align-items: center;       /* 上下中央で揃える */
		width: 100%;               /* 横幅いっぱいに広げる */
		gap: 0.4em;                /* 各要素の間のすき間 */
	}

	.rate-range {
		display: none;             /* 中間の「～」を非表示にする */
	}
	/* --- ここまで追加・修正 --- */

	.tdbtn > div{
		justify-content: space-evenly;
	}

	input.searchbtn{
		width: 20%;
	}
}