@charset "UTF-8";

.sideContents .brand {
	border-bottom: var(--border);
	.child {
		padding-block: 0.5em;
	}
	.conditionBrandWrap {
		a {
			position: relative;
			padding: 8px 1em 8px 1em;
			display: block;
			&::after {
				content: "";
				display: block;
				width: 10px;
				height: 1.5em;
				background: url(../images/icon/icon_arrow_right.svg) no-repeat center center / 9px 9px;
				position: absolute;
				inset-block: 0;
				right: 0;
				margin: auto;
			}
		}
	}
}
.switchAccordionArea {
	margin-top: .5em;
	.btnAccordion {
		display: block;
		padding: 6px;
		text-align: center;
		cursor: pointer;
		&::after {
			content: "";
			margin-left: .5em;
			display: inline-block;
			width: 9px;
			height: 9px;
			background: url(../images/icon/icon_arrow_bottom.svg) no-repeat center center / contain;
		}
		&.closeAccordion::after {
			transform: rotate(180deg);
		}
	}
}
#accordion_area_condition_brand {
	display: none;
}
#closeAccordion {
	display: none;
}

.checkWrap {
	border-bottom: var(--border);
	padding: 10px 0;
	& .conditionWrap {
		& label {
			display: block;
			padding: .5em 0 .5em 2.75em;
			cursor: pointer;
			&::before {
				left: 1em;
			}
			&::after {
				left: 1.2em;
			}
		}
	}
}

/* 検索ボタン */
.sideContents {
	.narrowDownBtn {
		position: relative;
		background-color: #fff;
		padding-block: 0.5em 2em;
		margin-top: 2em;
		@media (max-width: 960px) {
			position: sticky;
			bottom: 0;
			background-color: rgba(255, 236, 240, 0.8);
			padding-bottom: 1em;
		}
	}
	&.is-sticky .narrowDownBtn {
		position: sticky;
		bottom: 0;
	}
	.searchBtn {
		background: var(--color-text) url(../images/icon/icon_search_wh.svg) no-repeat calc(50% - 2em) center / 1em;
		color: #fff;
		line-height: 0;
		height: 30px;
	}
	/* 条件をクリアボタン */
	.clearBtnWrap {
		position: relative;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 1em;
		&::before {
			position: absolute;
			right: calc(7em + 0.5em);
			content: "×";
			font-family: sans-serif;
			font-weight: bold;
			line-height: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 1.3em;
			height: 1.3em;
			background-color: var(--color-background-gray2);
			border-radius: 50%;
			color: #fff;
			z-index: 1;
		}
	}
	.clearBtn {
		position: relative;
		z-index: 2;
		width: fit-content;
		margin: 0;
		background: none;
		border: none;
		color: var(--color-text-gray);
		padding: 0;
		text-align: right;
		padding-left: 1.8em;
		line-height: 1.3;
	}
}