﻿.serachArea{margin:0 auto;width:100%}@media screen and (max-width: 960px){.serachArea{width:94%}}.serachArea button{box-shadow:none;font-size:1.2rem;font-weight:700}.serachArea button.accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.serachArea button.accordion-button:focus{box-shadow:none}.serachArea button.accordion-button i{display:inline-block;margin:0 8px 0 0}.serachArea button:not(.collapsed){background-color:#333;color:white}.serachArea button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.serachArea .accordion-body{padding:1rem 1.5rem}@media screen and (max-width: 480px){.serachArea .accordion-body{padding:1rem}}.serachArea .accordion-body .moreBtn{background-color:#f0f0f0}.serachArea .accordion-body .accordionInner{gap:2%;width:100%}@media screen and (max-width: 480px){.serachArea .accordion-body .accordionInner{gap:4%}}.serachArea .accordion-body .accordionInner.sort li{text-align:center}.serachArea .accordion-body .accordionInner.sort li a{background-color:white;border:1px solid #111;border-radius:20px;color:#111;display:inline-block;font-size:13px;max-width:160px;padding:5px;text-decoration:none;width:45%}@media screen and (max-width: 480px){.serachArea .accordion-body .accordionInner.sort li a{border-radius:14px;padding:6px}}.serachArea .accordion-body .accordionInner.sort li a.active{background-color:#ee87b4;border:1px solid #ee87b4;color:white}.serachArea .accordion-body .accordionInner li{width:calc(94% / 4)}@media screen and (max-width: 767px){.serachArea .accordion-body .accordionInner li{width:calc(98% / 2)}}@media screen and (max-width: 480px){.serachArea .accordion-body .accordionInner li{width:calc(96% / 2)}}.serachArea .accordion-body .accordionInner li span{font-family:"小塚ゴシック Pro","Kozuka Gothic Pro",sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 10px}.serachArea .accordion-body .accordionInner li.checkBoxArea{text-align:left;font-size:0;width:100%}@media screen and (max-width: 480px){.serachArea .accordion-body .accordionInner li.checkBoxArea{text-align:center}}.serachArea .accordion-body .accordionInner li.checkBoxArea label{cursor:pointer;margin:0 5px 15px 0}@media screen and (max-width: 480px){.serachArea .accordion-body .accordionInner li.checkBoxArea label{margin:0 1.2% 20px 0}}.serachArea .accordion-body .accordionInner li.checkBoxArea.newfaceCheck{width:calc(47% / 2)}@media screen and (max-width: 767px){.serachArea .accordion-body .accordionInner li.checkBoxArea.newfaceCheck{width:47%}}.serachArea .accordion-body .accordionInner li.checkBoxArea.keyWords{width:calc(98% / 2)}@media screen and (max-width: 767px){.serachArea .accordion-body .accordionInner li.checkBoxArea.keyWords{width:100%}}.serachArea .accordion-body .accordionInner li.checkBoxArea label input{display:none}.serachArea .accordion-body .accordionInner li.checkBoxArea label span{color:#333;font-size:14px;border:1px solid #333;border-radius:20px;padding:5px 10px}@media screen and (max-width: 480px){.serachArea .accordion-body .accordionInner li.checkBoxArea label span{border-radius:10px;font-size:13px;padding:8px}}.serachArea .accordion-body .accordionInner li.checkBoxArea label input:checked+span{color:#FFF;background:#ee87b4;border:1px solid #ee87b4}
