@charset "utf-8";
.pane-main .side__search form {
	display: none;
}
#br-js-search-modal-toggle {
	position: fixed;
	right: 0;
	bottom: 100px;
	width: 100px;
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: #3C3C3C;
	border-radius: 50%;
	z-index: 10;
	border: none;
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	align-items: center;
	justify-content: center;
	padding: 0;
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	font-weight: var(--br-fw-semi-bold);
	color: #fff;
}
#br-js-search-modal-toggle::before {
	content: '';
	display: block;
	mask-image: var(--br-svg-url-search-1);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 30px;
	height: auto;
	aspect-ratio: 18.645 / 18.645;
	background-color: #fff;
	position: static;
	margin: 0;
	padding: 0;
	transition: none;
}
body:not(.page-top):not(.page-category):not(.page-genre):not(.page-event):not(.page-search) #br-js-search-modal-toggle{
	display: none;
}
body .ft-fixed-nav--search #br-js-search-modal-toggle {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	background-color: #222;
	border: none;
	gap: 0 0;
	padding: 0;
	color: #fff;
	position: absolute;
	padding-top: 88px;
	top: 0;
	left: 0;
	cursor: pointer;
}
body .ft-fixed-nav--search #br-js-search-modal-toggle:hover {
	background-color: #ddd;
	color: #222;
	opacity: 1;
}
body .ft-fixed-nav--search #br-js-search-modal-toggle::before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	mask-image: var(--br-svg-url-search-2);
	mask-size: contain;
	mask-repeat: no-repeat;
	background-color: #fff;
	position: absolute;
	top: 18px;
}
body .ft-fixed-nav--search #br-js-search-modal-toggle:hover::before {
	background-color: #222;
}
body .ft-fixed-nav--search #br-js-search-modal-toggle span {
	font-size: 1.5rem;
	margin: 0;
}
#br-js-search-modal :is(button, [type="button"], [type="reset"]) {
	color: var(--br-color-1);
}
#br-js-search-modal [type="number"]{
	background-color: #fff;
}
#br-js-search-modal [data-br-js-loading="true"] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 9;
}
#br-js-search-modal [data-br-js-loading="true"] span {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	color: transparent;
	display: block;
	margin: auto;
	width: 30px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(farthest-side, #fff 94%, #0000) top/5px 5px no-repeat, conic-gradient(#0000 30%, #fff);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #000 0);
	animation: br-search-modal-loading 1s infinite linear;
}
@keyframes br-search-modal-loading {
	100% {
		transform: rotate(1turn);
	}
}
#br-js-search-modal :is(button, [type="button"]) {
	padding: 0;
	border: 0;
	background-color: transparent;
}
#br-js-search-modal [type="checkbox"] {
	vertical-align: top;
}
#br-js-search-modal .br-g-label [type="checkbox"] {
	appearance: auto;
}
#br-js-search-modal .br-js-reset-button,#br-js-search-modal .br-js-submit-button {
	display: none;
}
#br-js-search-modal.uk-modal {
	overflow: hidden;
	padding: 0;
	max-height: 100dvh;
}
#br-js-search-modal .uk-modal-dialog {
	transform: translateY(0);
	border-radius: 20px;
	padding: 0;
	display: flex;
	flex-direction: column;
	filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.1));
	width: min(980px, 90%);
	height: 100%;
	max-height: 90dvh;
	container-name: uk-modal-dialog;
	container-type: inline-size;
}
#br-js-search-modal .uk-modal-body {
	padding: 0;
	border-radius: 20px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#br-js-search-modal [name="frmSearch"] {
	max-height: 100%;
	min-height: 50dvh;
	height: 100%;
	display: flex;
	flex-direction: column;
}
#br-js-search-modal .side__search {
	padding: 0;
}
#br-js-search-modal .br-js-1st-page {
	display: flex;
	flex-direction: column;
	height: calc(100dvh - 48px);
	overflow: hidden;
	border-radius: 20px;
}
#br-js-search-modal .br-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 var(--br-spacing-1);
	padding: var(--br-spacing-4) var(--br-spacing-7);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	font-size: var(--br-fs-7);
	line-height: var(--br-lh-7);
	letter-spacing: var(--br-ls-2);
	font-weight: var(--br-fw-medium);
	font-family: var(--br-ff-header);
	border: none;
	position: relative;
	background-color: var(--br-color-13);
}
#br-js-search-modal .br-header .br-js-page-back {
	padding: 0 var(--br-spacing-2) 0 0;
	background-color: transparent;
	border: none;
	flex-shrink: 0;
	position: absolute;
	left: var(--br-spacing-7);
	top: 50%;
	translate: 0 -50%;
}
#br-js-search-modal .br-header .br-js-page-back::after {
	content: '';
	background-image: var(--br-svg-url-arrow-black-back);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: auto;
	aspect-ratio: 22.002 / 22.828;
	display: block;
}
#br-js-search-modal .br-body {
	height: calc(100% - 206px);
	overflow-y: scroll;
	overflow-x: hidden;
	flex-grow: 1;
	position: relative;
	padding: 0 var(--br-spacing-7);
	background-color: var(--br-color-13);
}
#br-js-search-modal .br-footer {
	padding: 0 var(--br-spacing-7);
	height: 106px;
	display: flex;
	align-items: center;
	gap: 0 var(--br-spacing-1);
	background-color: #fff;
	flex-shrink: 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#br-js-search-modal .uk-modal-close {
	position: absolute;
	top: calc(-1 * var(--br-spacing-1));
	right: calc(-1 * var(--br-spacing-2));
	width: 40px;
	height: auto;
	aspect-ratio: 1/1;
	z-index: 10;
}
#br-js-search-modal .uk-modal-close::after {
	content: '';
	background-image: var(--br-svg-url-close-modal);
	background-size: contain;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#br-js-search-modal .br-h2 {
	font-size: var(--br-fs-7);
	line-height: var(--br-lh-7);
	font-weight: var(--br-fw-bold);
	letter-spacing: var(--br-ls-2);
}
#br-js-search-modal [class*="s__s__"] label {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 24px;
	cursor: pointer;
	border: 1px solid var(--br-color-9);
	border-radius: 30px;
	min-height: 40px;
	background-color: #fff;
	width: 100%;
}
#br-js-search-modal .br-js-1st-page .s__s__input__lists--item {
	margin: 0;
}
#br-js-search-modal .br-gender-area .s__s__input__lists--item {
	width: 140px;
}
#br-js-search-modal .br-gender-area .s__s__input__lists--item:has([value="BOY"]){
	order: 1;
}
#br-js-search-modal .br-gender-area .s__s__input__lists--item:has([value="GIRL"]){
	order: 2;
}
#br-js-search-modal .br-gender-area .s__s__input__lists--item:has([value="BABY"]){
	order: 3;
}
#br-js-search-modal :is(.br-other-1-area,.br-other-2-area,.br-other-3-area,.br-other-4-area,.br-other-5-area) .s__s__input__lists--item label .br-name ,
#br-js-search-modal :is(.br-gender-area, .br-price-type-area,.br-taste-area, .br-stock-area,.br-event-area) .s__s__input__lists--item label .br-name {
	font-weight: var(--br-fw-semi-bold);
	font-family: var(--br-ff-alpha);
	font-size: var(--br-fs-3);
	line-height: var(--br-lh-3);
	padding: 0 var(--br-spacing-1);
}
#br-js-search-modal .br-js-1st-page label:has([type="checkbox"]:not([name="choices"]):checked) {
	background-color: var(--br-color-10);
}
#br-js-search-modal [class*="s__s__"] label .br-label-name {
	font-size: var(--br-fs-3);
	list-style: var(--br-lh-3);
	font-weight: var(--br-fw-medium);
	color: var(--br-color-5);
}
#br-js-search-modal .s__s__input__choices__lists--item>label .br-label-name {
	position: relative;
	display: block;
	padding: 0;
	z-index: 2;
}
#br-js-search-modal .s__s__input__choices__lists--item>label .br-label-name:before,#br-js-search-modal .s__s__input__choices__lists--item>label .br-label-name:after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 10px;
	height: 1px;
	background: #222;
	display: none;
}
#br-js-search-modal .s__s__input__choices__box--item>label .br-label-name {
	position: absolute;
	display: flex;
	align-items: center;
	padding: 0 var(--br-spacing-3);
	z-index: 1;
	color: var(--br-color-1);
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	font-weight: var(--br-fw-regular);
	top: 0;
	translate: 0 0;
	width: 100%;
	flex-grow: 1;
	height: 100%;
	justify-content: start;
}
#br-js-search-modal .s__s__input__colors {
	display: flex;
	flex-wrap: wrap;
}
#br-js-search-modal .s__s__input__choice__selected {
	display: none;
	position: relative;
	margin-top: 0;
}
#br-js-search-modal .s__s__input__choices__box {
	display: flex;
	margin-top: 0;
	width: 100%;
	align-items: start;
}
#br-js-search-modal .s__s__input__choices__box--title {
	padding-top: 14px;
	width: 70px;
	display: none;
}
#br-js-search-modal .s__s__input__choices__box__content {
	position: relative;
	width: 100%;
}
#br-js-search-modal .s__s__input__choices__box--item {
	position: relative;
	font-size: var(--br-fs-3);
	line-height: var(--br-lh-3);
	color: var(--br-color-1);
}
#br-js-search-modal .s__s__input__choices__box--item {
	position: relative;
	font-size: var(--br-fs-3);
	line-height: var(--br-lh-3);
	color: var(--br-color-1);
}
#br-js-search-modal .s__s__input__choices__box--item>label span:before {
	display: none;
}
#br-js-search-modal .br-js-1st-page .br-js-2nd-page-toggle .br-label-name::after {
	content: '';
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--br-spacing-3);
	width: 6px;
	height: auto;
	aspect-ratio: 6 / 11;
	mask-image: var(--br-svg-url-arrow-black-right-6x11);
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #000;
	display: block;
	transform: none;
}
#br-js-search-modal .br-js-1st-page .s__s__input__choices__box__content:has(.br-js-text *) .br-js-2nd-page-toggle .br-label-name::after {
	background-color: #fff;
}
#br-js-search-modal .s__s__input__choices__box--item>label span:not(.br-label-name):after {
	transform: none;
	display: none;
}

#br-js-search-modal .br-js-1st-page .s__s__input__choices__box {
	margin: 0;
}
#br-js-search-modal .br-js-1st-page .s__s__input__content {
	display: flex;
	flex-wrap: wrap;
	gap: var(--br-spacing-1) var(--br-spacing-1);
	width: auto;
	align-items: stretch;
}
#br-js-search-modal .br-js-1st-page .br-keyword-area .s__s__input__content {
	display: block;
	width: 100%;
}
#br-js-search-modal .br-js-1st-page .br-category-area .s__s__input__content>*:nth-child(n+2) {
	display: none;
}
#br-js-search-modal .br-js-1st-page .br-feature-area .s__s__input__content,#br-js-search-modal .br-js-1st-page .br-scene-area .s__s__input__content,#br-js-search-modal .br-js-1st-page .br-brand-area .s__s__input__content,#br-js-search-modal .br-js-1st-page .br-category-area .s__s__input__content {
	width: 100%;
}
#br-js-search-modal .br-js-1st-page .br-size-area .s__s__input__content>* {
	width: calc((100% - var(--br-spacing-1) * 2) / 3);
	min-width: 243px;
}
#br-js-search-modal .br-js-1st-page .s__s__input__choices__box--item>label span:not(.br-label-name) {
	padding: 0;
}
#br-js-search-modal .br-js-1st-page label[data-br-js-2nd-page-toggle] :is(.br-group-name, .br-name) {
	flex-shrink: 0;
}
#br-js-search-modal .br-js-1st-page label[data-br-js-2nd-page-toggle] [type="checkbox"] {
	margin: 0;
}
#br-js-search-modal .br-js-1st-page .br-scene-area .br-group-name,#br-js-search-modal .br-js-1st-page .br-feature-area .br-group-name,#br-js-search-modal .br-js-1st-page .br-brand-area .br-group-name,#br-js-search-modal .br-js-1st-page .br-category-area .br-group-name {
	display: none;
}
#br-js-search-modal .br-js-1st-page label[data-br-js-2nd-page-toggle] .br-label-name * {
	font-size: var(--br-fs-2);
	list-style: var(--br-lh-2);
	font-weight: var(--br-fw-regular);
	color: var(--br-color-1);
}
#br-js-search-modal .br-js-1st-page .s__s__input__lists--item label:has([type="checkbox"]:not([name="choices"]):checked) * {
	color: #fff;
}
#br-js-search-modal [class*="s__s__"] label [type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	background: #fff;
	border: none;
	border-radius: 0;
	z-index: 1;
}
#br-js-search-modal .br-color-area .s__s__input__lists {
	width: 100%;
}
#br-js-search-modal .br-color-area .s__s__input__lists>*:has(label[data-color-name]) {
	width: 40px;
}
#br-js-search-modal .br-color-area label[data-color-name]:has([type="checkbox"]:checked),#br-js-search-modal .br-color-area label[data-color-name] {
	display: flex;
	flex-direction: column;
	gap: var(--br-spacing-1) 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	min-height: auto;
	padding: 0;
	position: relative;
	width: 100%;
	padding: 0;
}
#br-js-search-modal .br-color-area label[data-color-name]:has([type="checkbox"]:checked) .br-name,#br-js-search-modal .br-color-area label[data-color-name] .br-name {
	font-size: calc(9 / var(--br-1rem) * 1rem);
	line-height: calc(14 / 9);
	font-weight: var(--br-fw-regular);
	color: var(--br-color-1);
	padding: 0;
	margin-top: calc(100% + var(--br-spacing-1));
}
#br-js-search-modal label[data-color-name]::before {
	content: '';
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: #fff;
	border-radius: 50%;
}
#br-js-search-modal label[data-color-name] [type="checkbox"] {
	position: absolute;
	border: none;
	width: calc(100% - 14px);
	height: auto;
	aspect-ratio: 1 /1;
	border-radius: 50%;
	padding: 0;
	top: 7px;
	left: 7px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#br-js-search-modal label[data-color-name]:has([type="checkbox"]:checked) {
	background-color: transparent;
}
#br-js-search-modal label[data-color-name]:has([type="checkbox"]:checked)::before {
	border: 3px solid var(--br-color-10);
}
#br-js-search-modal label[data-color-name="ホワイト"] [type="checkbox"] {
	background-color: #fff;
	border: 1px solid #ddd;
}
#br-js-search-modal label[data-color-name="ブラック"] [type="checkbox"] {
	background-color: #222;
}
#br-js-search-modal label[data-color-name="グレー"] [type="checkbox"] {
	background-color: #999;
}
#br-js-search-modal label[data-color-name="ピンク"] [type="checkbox"] {
	background-color: #ffcbe2;
}
#br-js-search-modal label[data-color-name="レッド"] [type="checkbox"] {
	background-color: #cd201f;
}
#br-js-search-modal label[data-color-name="オレンジ"] [type="checkbox"] {
	background-color: #ec9000;
}
#br-js-search-modal label[data-color-name="ブラウン"] [type="checkbox"] {
	background-color: #4e3a15;
}
#br-js-search-modal label[data-color-name="イエロー"] [type="checkbox"] {
	background-color: #f5f32e;
}
#br-js-search-modal label[data-color-name="グリーン"] [type="checkbox"] {
	background-color: #24a04d;
}
#br-js-search-modal label[data-color-name="ブルー"] [type="checkbox"] {
	background-color: #3687e2;
}
#br-js-search-modal label[data-color-name="パープル"] [type="checkbox"] {
	background-color: #a117ce;
}
#br-js-search-modal label[data-color-name*="その他"] [type="checkbox"] {
	background-image: var(--br-svg-url-color-other);
}
#br-js-search-modal .s__s__input__lists {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0;
	gap: var(--br-spacing-1) var(--br-spacing-1);
}
#br-js-search-modal .br-color-area .s__s__input__lists {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0;
	gap: var(--br-spacing-1) var(--br-spacing-1);
}
#br-js-search-modal .br-color-area .s__s__input__lists label {
	height: 100%;
}
#br-js-search-modal [class*="s__s__"] label .br-count {
	display: none;
}
#br-js-search-modal .s__s__input__lists--item label .br-name {
	color: var(--br-color-5);
	font-size: var(--br-fs-3);
	line-height: var(--br-lh-3);
	font-weight: var(--br-fw-medium);
	padding: 0;
}
#br-js-search-modal .s__s__input__lists--item label:has([type="checkbox"]:checked) .br-name {
	color: var(--br-color-1);
}
#br-js-search-modal .s__s__input {
	margin: 0;
	border-top: none;
	display: flex;
	flex-direction: column;
	gap: var(--br-spacing-5) 0;
	padding: 0 0 35px;
}
#br-js-search-modal .s__s__input__price--range {
	margin-right: 0;
}
/*body .modal__refine {
	z-index: 50;
	display: none;
	top: 0;
	left: 0;
	position: fixed;
	width: 100dvw;
	height: 100dvh;
}
*/
#br-js-search-modal .modal-fixed-menu {
	display: block;
}
#br-js-search-modal .modal--close {
	position: absolute;
	top: calc(54px - var(--br-spacing-1));
	right: calc(40px - var(--br-spacing-2));
	z-index: 12;
}
#br-js-search-modal .modal--close>a {
	display: block;
	color: transparent;
	position: relative;
}
#br-js-search-modal .modal--close>a::after {
	content: '';
	background-image: var(--br-svg-url-close-modal);
	background-size: contain;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#br-js-search-modal .br-footer .br-js-count {
	display: flex;
	align-items: end;
	gap: 0 4px;
}
#br-js-search-modal .br-footer .br-js-count .br-js-value {
	font-family: var(--br-ff-number);
	font-weight: var(--br-fw-extra-bold);
	font-size: var(--br-fs-7);
	letter-spacing: var(--br-ls-1);
}
#br-js-search-modal .br-footer .br-js-count .br-unit {
	font-weight: var(--br-fw-bold);
	font-size: var(--br-fs-4);
}
#br-js-search-modal .br-footer .br-reset-wrapper {
	margin-left: auto;
}
#br-js-search-modal .br-footer .br-js-2nd-page-clear-button,
#br-js-search-modal .br-footer .br-js-reset-pseudo-button {
	background-color: #fff;
	border: 1px solid var(--br-color-9);
	border-radius: 30px;
	height: 48px;
	padding: 0 20px;
	font-size: var(--br-fs-4);
	font-weight: var(--br-fw-medium);
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
}
#br-js-search-modal .br-footer .br-js-2nd-page-clear-button{
	color: var(--br-color-1);
	font-weight: var(--br-fw-bold);
}
#br-js-search-modal .br-footer .br-js-dispatch-button,
#br-js-search-modal .br-footer .br-js-submit-pseudo-button {
	background-color: var(--br-color-6);
	border: 1px solid var(--br-color-6);
	color: #fff;
	border-radius: 30px;
	height: 48px;
	padding: 0 20px;
	font-size: var(--br-fs-4);
	font-weight: var(--br-fw-medium);
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
}
#br-js-search-modal:has([data-br-js-total-count="0"]) .br-footer .br-js-submit-pseudo-button{
	background-color: var(--br-color-9);
	pointer-events: none;
	border-color: var(--br-color-9);
}
#br-js-search-modal .br-js-2nd-page {
	position: absolute;
	top: 0;
	right: -150vw;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: var(--br-color-13);
	border-radius: 20px;
	transition: right .5s;
	display: flex;
	flex-direction: column;
	z-index: 3;
}
#br-js-search-modal .br-js-2nd-page.br-show {
	right: 0;
	transition: right .5s;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--br-spacing-1) var(--br-spacing-1);
	width: 100%;
}
#br-js-search-modal .br-js-2nd-page .br-not-accordion-item,#br-js-search-modal .br-js-2nd-page .br-js-accordion-wrapper .br-accordion-item {
	width: 100%;
	border-radius: 20px;
	background-color: #fff;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-wrapper :is(.br-name, .br-count) {
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-wrapper .br-count{
	display: none;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-wrapper [type="checkbox"] {
	margin-right: var(--br-spacing-1);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle .br-item {
	display: flex;
	align-items: center;
}
#br-js-search-modal .br-js-2nd-page .br-not-accordion-item label {
	width: 100%;
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	font-weight: var(--br-fw-bold);
	padding: var(--br-spacing-3) var(--br-spacing-2);
	display: flex;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle .br-item label {
	min-width: 50%;
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	font-weight: var(--br-fw-bold);
	display: flex;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle label {
	padding: var(--br-spacing-3) var(--br-spacing-2);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle-button {
	background-color: transparent;
	border: none;
	flex-grow: 1;
	display: flex;
	justify-content: end;
	padding: var(--br-spacing-3) var(--br-spacing-2);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle-button::after {
	content: '';
	mask-image: var(--br-svg-url-arrow-black-down-11x6);
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #000;
	width: 11px;
	height: auto;
	aspect-ratio: 11 / 6;
	display: block;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle:has([aria-expanded="true"]) {
	border-bottom: 1px solid var(--br-color-9);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-content {
	display: none;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-content .br-item label {
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	font-weight: var(--br-fw-regular);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle-button[aria-expanded="false"]::after {
	scale: 1 1;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-toggle-button[aria-expanded="true"]::after {
	scale: 1 -1;
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-content .br-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--br-spacing-2) var(--br-spacing-1);
	padding: var(--br-spacing-3) var(--br-spacing-2);
}
#br-js-search-modal .br-js-2nd-page .br-js-accordion-content .br-items>* {
	width: calc((100% - var(--br-spacing-1) * 2) / 3);
}
#br-js-search-modal .s__s__input__box {
	position: relative;
	padding: 0;
	border-bottom: none;
	display: flex;
	align-items: stretch;
	gap: 0 var(--br-spacing-1);
}
#br-js-search-modal .br-h3-wrapper{
	display: flex;
	flex-direction: column;
}
#br-js-search-modal .s__s__input--title {
	padding-top: 0;
	font-size: var(--br-fs-4);
	line-height: var(--br-lh-4);
	font-weight: var(--br-fw-bold);
	min-width: 100px;
	display: inline-block;
	margin: 0 0 0 0;
	flex-shrink: 0;
}
#br-js-search-modal .br-js-1st-page-clear-button{
	text-align: left;
	color: #c7c7c7;
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	font-weight: var(--br-fw-bold);
}
#br-js-search-modal .s__s__input__box:has([name="min_price"]) .br-js-1st-page-clear-button,
#br-js-search-modal .s__s__input__box:has(.br-js-text >*) .br-js-1st-page-clear-button,
#br-js-search-modal .s__s__input__box:has([type="checkbox"]:not([name="choices"]):checked) .br-js-1st-page-clear-button{
	color: var(--br-color-6);
}
#br-js-search-modal .s__s__input__box:has([aria-valuetext="0.00"]):has([aria-valuetext="90000.00"]) .br-js-1st-page-clear-button{
	color: #c7c7c7;
}
#br-js-search-modal .s__s__search__box {
	position: relative;
	align-items: center;
	width: 100%;
	height: 40px;
	background: var(--br-color-8);
	border: none;
	border-radius: 30px;
	padding-left: 50px;
}
#br-js-search-modal .s__s__search--submit {
	position: absolute;
	top: 50%;
	left: 20px;
	translate: 0 -50%;
	width: 16.64px;
	height: 16.64px;
}
#br-js-search-modal .s__s__search--submit [type="image"] {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}
#br-js-search-modal .s__s__search--keyword {
	width: 100%;
}
#br-js-search-modal .s__s__search--keyword input {
	width: 100%;
	padding: 0 var(--br-spacing-2) 0 0;
	width: 100%;
	height: 100%;
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	vertical-align: middle;
	font-size: var(--br-fs-4);
	line-height: var(--br-lh-4);
	color: var(--br-color-1);
}
#br-js-search-modal .s__s__search--keyword input::placeholder {
	color: #707070;
	font-size: var(--br-fs-2);
}
#br-js-search-modal .ft-fixed-s__tag--title .br-about-toggle {
	display: flex;
	align-items: center;
	gap: 0 17px;
	cursor: pointer;
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	margin-left: var(--br-spacing-2);
}
#br-js-search-modal .ft-fixed-s__tag--title .br-about-toggle::after {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: auto;
	aspect-ratio: 28/27;
	margin: 0;
}
#br-js-search-modal .ft-fixed-s__tag--title .br-about-toggle[aria-expanded="false"]::after {
	background-image: url('../../img/usr/icon/plus1.png');
}
#br-js-search-modal .ft-fixed-s__tag--title .br-about-toggle[aria-expanded="true"]::after {
	background-image: url('../../img/usr/icon/minus1.png');
}
#br-js-search-modal .br-js-1st-page .br-js-2nd-page-checkbox-result {
	margin-top: var(--br-spacing-1);
}
#br-js-search-modal .br-js-1st-page .br-size-area .br-js-2nd-page-checkbox-result {
	display: none;
}
#br-js-search-modal .br-js-1st-page .br-size-area .br-size-result,#br-js-search-modal .br-js-1st-page .br-js-2nd-page-checkbox-result {
	display: flex;
	align-items: stretch;
	font-size: var(--br-fs-2);
	line-height: var(--br-lh-2);
	width: 100%;
	color: var(--br-color-10);
}

#br-js-search-modal .br-js-1st-page .br-size-result .br-title,
#br-js-search-modal .br-js-1st-page .br-js-2nd-page-checkbox-result .br-title {
	flex-shrink: 0;
	margin-left: var(--br-spacing-3);
}
#br-js-search-modal .br-js-1st-page .br-js-2nd-page-checkbox-result .br-js-text {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
#br-js-search-modal .br-js-1st-page .s__s__input__choices__box__content:has(.br-js-text *) .br-js-2nd-page-toggle {
	background-color: var(--br-color-10);
	color: #fff;
}
#br-js-search-modal .br-js-1st-page .s__s__input__choices__box__content:has(.br-js-text *) .br-js-2nd-page-toggle * {
	color: #fff;
}
#br-js-search-modal .noUi-target {
	background: var(--br-color-9);
	border: none;
	border-radius: 0;
	box-shadow: none;
}
#br-js-search-modal .noUi-horizontal {
	height: 6px;
}
#br-js-search-modal .noUi-base {
	margin: 7.5px 0 0;
}
#br-js-search-modal .noUi-connects {
	border-radius: 0;
}
#br-js-search-modal .noUi-connect {
	background: var(--br-color-5);
}
#br-js-search-modal .noUi-handle {
	border: none;
	border-radius: 50%;
	box-shadow: none;
	background-color: var(--br-color-5);
}
#br-js-search-modal .noUi-handle:after,#br-js-search-modal .noUi-handle:before {
	display: none;
}
#br-js-search-modal .noUi-horizontal .noUi-handle {
	top: -7.5px;
	width: 20px;
	height: 20px;
	right: -20px;
	left: auto;
}
#br-js-search-modal .br-price-area .s__s__input__price {
	width: 400px;
}
#br-js-search-modal .br-price-area :is([name="min_price"], [name="max_price"]) {
	height: 40px;
	border: solid 1px var(--br-color-5);
	border-radius: 4px;
	text-align: right;
	font-size: var(--br-fs-6);
	text-align: right;
	padding: 0 var(--br-spacing-2);
	font-family: var(--br-ff-number);
	font-weight: var(--br-fw-semi-bold);
	padding: 0 var(--br-spacing-1);
	width: 106px;
}
#br-js-search-modal .br-price-area .s__s__input__price__num {
	margin-top: var(--br-spacing-2);
	display: flex;
	gap: 0 45px;
	align-items: stretch;
}
#br-js-search-modal .br-price-area .s__s__input__price__num::after,#br-js-search-modal .br-price-area .s__s__input__price__num::before {
	display: none;
}
#br-js-search-modal .br-price-area .s__s__input__price__num--item {
	display: flex;
	align-items: end;
	gap: 0 var(--br-spacing-1);
}
#br-js-search-modal .br-price-area .s__s__input__price__num--item span {
	font-size: var(--br-fs-2);
}
@container uk-modal-dialog (width < 980px) {
	#br-js-search-modal .br-js-2nd-page .br-js-accordion-content .br-items>* {
		width: calc((100% - var(--br-spacing-1)) / 2);
	}
}