:root{--sbb-white: #FFFFFF;--sbb-bg-soft: #FAF9F7;--sbb-beige: #F5F0E8;--sbb-text: rgba(18,18,18,.88);--sbb-text-soft: rgba(18,18,18,.75);--sbb-sub: rgba(18,18,18,.55);--sbb-sub-2: rgba(18,18,18,.35);--sbb-line: rgba(18,18,18,.12);--sbb-line-soft: rgba(18,18,18,.06);--sbb-hover: rgba(18,18,18,.04);--sbb-black: rgb(18,18,18);--sbb-font: "Noto Sans Japanese","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif}.sbb{max-width:1200px;margin:0 auto;padding:72px 24px 120px;color:var(--sbb-text-soft);font-family:var(--sbb-font);font-weight:400;line-height:1.8;letter-spacing:.06rem;background:var(--sbb-white)}.sbb *,.sbb *:before,.sbb *:after{box-sizing:border-box}.sbb__breadcrumb{margin:0 0 40px;font-size:12px;color:var(--sbb-sub)}.sbb__breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.sbb__breadcrumb li+li:before{content:"\ff0f";margin-right:8px;color:var(--sbb-sub-2)}.sbb__breadcrumb a{color:var(--sbb-sub);text-decoration:none;transition:color .2s}.sbb__breadcrumb a:hover{color:var(--sbb-black)}.sbb__breadcrumb [aria-current=page]{color:var(--sbb-text-soft)}.sbb__header{text-align:center;margin-bottom:48px;padding-bottom:32px}.sbb__heading{font-family:var(--sbb-font);font-weight:400;font-size:clamp(22px,3.4vw,30px);color:var(--sbb-black);letter-spacing:.14em;margin:0 0 16px}.sbb__lead{font-size:13px;color:var(--sbb-sub);margin:0;letter-spacing:.08em;line-height:2}.sbb__search{position:sticky;top:0;z-index:20;background:var(--sbb-white);padding:16px 0;margin:0 0 40px;border-top:1px solid var(--sbb-line);border-bottom:1px solid var(--sbb-line)}.sbb__search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sbb__search-inner{position:relative;max-width:520px;margin:0 auto}.sbb__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--sbb-sub);pointer-events:none}.sbb__search-input{width:100%;height:44px;padding:0 44px 0 42px;border:1px solid var(--sbb-line);border-radius:2px;background:var(--sbb-white);font-family:var(--sbb-font);font-size:14px;font-weight:400;color:var(--sbb-black);letter-spacing:.06em;transition:border-color .2s}.sbb__search-input::placeholder{color:var(--sbb-sub-2)}.sbb__search-input:focus{outline:none;border-color:var(--sbb-black)}.sbb__search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;background:transparent;border:none;color:var(--sbb-sub);font-size:18px;cursor:pointer;border-radius:50%}.sbb__search-clear:hover{background:var(--sbb-hover);color:var(--sbb-black)}.sbb__list{margin-bottom:72px}.sbb__loading{text-align:center;color:var(--sbb-sub);padding:40px 0;font-size:13px}.sbb__row{margin-bottom:40px}.sbb__row:last-child{margin-bottom:0}.sbb__row-heading{font-size:12px;font-weight:700;color:var(--sbb-text-soft);letter-spacing:.24em;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--sbb-line);display:flex;align-items:baseline;gap:14px}.sbb__row-heading-small{font-size:10px;font-weight:400;color:var(--sbb-sub-2);letter-spacing:.14em}.sbb__breeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 24px;list-style:none;padding:0;margin:0}.sbb__breed{margin:0}.sbb__breed-btn{width:100%;text-align:left;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--sbb-line-soft);color:var(--sbb-text-soft);font-family:var(--sbb-font);font-size:13px;letter-spacing:.06em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:background .2s,color .2s,padding .2s}.sbb__breed-btn:hover,.sbb__breed-btn:focus-visible{background:var(--sbb-hover);color:var(--sbb-black);padding-left:18px;outline:none}.sbb__breed-btn[aria-current=true]{background:var(--sbb-hover);color:var(--sbb-black);padding-left:18px;font-weight:700}.sbb__breed-count{font-size:11px;color:var(--sbb-sub);letter-spacing:.06em;white-space:nowrap}.sbb__breed-btn--empty,.sbb__breed-btn--empty .sbb__breed-count{color:var(--sbb-sub-2)}.sbb__breed-btn--empty:hover{background:transparent;color:var(--sbb-sub)}.sbb__breed--hidden,.sbb__row--empty{display:none}.sbb__no-match{text-align:center;padding:40px 20px;color:var(--sbb-sub);font-size:13px;line-height:2}.sbb__results{padding-top:56px;margin-top:48px;border-top:1px solid var(--sbb-line);scroll-margin-top:100px}.sbb__results-header{text-align:center;margin-bottom:40px}.sbb__results-heading{font-family:var(--sbb-font);font-weight:400;font-size:clamp(18px,2.8vw,22px);letter-spacing:.12em;color:var(--sbb-black);margin:0 0 8px}.sbb__results-count{font-size:11px;color:var(--sbb-sub);letter-spacing:.14em;margin:0}.sbb__results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:48px 8px}.sbb__results-empty{text-align:center;color:var(--sbb-sub);line-height:2;font-size:13px;padding:40px 20px}.sbb__results-empty a{color:var(--sbb-black);border-bottom:1px solid var(--sbb-line);text-decoration:none;padding-bottom:2px}.sbb__results-empty a:hover{border-color:var(--sbb-black)}.sbb-card{display:block;text-decoration:none;color:inherit;opacity:0;animation:sbb-fade-in .4s ease forwards}@keyframes sbb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sbb-card__media{position:relative;aspect-ratio:1 / 1;background:var(--sbb-bg-soft);overflow:hidden;margin-bottom:14px}.sbb-card__img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .6s ease}.sbb-card__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.sbb-card:hover .sbb-card__img--hover{opacity:1}.sbb-card:hover .sbb-card__img{transform:scale(1.02)}.sbb-card__body{padding:0 4px;text-align:left}.sbb-card__title{font-family:var(--sbb-font);font-size:13px;font-weight:400;color:var(--sbb-black);margin:0 0 6px;line-height:1.6;letter-spacing:.06em}.sbb-card__reviews{font-size:12px;color:var(--sbb-sub);margin:0 0 6px;letter-spacing:.04em;display:flex;align-items:center;gap:6px;line-height:1}.sbb-card__stars{display:inline-flex;line-height:1;letter-spacing:.04em;font-size:13px}.sbb-card__stars-on{color:#f8a927}.sbb-card__stars-off{color:#12121226}.sbb-card__review-count{color:var(--sbb-sub);font-size:11px}.sbb-card__price{font-family:var(--sbb-font);font-size:13px;font-weight:400;color:var(--sbb-text-soft);margin:0;letter-spacing:.06em}.sbb-card__price-compare{color:var(--sbb-sub);text-decoration:line-through;margin-right:8px;font-size:12px}.sbb-card__type{font-size:10px;color:var(--sbb-sub);letter-spacing:.14em;margin:0 0 6px}.sbb__custom-cta{margin-top:96px;padding:64px 32px;background:var(--sbb-bg-soft);text-align:center}.sbb__custom-cta-heading{font-family:var(--sbb-font);font-weight:400;font-size:18px;letter-spacing:.14em;color:var(--sbb-black);margin:0 0 14px}.sbb__custom-cta-text{font-size:13px;color:var(--sbb-sub);line-height:2;margin:0 auto 28px;max-width:520px;letter-spacing:.08em}.sbb__custom-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sbb__btn{display:inline-block;min-width:180px;padding:12px 28px;background:var(--sbb-black);color:var(--sbb-white);border:1px solid var(--sbb-black);border-radius:0;font-family:var(--sbb-font);font-size:12px;font-weight:400;letter-spacing:.18em;text-decoration:none;transition:background .25s,color .25s}.sbb__btn:hover,.sbb__btn:focus-visible{background:var(--sbb-white);color:var(--sbb-black);outline:none}.sbb__btn--ghost{background:var(--sbb-white);color:var(--sbb-black)}.sbb__btn--ghost:hover,.sbb__btn--ghost:focus-visible{background:var(--sbb-black);color:var(--sbb-white)}@media(max-width:768px){.sbb{padding:40px 16px 72px;letter-spacing:.04rem}.sbb__header{margin-bottom:32px;padding-bottom:20px}.sbb__search{padding:12px 0;margin-bottom:28px}.sbb__search-input{height:42px;font-size:14px}.sbb__row{margin-bottom:32px}.sbb__breeds{grid-template-columns:1fr;gap:0}.sbb__breed-btn{padding:14px 12px}.sbb__results{padding-top:40px;margin-top:32px}.sbb__results-grid{grid-template-columns:repeat(2,1fr);gap:28px 4px}.sbb__custom-cta{margin-top:72px;padding:48px 20px}}@media(prefers-reduced-motion:reduce){.sbb-card{animation:none;opacity:1}.sbb-card__img,.sbb__breed-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/search-by-breed.css.map */