/* 条件から探す（S-11）。外枠の中だけに効く。プルダウンを1行4つまで並べ、最後に「商品を検索」。8個目からは .p-filter__more（details）に入れる */
.p-portal[data-portal] .p-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;align-items:end;margin:0;padding:16px;border:1px solid #e1e2e4;border-radius:0;background:#fff}
.p-portal[data-portal] .p-filter__field{display:grid;gap:6px;min-width:0;margin:0;font-size:12px;font-weight:400;color:#666}
.p-portal[data-portal] .p-filter__field--wide{grid-column:span 2}
.p-portal[data-portal] .p-filter__field input,.p-portal[data-portal] .p-filter__field select{box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 10px;border:1px solid #d6d7db;border-radius:0;background:#fff;color:#292c30;font:inherit;font-size:14px;font-weight:400}
.p-portal[data-portal] .p-filter__submit{box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 16px;border:0;border-radius:0;background:#b0000d;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.p-portal[data-portal] .p-filter__more{grid-column:1/-1;margin:0;padding:0;border:0}
.p-portal[data-portal] .p-filter__more>summary{display:inline-flex;align-items:center;height:36px;padding:0 4px;color:#292c30;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;list-style:none}
.p-portal[data-portal] .p-filter__more>summary::-webkit-details-marker{display:none}
.p-portal[data-portal] .p-filter__more-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:8px 0 0}
.p-portal[data-portal] .p-filter__submit:focus-visible,.p-portal[data-portal] .p-filter__reset:focus-visible,.p-portal[data-portal] .p-filter__more>summary:focus-visible{outline:2px solid #292c30;outline-offset:2px}
.p-portal[data-portal] .p-filter-result{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:16px 0 0}
.p-portal[data-portal] .p-filter-result__count{margin:0;font-size:14px;color:#292c30}
.p-portal[data-portal] .p-filter-result__count strong{margin:0 2px;font-size:22px;font-weight:700;color:#b0000d}
.p-portal[data-portal] .p-filter__reset{box-sizing:border-box;height:36px;margin:0;padding:0 16px;border:1px solid #d6d7db;border-radius:0;background:#fff;color:#292c30;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
@media (max-width:899px){.p-portal[data-portal] .p-filter,.p-portal[data-portal] .p-filter__more-body{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.p-portal[data-portal] .p-filter,.p-portal[data-portal] .p-filter__more-body{grid-template-columns:1fr}.p-portal[data-portal] .p-filter__field--wide{grid-column:auto}}