/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.uq-filter-box{display:flex;flex-direction:column;padding:10px 15px;gap:10px 0;background-color:#f1f1f1;line-height:1.6;}.uq-filter-box__head{display:flex;flex-wrap:wrap;gap:8px 0;}.uq-filter-box__head > *:first-child{margin-top:0;}.uq-filter-box__bottom{display:flex;flex-wrap:wrap;padding-top:15px;gap:12px 0;border-top:2px solid #00a5c0;}.uq-filter-box__result,.uq-filter-box__num{font-weight:700;}.uq-filter-box__result{font-size:1.4rem;}.uq-filter-box__num{display:inline-block;margin:0 2px 0 8px;color:#009ec0;font-size:2.4rem;line-height:1;}html[lang=en] .uq-filter-box__num{margin:0 2px 0 0;}.uq-filter-box__select-list{display:grid;position:relative;grid-template-columns:repeat(2,1fr);gap:10px;}.uq-filter-box__select-condition{display:flex;align-items:baseline;gap:8px;}.uq-filter-box__select-condition-title{display:inline-block;flex:0 0 auto;margin-top:0;padding:3px 15px;background-color:#06363e;color:#ffffff;font-size:1.2rem;}.uq-filter-box__select-condition-detail{display:flex;flex-wrap:wrap;}.uq-filter-box__select-condition-detail > span{color:#06363e;font-size:1.2rem;}.uq-filter-box__select-condition-tag{display:none;position:relative;flex-wrap:wrap;color:#06363e;font-size:1.2rem;}.uq-filter-box__select-condition-tag.is-visible{display:flex;}.uq-filter-box__select-condition-tag > li{display:flex;position:relative;}.uq-filter-box__select-condition-tag > li:not(:first-of-type)::before{display:block;position:relative;content:"/";}html[lang=en] .uq-filter-box__select-condition-tag > li:not(:first-of-type)::before{content:",";}.uq-filter-box__select-condition-tag > li:nth-of-type(n + 5){display:none;}.uq-filter-box__select-condition-tag > li:nth-of-type(4)::after{display:block;position:relative;content:"…";}.uq-filter-box__select-condition-category{display:none;color:#06363e;font-size:1.2rem;}.uq-filter-box__select-condition-category.is-visible{display:block;}.uq-filter-box__select-condition-category.is-visible + .uq-filter-box__select-condition-tag::before{display:block;position:relative;content:"/";}html[lang=en] .uq-filter-box__select-condition-category.is-visible + .uq-filter-box__select-condition-tag::before{content:",";}.uq-filter-box__select-condition-category.is-visible + .uq-filter-box__select-condition-tag > li:nth-of-type(n + 4){display:none;}.uq-filter-box__select-condition-category.is-visible + .uq-filter-box__select-condition-tag > li:nth-of-type(3)::after{display:block;position:relative;content:"…";}.uq-filter-box-no-result{margin-top:16px;padding:10px;background-color:#edf3f4;}.uq-filter-box-no-result.is-hide{display:none;}.uq-filter-box-no-result__text{margin-top:0;font-size:1.2rem;text-align:center;}.uq-filter-form-box{display:none;z-index:2;position:absolute;top:100%;width:fit-content;padding:12px;background-color:#ffffff;box-shadow:0 3px 6px rgba(0,0,0,0.16);}.uq-filter-form-box--radio{left:0;}.uq-filter-form-box--checkbox{right:0;}.uq-filter-form-box.is-active{display:block;}.uq-filter-form-button{display:block;position:relative;width:100%;height:100%;padding:5px 30px 5px 14px;border:1px solid #92aaac;border-radius:4px;background-color:#ffffff;color:#526366;font-size:1.3rem;line-height:1.5;text-align:left;cursor:pointer;transition:background-color 0.3s;}.uq-filter-form-button::before{--circle-size:13px;display:block;position:absolute;top:50%;right:10px;width:var(--circle-size);height:var(--circle-size);transform:translateY(-50%);border:1px solid #92aaac;border-radius:50%;background-color:#ffffff;content:"";}.uq-filter-form-button::after{display:block;position:absolute;top:48%;right:14px;width:4px;height:4px;transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);transform-origin:top;border-right:1px solid #92aaac;border-bottom:1px solid #92aaac;content:"";transition:transform 0.3s,top 0.3s;}.uq-filter-form-button.is-active::after{top:55%;transform:rotate(-135deg) translateY(-50%);}.uq-filter-form-button:hover,.uq-filter-form-button:focus,.uq-filter-form-button:active{background-color:#92aaac;color:#ffffff;}.uq-filter-form-button-reset{display:flex;position:relative;align-items:center;gap:0 4px;background-color:transparent;color:#333333;}.uq-filter-form-button-reset::before{--circle-size:14px;display:block;position:relative;top:0;left:0;width:var(--circle-size);height:var(--circle-size);border:1px solid #00a5c0;border-radius:50%;background-color:#ffffff;content:"";}.uq-filter-form-button-reset > span{display:inline-block;position:relative;font-size:1.2rem;text-decoration:underline;}.uq-filter-form-button-reset > span::before,.uq-filter-form-button-reset > span::after{display:block;position:absolute;top:50%;left:-14px;width:7px;height:1px;margin:auto;transform-origin:top;background-color:#00a5c0;content:"";}.uq-filter-form-button-reset > span::before{transform:rotate(45deg) translateY(-50%);}.uq-filter-form-button-reset > span::after{transform:rotate(-45deg) translateY(-50%);}.uq-filter-form-checkbox{position:relative;}.uq-filter-form-checkbox:focus-within{border:1px solid #333333;border-radius:3px;outline:1px solid #333333;}.uq-filter-form-checkbox > label{--bg-color:#ffffff;--border-color:#92aaac;display:flex;padding:5px 9px;border:1px solid var(--border-color);border-radius:2px;background-color:var(--bg-color);color:#526366;font-size:1.2rem;transition:background-color 0.3s;}.uq-filter-form-checkbox > label::before{display:block;position:relative;content:"#";}.uq-filter-form-checkbox > input{clip:rect(1px,1px,1px,1px);position:absolute;width:1px;height:1px;overflow:hidden;}.uq-filter-form-checkbox > input:checked + label{--bg-color:#d9e7e9;--border-color:#d9e7e9;}.uq-filter-form-radio{position:relative;}.uq-filter-form-radio:focus-within{border:1px solid #333333;border-radius:3px;outline:1px solid #333333;}.uq-filter-form-radio > label{--color:#526366;--bg-color:#ffffff;--border-color:#92aaac;display:block;position:relative;padding:5px 9px;border:1px solid var(--border-color);border-radius:2px;background-color:var(--bg-color);color:var(--color);font-size:1.2rem;transition:background-color 0.3s;}.uq-filter-form-radio > input{clip:rect(1px,1px,1px,1px);position:absolute;width:1px;height:1px;overflow:hidden;}.uq-filter-form-radio > input:checked + label{--color:#ffffff;--bg-color:#00a5c0;--border-color:#00a5c0;}.uq-filter-form-lyt{display:flex;flex-wrap:wrap;gap:7px;}.uq-filter-label-lyt{display:flex;flex-direction:column;margin:0 15px;padding:12px 0 24px;gap:4px 0;border-top:1px solid #dedede;}.uq-filter-label-category{color:#00a5c0;font-weight:700;font-size:1.2rem;}.uq-filter-label-tag{display:flex;flex-wrap:wrap;gap:4px 8px;}.uq-filter-label-tag > span{display:flex;color:#526366;font-weight:700;font-size:1.2rem;}.uq-filter-label-tag > span::before{display:block;position:relative;content:"#";}.uq-filter-label-tag > span:nth-of-type(n + 5){display:none;}.uq-filter-label-tag > span:nth-of-type(4)::after{display:block;position:relative;content:"…";}.is-hide{display:none !important;}@media screen and (min-width:769px){.uq-filter-box{padding:25px 30px 30px;}.uq-filter-box__head{justify-content:space-between;gap:10px 15px;}.uq-filter-box__bottom{padding-top:20px;gap:15px 24px;}.uq-filter-box__result{font-size:2.2rem;}.uq-filter-box__num{font-size:4.4rem;}html[lang=en] .uq-filter-box__num{margin:0 4px 0 0;}.uq-filter-box__select-condition{gap:10px 18px;}.uq-filter-box__select-condition-title{font-size:1.6rem;}.uq-filter-box__select-condition-detail > span{font-size:1.8rem;}.uq-filter-box__select-condition-tag{font-size:1.8rem;}.uq-filter-box__select-condition-tag > li:not(:first-of-type)::before{margin:0 4px;}html[lang=en] .uq-filter-box__select-condition-tag > li:not(:first-of-type)::before{margin:0 2px 0 0;}.uq-filter-box__select-condition-category.is-visible + .uq-filter-box__select-condition-tag::before{margin:0 4px;}html[lang=en] .uq-filter-box__select-condition-category.is-visible + .uq-filter-box__select-condition-tag::before{margin:0 2px 0 0;}.uq-filter-box__select-condition-category{font-size:1.8rem;}.uq-filter-box-no-result{margin-top:64px;padding:44px 22px;}.uq-filter-box-no-result__text{font-size:2rem;}.uq-filter-form-box{padding:20px 25px;}.uq-filter-form-box--checkbox{max-width:358px;}html[lang=en] .uq-filter-form-box--checkbox{max-width:465px;}.uq-filter-form-button{width:200px;padding:10px 35px 10px 25px;border-radius:8px;font-size:1.8rem;}.uq-filter-form-button::before{--circle-size:20px;right:15px;}.uq-filter-form-button::after{right:22px;width:6px;height:6px;}.uq-filter-form-button-reset{gap:0 8px;}.uq-filter-form-button-reset:hover > span,.uq-filter-form-button-reset:focus > span,.uq-filter-form-button-reset:active > span{text-decoration:none;}.uq-filter-form-button-reset::before{--circle-size:24px;right:15px;}.uq-filter-form-button-reset > span{font-size:1.6rem;}.uq-filter-form-button-reset > span::before,.uq-filter-form-button-reset > span::after{left:-26px;width:12px;height:2px;}.uq-filter-form-checkbox > label{font-size:1.4rem;}.uq-filter-form-checkbox > label:hover,.uq-filter-form-checkbox > label:focus,.uq-filter-form-checkbox > label:active{--bg-color:#d9e7e9;--border-color:#d9e7e9;}.uq-filter-form-radio > label{font-size:1.6rem;}.uq-filter-form-radio > label:hover,.uq-filter-form-radio > label:focus,.uq-filter-form-radio > label:active{--color:#ffffff;--bg-color:#00a5c0;--border-color:#00a5c0;}.uq-filter-form-lyt{gap:10px 8px;}.uq-filter-label-lyt{margin:0 16px;padding:24px 0 30px;}.uq-filter-label-category{font-size:1.5rem;}.uq-filter-label-tag > span{font-size:1.4rem;}}@media screen and (min-width:900px){.uq-filter-form-button{width:260px;}}@media screen and (max-width:768px){.uq-filter-box__head{flex-direction:column;}.uq-filter-box__bottom{flex-direction:column;}.uq-filter-box__select-list{max-width:400px;margin:auto;}.uq-filter-form-button-reset{margin-left:auto;}}