CHOOSE YOUR STYLE

EARRINGS

Loading products…

Need help choosing a size?

Compare dimensions, widths and real product videos.

How to choose length and width →Ask on LINE →

.rf-browser{display:none} .refind-breadcrumb-ui { padding: 12px 20px; max-width: 1400px; margin: 0 auto; } .refind-breadcrumb-ui__inner { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 12px; font-family: 'Outfit', sans-serif; letter-spacing: 0.05em; } .refind-breadcrumb-ui__link { color: #888; text-decoration: none; transition: color 0.2s; } .refind-breadcrumb-ui__link:hover { color: #d4af37; } .refind-breadcrumb-ui__sep { color: #555; } .refind-breadcrumb-ui__current { color: #aaa; }

EARRINGS

// Filter dropdown toggle document.querySelectorAll('[data-dropdown-toggle]').forEach(btn => { btn.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); const dropdown = btn.closest('.refind-filter-dropdown'); const isOpen = dropdown.classList.contains('open'); // Close all dropdowns document.querySelectorAll('.refind-filter-dropdown.open').forEach(d => d.classList.remove('open')); // Toggle current if (!isOpen) { dropdown.classList.add('open'); } }); }); // Close dropdown when clicking outside document.addEventListener('click', (e) => { if (!e.target.closest('.refind-filter-dropdown')) { document.querySelectorAll('.refind-filter-dropdown.open').forEach(d => d.classList.remove('open')); } }); // Filter form submit: チェックボックス変更時にURLパラメータを構築して遷移 document.querySelectorAll('.refind-filter-option input[type="checkbox"]').forEach(checkbox => { checkbox.addEventListener('change', () => { const form = document.getElementById('refind-filter-form'); if (!form) return; const url = new URL(form.action, window.location.origin); const params = new URLSearchParams(); // sort_byを保持 const sortInput = form.querySelector('input[name="sort_by"]'); if (sortInput && sortInput.value) { params.set('sort_by', sortInput.value); } // 全チェックボックスの状態を収集 document.querySelectorAll('.refind-filter-option input[type="checkbox"]:checked').forEach(cb => { params.append(cb.name, cb.value); }); // 価格フィルターの値を収集 document.querySelectorAll('.refind-price-filter input').forEach(input => { if (input.value) { params.append(input.name, input.value); } }); window.location.href = url.pathname + '?' + params.toString(); }); });

EARRINGS

No products match your selection

Could not load products

Need help choosing a size?

Your first piece. 10% off.