.site-content:has(.bppp-native-home) { padding-top: 0; padding-bottom: 0; } .site-content-container:has(.bppp-native-home) { width: 100%; max-width: none; margin: 0; padding: 0; } .entry-content:has(.bppp-native-home) { margin: 0; } .bppp-native-home, .bppp-native-home * { box-sizing: border-box; } .bppp-native-home { width: 100%; margin: 0; } .bppp-native-home .bppp-banner { display: block; margin: 0; padding: 0; max-width: none; } .bppp-native-home .bppp-banner img { display: block; width: 100%; height: auto; margin: 0; } .bppp-native-home .bppp-shop { width: calc(100% – 40px); max-width: 1500px; margin: 40px auto 0; padding: 20px 20px 120px; } .bppp-native-home .bppp-heading { margin: 0 0 50px; color: #000; text-align: center; font: 400 30px/1.1 Oswald,sans-serif; letter-spacing: -1px; } .bppp-native-home .bppp-models { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 20px; padding: 0; } .bppp-native-home .bppp-models a { flex: 0 0 auto; display: block; padding: 8px 16px; border: 1px solid #000; color: #000; text-decoration: none; font: 500 18px/1.5 Oswald,sans-serif; white-space: nowrap; } .bppp-native-home .bppp-models a:hover, .bppp-native-home .bppp-models a:focus-visible { color: #fff; background: #000; } .bppp-native-home .woocommerce ul.products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px 60px; margin: 0; padding: 0; list-style: none; } .bppp-native-home .woocommerce ul.products::before, .bppp-native-home .woocommerce ul.products::after { content: none; display: none; } .bppp-native-home .woocommerce ul.products li.product { float: none; clear: none; margin: 0; padding: 0; width: 100%; min-width: 0; } .bppp-native-home .woocommerce .product-summary { padding: 14px 20px; text-align: center; } .bppp-native-home .woocommerce ul.products .woocommerce-loop-product__title, .bppp-native-home .woocommerce ul.products .price { color: #000; font: 400 15px/1.55556 Oswald,sans-serif; text-align: center; } .bppp-native-home .woocommerce ul.products .woocommerce-loop-product__title { margin: 0 0 6px; } .bppp-native-home .woocommerce ul.products .price { display: block; margin: 0; } @media (max-width: 1024px) { .bppp-native-home .woocommerce ul.products { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 20px; } } @media (max-width: 767px) { .bppp-native-home .bppp-shop { width: 100%; } .bppp-native-home .bppp-heading { font-size: 20px; margin-bottom: 20px; } .bppp-native-home .bppp-models { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 5px; scrollbar-width: none; } .bppp-native-home .bppp-models::-webkit-scrollbar { display: none; } .bppp-native-home .bppp-models a { font-size: 15px; } .bppp-native-home .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); } .bppp-native-home .woocommerce .product-summary { padding: 10px; } .bppp-native-home .woocommerce ul.products .price { font-size: 16px; } } .bppp-native-home .bppp-models a[aria-current=”true”] { color: #fff; background: #000; } .bppp-native-home .bppp-models a:focus-visible { outline: 2px solid #555; outline-offset: 2px; } .bppp-native-home .woocommerce ul.products li.product[hidden] { display: none !important; } .bppp-native-home .bppp-filter-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; } .bppp-native-home .bppp-filter-status.is-empty { position: static; width: auto; height: auto; clip-path: none; text-align: center; } @media (max-width: 767px) { .bppp-native-home .bppp-models { flex-wrap: wrap; justify-content: center; overflow: visible; } }

(function () { var section = document.querySelector(‘.bppp-native-home .bppp-shop’); if (!section) return; var menu = section.querySelector(‘.bppp-models’); var status = section.querySelector(‘.bppp-filter-status’); var products = Array.from(section.querySelectorAll(‘ul.products > li.product’)); if (!menu || !status || !products.length) return; menu.addEventListener(‘click’, function (event) { var choice = event.target.closest(‘a[data-model]’); if (!choice || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0) return; event.preventDefault(); var model = choice.dataset.model; var count = 0; products.forEach(function (product) { var matches = model === ‘all’ || product.classList.contains(‘product_cat-‘ + model); product.hidden = !matches; if (matches) count++; }); menu.querySelectorAll(‘a[data-model]’).forEach(function (link) { link.removeAttribute(‘aria-current’); }); choice.setAttribute(‘aria-current’, ‘true’); status.classList.toggle(‘is-empty’, count === 0); status.textContent = count ? choice.textContent + ‘：’ + count + ‘件’ : ‘このカテゴリーには現在商品がありません。’; }); })();