\u5546\u54c1\u4e00\u89a7 – ACE Jewelry<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-tiffany: #0abab5;\n --dark-tiffany: #008b8b;\n --light-tiffany: #81d8d0;\n --deep-navy: #1a1a2e;\n --soft-cream: #f0f8f8;\n --pearl-white: #FEFEFE;\n --charcoal: #2d2d2d;\n --accent-silver: #c0c0c0;\n --light-gray: #e8e8e8;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n color: var(--charcoal);\n background-color: var(--pearl-white);\n overflow-x: hidden;\n }\n\n .serif-font {\n font-family: 'Cormorant Garamond', serif;\n }\n\n \/* Header Navigation *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(10, 186, 181, 0.1);\n transition: all 0.4s ease;\n }\n\n header.scrolled {\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: block;\n transition: opacity 0.3s ease;\n }\n\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n\n .logo:hover {\n opacity: 0.8;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 3rem;\n align-items: center;\n }\n\n nav a {\n text-decoration: none;\n color: var(--charcoal);\n font-size: 0.9rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n position: relative;\n transition: color 0.3s ease;\n }\n\n nav a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--primary-tiffany);\n transition: width 0.3s ease;\n }\n\n nav a:hover {\n color: var(--primary-tiffany);\n }\n\n nav a:hover::after {\n width: 100%;\n }\n\n nav a.cta-button {\n background: var(--primary-tiffany);\n color: white !important;\n padding: 0.75rem 2rem;\n border-radius: 2px;\n display: inline-block;\n }\n\n nav a.cta-button:hover {\n background: var(--dark-tiffany);\n color: white !important;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(10, 186, 181, 0.3);\n }\n\n nav a.cta-button::after {\n display: none;\n }\n\n \/* Page Header *\/\n .page-header {\n margin-top: 100px;\n padding: 5rem 3rem 3rem;\n background: linear-gradient(135deg, var(--soft-cream) 0%, var(--pearl-white) 100%);\n text-align: center;\n }\n\n .page-header h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.5rem;\n font-weight: 400;\n color: var(--deep-navy);\n margin-bottom: 1rem;\n }\n\n .page-header p {\n font-size: 1.1rem;\n color: var(--charcoal);\n opacity: 0.8;\n }\n\n \/* Filter Section *\/\n .filter-section {\n max-width: 1400px;\n margin: 3rem auto;\n padding: 0 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n .filter-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .filter-btn {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n background: white;\n color: var(--charcoal);\n border-radius: 2px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .filter-btn:hover,\n .filter-btn.active {\n background: var(--primary-tiffany);\n color: white;\n border-color: var(--primary-tiffany);\n }\n\n .sort-select {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n border-radius: 2px;\n font-size: 0.9rem;\n background: white;\n cursor: pointer;\n }\n\n \/* Products Grid *\/\n .products-container {\n max-width: 1400px;\n margin: 0 auto 4rem;\n padding: 0 3rem;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n\n .product-card {\n position: relative;\n overflow: hidden;\n border-radius: 2px;\n background: white;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n transition: all 0.4s ease;\n cursor: pointer;\n }\n\n .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n }\n\n .product-image {\n position: relative;\n overflow: hidden;\n padding-top: 100%;\n background: var(--soft-cream);\n }\n\n .product-image img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .product-card:hover .product-image img {\n transform: scale(1.1);\n }\n\n .product-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary-tiffany);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 2px;\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n z-index: 1;\n }\n\n .product-info {\n padding: 1.5rem;\n text-align: center;\n }\n\n .product-category {\n font-size: 0.8rem;\n color: var(--primary-tiffany);\n letter-spacing: 0.1em;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n }\n\n .product-info h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--deep-navy);\n margin-bottom: 0.75rem;\n font-weight: 500;\n }\n\n .product-description {\n font-size: 0.85rem;\n color: var(--charcoal);\n opacity: 0.7;\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .product-price {\n color: var(--primary-tiffany);\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n \/* Footer *\/\n footer {\n background: #708090; \n color: white;\n padding: 3rem 3rem 2rem;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n text-align: center;\n }\n\n .footer-content p {\n opacity: 0.8;\n margin-bottom: 0.5rem;\n }\n\n .social-icons {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .social-icons a {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n color: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n }\n\n .social-icons a:hover {\n background: var(--primary-tiffany);\n color: white;\n transform: translateY(-3px);\n }\n\n .payment-icons {\n display: flex;\n gap: 0.75rem;\n margin-top: 1rem;\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n\n .payment-icons img {\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-icons img:hover {\n transform: translateY(-2px);\n }\n\n @media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .filter-section {\n padding: 0 1.5rem;\n }\n\n .products-container {\n padding: 0 1.5rem 3rem;\n }\n }\n\n @media (max-width: 768px) {\n .header-content {\n padding: 1rem 1.5rem;\n flex-direction: column;\n gap: 1rem;\n }\n\n .logo img {\n height: 50px;\n }\n\n nav ul {\n gap: 1rem;\n font-size: 0.8rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n nav a.cta-button {\n padding: 0.6rem 1.5rem;\n font-size: 0.85rem;\n }\n\n .page-header h1 {\n font-size: 2.5rem;\n }\n\n .page-header {\n padding: 4rem 1.5rem 2rem;\n }\n\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .filter-section {\n flex-direction: column;\n align-items: stretch;\n gap: 1rem;\n margin: 2rem auto;\n }\n\n .filter-buttons {\n justify-content: center;\n }\n\n .filter-btn {\n padding: 0.6rem 1.2rem;\n font-size: 0.85rem;\n }\n\n .sort-select {\n width: 100%;\n }\n\n .product-info h3 {\n font-size: 1.2rem;\n }\n\n .product-description {\n font-size: 0.8rem;\n }\n\n footer .social-icons {\n justify-content: flex-start;\n }\n\n footer .payment-icons {\n justify-content: flex-start;\n }\n }\n\n @media (max-width: 480px) {\n .logo img {\n height: 40px;\n }\n\n .page-header h1 {\n font-size: 2rem;\n }\n\n .products-grid {\n grid-template-columns: 1fr;\n }\n\n .filter-buttons {\n gap: 0.5rem;\n }\n\n .filter-btn {\n flex: 1 1 calc(50% - 0.25rem);\n padding: 0.5rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .product-badge {\n font-size: 0.7rem;\n padding: 0.4rem 0.8rem;\n }\n\n .product-category {\n font-size: 0.75rem;\n }\n\n .product-info h3 {\n font-size: 1.1rem;\n }\n\n nav ul {\n gap: 0.5rem;\n }\n\n nav a {\n font-size: 0.75rem;\n }\n\n footer > div > div {\n grid-template-columns: 1fr !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header id=\"header\">\n <div class=\"header-content\">\n <a href=\"https:\/\/www.ace-jewelry.net\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/logo.jpg\" alt=\"ACE Jewelry\">\n <\/a>\n <nav>\n <ul>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/\">\u30db\u30fc\u30e0<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=22\">\u5546\u54c1\u4e00\u89a7<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=25\">\u30ab\u30c6\u30b4\u30ea\u30fc<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=16\" class=\"cta-button\">\u6765\u5e97\u4e88\u7d04<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=19\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <div class=\"page-header\">\n <h1 class=\"serif-font\">\u5546\u54c1\u4e00\u89a7<\/h1>\n <p>\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u4f5c\u54c1\u306e\u4e00\u4f8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n\n <div class=\"filter-section\">\n <div class=\"filter-buttons\">\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"ring\">\u30ea\u30f3\u30b0<\/button>\n <button class=\"filter-btn\" data-filter=\"necklace\">\u30cd\u30c3\u30af\u30ec\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"earring\">\u30d4\u30a2\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"bracelet\">\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/button>\n <\/div>\n <select class=\"sort-select\">\n <option>\u65b0\u7740\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u4f4e\u3044\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u9ad8\u3044\u9806<\/option>\n <option>\u4eba\u6c17\u9806<\/option>\n <\/select>\n <\/div>\n\n <div class=\"products-container\">\n <div class=\"products-grid\" id=\"productsGrid\">\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/3.jpg\" alt=\"\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d2b\u6c34\u6676\u306e\u512a\u96c5\u3055\u3092\u5f15\u304d\u7acb\u3066\u308b\u7e4a\u7d30\u306a\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5475,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/2.jpg\" alt=\"\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u8f1d\u304d\u3092\u653e\u3064\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u82b1<\/p>\n <div class=\"product-price\">\u00a5499,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/4.jpg\" alt=\"\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d61\u307f\u5408\u3046\u30cf\u30fc\u30c8\u304c\u7d46\u3092\u8868\u73fe<\/p>\n <div class=\"product-price\">\u00a5365,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/5.jpg\" alt=\"\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af<\/h3>\n <p class=\"product-description\">\u60c5\u71b1\u7684\u306a\u30eb\u30d3\u30fc\u3068\u714c\u3081\u304f\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u8abf\u548c<\/p>\n <div class=\"product-price\">\u00a5488,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g5'%3E%3Cstop offset='0%25' style='stop-color:%23E8DCC8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g5)'\/%3E%3Cellipse cx='200' cy='200' rx='60' ry='20' fill='none' stroke='%230abab5' stroke-width='3'\/%3E%3Cpath d='M 180 190 L 200 170 L 220 190' fill='%230abab5' opacity='0.3'\/%3E%3Ccircle cx='200' cy='190' r='8' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u30ea\u30dc\u30f3\u30e2\u30c1\u30fc\u30d5\u304c\u512a\u96c5\u306b\u8f1d\u304f\u30bd\u30ea\u30c6\u30a3\u30a2<\/p>\n <div class=\"product-price\">\u00a5398,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g6'%3E%3Cstop offset='0%25' style='stop-color:%23F0F0F0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g6)'\/%3E%3Ccircle cx='200' cy='200' r='40' fill='%232d2d2d' opacity='0.8'\/%3E%3Cpath d='M 180 180 L 190 200 L 180 220' fill='%230abab5' opacity='0.5'\/%3E%3Cpath d='M 220 180 L 210 200 L 220 220' fill='%230abab5' opacity='0.5'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u30b7\u30c3\u30af\u306a\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9\u306e\u82b1\u3073\u3089<\/p>\n <div class=\"product-price\">\u00a5465,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g7'%3E%3Cstop offset='0%25' style='stop-color:%23FFE4E1'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g7)'\/%3E%3Ccircle cx='200' cy='180' r='30' fill='%23FFB6C1' opacity='0.6'\/%3E%3Cpath d='M 150 220 Q 200 250 250 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\" alt=\"\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u512a\u3057\u3044\u30d4\u30f3\u30af\u304c\u5fc3\u3092\u7652\u3059<\/p>\n <div class=\"product-price\">\u00a5472,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g8'%3E%3Cstop offset='0%25' style='stop-color:%23E0F0FF'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g8)'\/%3E%3Cpath d='M 180 180 Q 200 160 220 180 Q 220 200 200 220 Q 180 200 180 180' fill='%234169E1' opacity='0.5'\/%3E%3Ccircle cx='200' cy='190' r='5' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u6df1\u3044\u9752\u304c\u9b45\u4e86\u3059\u308b\u30cf\u30fc\u30c8\u578b\u30d4\u30a2\u30b9<\/p>\n <div class=\"product-price\">\u00a5458,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-badge\">PREMIUM<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/6.jpg\" alt=\"\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">0.5ct & 0.2ct \u306e\u7279\u5225\u306a\u4e00\u54c1<\/p>\n <div class=\"product-price\">\u00a5698,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"bracelet\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g10'%3E%3Cstop offset='0%25' style='stop-color:%23F5F0E8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g10)'\/%3E%3Cpath d='M 100 200 L 140 200 L 160 200 L 180 200 L 200 200 L 220 200 L 240 200 L 260 200 L 300 200' stroke='%230abab5' stroke-width='4' fill='none'\/%3E%3Ccircle cx='140' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='260' cy='200' r='6' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Bracelet<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/h3>\n <p class=\"product-description\">\u9023\u306a\u308b\u30c0\u30a4\u30e4\u304c\u624b\u5143\u3092\u8f1d\u304b\u305b\u308b<\/p>\n <div class=\"product-price\">\u00a5525,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g11'%3E%3Cstop offset='0%25' style='stop-color:%23FFFACD'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g11)'\/%3E%3Ccircle cx='200' cy='180' r='25' fill='%23FFD700' opacity='0.5'\/%3E%3Cpath d='M 140 220 Q 200 260 260 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3Ccircle cx='170' cy='230' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='240' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='230' cy='230' r='4' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u592a\u967d\u306e\u3088\u3046\u306b\u8f1d\u304f\u9ec4\u8272\u3044\u5b9d\u77f3<\/p>\n <div class=\"product-price\">\u00a5385,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g12'%3E%3Cstop offset='0%25' style='stop-color:%23F0E8E0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g12)'\/%3E%3Cellipse cx='200' cy='200' rx='50' ry='18' fill='none' stroke='%23C9A882' stroke-width='3'\/%3E%3Ccircle cx='200' cy='200' r='10' fill='%230abab5' opacity='0.6'\/%3E%3C\/svg%3E\" alt=\"\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u611b\u3092\u8c61\u5fb4\u3059\u308b\u9014\u5207\u308c\u306a\u3044\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5420,000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <footer>\n <div class=\"footer-content\">\n <div style=\"max-width: 800px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; text-align: left;\">\n <div>\n <h2 class=\"serif-font\" style=\"margin-bottom: 1rem;\">ACE Jewelry<\/h2>\n <p>info@ace-jewelry.net<\/p>\n <p>082-909-2447<\/p>\n <\/div>\n <div>\n <h3 style=\"color: var(--primary-tiffany); margin-bottom: 1rem; font-size: 1rem;\">Connect with us<\/h3>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"Instagram\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"X (Twitter)\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <h3 style=\"color: var(--primary-tiffany); margin-top: 2rem; margin-bottom: 1rem; font-size: 1rem;\">Secure payment<\/h3>\n <div class=\"payment-icons\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image.gif\" alt=\"American Express\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-1.gif\" alt=\"JCB\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-2.gif\" alt=\"Mastercard\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-3.gif\" alt=\"Diners Club\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-4.gif\" alt=\"VISA\" width=\"50\" height=\"32\">\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 3rem; opacity: 0.6;\">\u00a9 2025 ACE Jewelry. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Filter functionality\n const filterButtons = document.querySelectorAll('.filter-btn');\n const productCards = document.querySelectorAll('.product-card');\n\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n const filter = button.getAttribute('data-filter');\n \n \/\/ Update active button\n filterButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n \/\/ Filter products\n productCards.forEach(card => {\n if (filter === 'all' || card.getAttribute('data-category') === filter) {\n card.style.display = 'block';\n } else {\n card.style.display = 'none';\n }\n });\n });\n });\n\n \/\/ Scroll effects\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-group sme-hidden-md sme-hidden-lg-up is-layout-constrained wp-block-group-is-layout-constrained\">\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u5546\u54c1\u4e00\u89a7 – ACE Jewelry<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-tiffany: #0abab5;\n --dark-tiffany: #008b8b;\n --light-tiffany: #81d8d0;\n --deep-navy: #1a1a2e;\n --soft-cream: #f0f8f8;\n --pearl-white: #FEFEFE;\n --charcoal: #2d2d2d;\n --accent-silver: #c0c0c0;\n --light-gray: #e8e8e8;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n color: var(--charcoal);\n background-color: var(--pearl-white);\n overflow-x: hidden;\n }\n\n .serif-font {\n font-family: 'Cormorant Garamond', serif;\n }\n\n \/* Header Navigation *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(10, 186, 181, 0.1);\n transition: all 0.4s ease;\n }\n\n header.scrolled {\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n }\n\n .logo {\n display: block;\n transition: opacity 0.3s ease;\n z-index: 1002;\n position: relative;\n }\n\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n\n .logo:hover {\n opacity: 0.8;\n }\n\n \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u30dc\u30bf\u30f3 - \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u975e\u8868\u793a *\/\n .hamburger {\n display: none;\n flex-direction: column;\n cursor: pointer;\n padding: 0.5rem;\n z-index: 1002;\n position: relative;\n background: none;\n border: none;\n }\n\n .hamburger span {\n width: 25px;\n height: 3px;\n background-color: var(--charcoal);\n margin: 3px 0;\n transition: all 0.3s ease;\n display: block;\n }\n\n .hamburger.active span:nth-child(1) {\n transform: rotate(-45deg) translate(-5px, 6px);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: rotate(45deg) translate(-5px, -6px);\n }\n\n \/* \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 *\/\n nav ul {\n list-style: none;\n display: flex;\n gap: 3rem;\n align-items: center;\n }\n\n nav a {\n text-decoration: none;\n color: var(--charcoal);\n font-size: 0.9rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n position: relative;\n transition: color 0.3s ease;\n }\n\n nav a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--primary-tiffany);\n transition: width 0.3s ease;\n }\n\n nav a:hover {\n color: var(--primary-tiffany);\n }\n\n nav a:hover::after {\n width: 100%;\n }\n\n nav a.cta-button {\n background: var(--primary-tiffany);\n color: white !important;\n padding: 0.75rem 2rem;\n border-radius: 2px;\n display: inline-block;\n }\n\n nav a.cta-button:hover {\n background: var(--dark-tiffany);\n color: white !important;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(10, 186, 181, 0.3);\n }\n\n nav a.cta-button::after {\n display: none;\n }\n\n \/* Page Header *\/\n .page-header {\n margin-top: 100px;\n padding: 5rem 3rem 3rem;\n background: linear-gradient(135deg, var(--soft-cream) 0%, var(--pearl-white) 100%);\n text-align: center;\n }\n\n .page-header h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.5rem;\n font-weight: 400;\n color: var(--deep-navy);\n margin-bottom: 1rem;\n }\n\n .page-header p {\n font-size: 1.1rem;\n color: var(--charcoal);\n opacity: 0.8;\n }\n\n \/* Filter Section *\/\n .filter-section {\n max-width: 1400px;\n margin: 3rem auto;\n padding: 0 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n .filter-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .filter-btn {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n background: white;\n color: var(--charcoal);\n border-radius: 2px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .filter-btn:hover,\n .filter-btn.active {\n background: var(--primary-tiffany);\n color: white;\n border-color: var(--primary-tiffany);\n }\n\n .sort-select {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n border-radius: 2px;\n font-size: 0.9rem;\n background: white;\n cursor: pointer;\n }\n\n \/* Products Grid *\/\n .products-container {\n max-width: 1400px;\n margin: 0 auto 4rem;\n padding: 0 3rem;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n\n .product-card {\n position: relative;\n overflow: hidden;\n border-radius: 2px;\n background: white;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n transition: all 0.4s ease;\n cursor: pointer;\n }\n\n .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n }\n\n .product-image {\n position: relative;\n overflow: hidden;\n padding-top: 100%;\n background: var(--soft-cream);\n }\n\n .product-image img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .product-card:hover .product-image img {\n transform: scale(1.1);\n }\n\n .product-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary-tiffany);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 2px;\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n z-index: 1;\n }\n\n .product-info {\n padding: 1.5rem;\n text-align: center;\n }\n\n .product-category {\n font-size: 0.8rem;\n color: var(--primary-tiffany);\n letter-spacing: 0.1em;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n }\n\n .product-info h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--deep-navy);\n margin-bottom: 0.75rem;\n font-weight: 500;\n }\n\n .product-description {\n font-size: 0.85rem;\n color: var(--charcoal);\n opacity: 0.7;\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .product-price {\n color: var(--primary-tiffany);\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n \/* Footer *\/\n footer {\n background: #708090; \n color: white;\n padding: 3rem 3rem 2rem;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n text-align: center;\n }\n\n .footer-content p {\n opacity: 0.8;\n margin-bottom: 0.5rem;\n }\n\n .social-icons {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .social-icons a {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n color: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n }\n\n .social-icons a:hover {\n background: var(--primary-tiffany);\n color: white;\n transform: translateY(-3px);\n }\n\n .payment-icons {\n display: flex;\n gap: 0.75rem;\n margin-top: 1rem;\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n\n .payment-icons img {\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-icons img:hover {\n transform: translateY(-2px);\n }\n\n \/* \u4e0d\u8981\u306a\u30ea\u30f3\u30af\u3092\u975e\u8868\u793a *\/\n body > a[href*=\"ace-jewelry.net\"]:not(.logo),\n a[href=\"https:\/\/www.ace-jewelry.net\"]:not(.logo) {\n display: none !important;\n }\n\n \/* \u30bf\u30d6\u30ec\u30c3\u30c8\u5bfe\u5fdc *\/\n @media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .filter-section {\n padding: 0 1.5rem;\n }\n\n .products-container {\n padding: 0 1.5rem 3rem;\n }\n }\n\n \/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc - 768px\u4ee5\u4e0b *\/\n @media (max-width: 768px) {\n \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a *\/\n .hamburger {\n display: flex !important;\n }\n\n \/* \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u753b\u9762\u5916\u306b\u914d\u7f6e *\/\n nav {\n position: fixed;\n top: 0;\n right: -100%;\n left: auto;\n width: 80%;\n max-width: 400px;\n height: 100vh;\n background: white;\n transition: right 0.3s ease;\n z-index: 1001;\n overflow-y: auto;\n padding-top: 100px;\n box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);\n }\n\n \/* \u30e1\u30cb\u30e5\u30fc\u304c\u958b\u3044\u305f\u72b6\u614b *\/\n nav.active {\n right: 0 !important;\n }\n\n nav ul {\n flex-direction: column;\n padding: 2rem;\n gap: 0;\n }\n\n nav li {\n width: 100%;\n border-bottom: 1px solid var(--light-gray);\n }\n\n nav a {\n display: block;\n padding: 1.5rem 0;\n text-align: center;\n font-size: 1rem;\n }\n\n nav a.cta-button {\n margin: 1rem auto;\n padding: 1rem 2rem;\n width: auto;\n display: block;\n text-align: center;\n }\n\n nav a::after {\n display: none;\n }\n\n .header-content {\n padding: 1rem 1.5rem;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo img {\n height: 50px;\n }\n\n .page-header h1 {\n font-size: 2.5rem;\n }\n\n .page-header {\n padding: 4rem 1.5rem 2rem;\n }\n\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .filter-section {\n flex-direction: column;\n align-items: stretch;\n gap: 1rem;\n margin: 2rem auto;\n }\n\n .filter-buttons {\n justify-content: center;\n }\n\n .filter-btn {\n padding: 0.6rem 1.2rem;\n font-size: 0.85rem;\n }\n\n .sort-select {\n width: 100%;\n }\n\n .product-info h3 {\n font-size: 1.2rem;\n }\n\n .product-description {\n font-size: 0.8rem;\n }\n\n footer .social-icons {\n justify-content: flex-start;\n }\n\n footer .payment-icons {\n justify-content: flex-start;\n }\n }\n\n \/* \u5c0f\u3055\u3044\u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\n @media (max-width: 480px) {\n .logo img {\n height: 40px;\n }\n\n .page-header h1 {\n font-size: 2rem;\n }\n\n .products-grid {\n grid-template-columns: 1fr;\n }\n\n .filter-buttons {\n gap: 0.5rem;\n }\n\n .filter-btn {\n flex: 1 1 calc(50% - 0.25rem);\n padding: 0.5rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .product-badge {\n font-size: 0.7rem;\n padding: 0.4rem 0.8rem;\n }\n\n .product-category {\n font-size: 0.75rem;\n }\n\n .product-info h3 {\n font-size: 1.1rem;\n }\n\n footer > div > div {\n grid-template-columns: 1fr !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header id=\"header\">\n <div class=\"header-content\">\n <a href=\"https:\/\/www.ace-jewelry.net\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/logo.jpg\" alt=\"ACE Jewelry\">\n <\/a>\n \n \n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n \n <nav id=\"nav\">\n <ul>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/\">\u30db\u30fc\u30e0<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=22\">\u5546\u54c1\u4e00\u89a7<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=25\">\u30ab\u30c6\u30b4\u30ea\u30fc<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=16\" class=\"cta-button\">\u6765\u5e97\u4e88\u7d04<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=19\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <div class=\"page-header\">\n <h1 class=\"serif-font\">\u5546\u54c1\u4e00\u89a7<\/h1>\n <p>\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u4f5c\u54c1\u306e\u4e00\u4f8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n\n <div class=\"filter-section\">\n <div class=\"filter-buttons\">\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"ring\">\u30ea\u30f3\u30b0<\/button>\n <button class=\"filter-btn\" data-filter=\"necklace\">\u30cd\u30c3\u30af\u30ec\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"earring\">\u30d4\u30a2\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"bracelet\">\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/button>\n <\/div>\n <select class=\"sort-select\">\n <option>\u65b0\u7740\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u4f4e\u3044\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u9ad8\u3044\u9806<\/option>\n <option>\u4eba\u6c17\u9806<\/option>\n <\/select>\n <\/div>\n\n <div class=\"products-container\">\n <div class=\"products-grid\" id=\"productsGrid\">\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/3.jpg\" alt=\"\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d2b\u6c34\u6676\u306e\u512a\u96c5\u3055\u3092\u5f15\u304d\u7acb\u3066\u308b\u7e4a\u7d30\u306a\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5475,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/2.jpg\" alt=\"\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u8f1d\u304d\u3092\u653e\u3064\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u82b1<\/p>\n <div class=\"product-price\">\u00a5499,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/4.jpg\" alt=\"\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d61\u307f\u5408\u3046\u30cf\u30fc\u30c8\u304c\u7d46\u3092\u8868\u73fe<\/p>\n <div class=\"product-price\">\u00a5365,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/5.jpg\" alt=\"\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af<\/h3>\n <p class=\"product-description\">\u60c5\u71b1\u7684\u306a\u30eb\u30d3\u30fc\u3068\u714c\u3081\u304f\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u8abf\u548c<\/p>\n <div class=\"product-price\">\u00a5488,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g5'%3E%3Cstop offset='0%25' style='stop-color:%23E8DCC8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g5)'\/%3E%3Cellipse cx='200' cy='200' rx='60' ry='20' fill='none' stroke='%230abab5' stroke-width='3'\/%3E%3Cpath d='M 180 190 L 200 170 L 220 190' fill='%230abab5' opacity='0.3'\/%3E%3Ccircle cx='200' cy='190' r='8' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u30ea\u30dc\u30f3\u30e2\u30c1\u30fc\u30d5\u304c\u512a\u96c5\u306b\u8f1d\u304f\u30bd\u30ea\u30c6\u30a3\u30a2<\/p>\n <div class=\"product-price\">\u00a5398,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g6'%3E%3Cstop offset='0%25' style='stop-color:%23F0F0F0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g6)'\/%3E%3Ccircle cx='200' cy='200' r='40' fill='%232d2d2d' opacity='0.8'\/%3E%3Cpath d='M 180 180 L 190 200 L 180 220' fill='%230abab5' opacity='0.5'\/%3E%3Cpath d='M 220 180 L 210 200 L 220 220' fill='%230abab5' opacity='0.5'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u30b7\u30c3\u30af\u306a\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9\u306e\u82b1\u3073\u3089<\/p>\n <div class=\"product-price\">\u00a5465,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g7'%3E%3Cstop offset='0%25' style='stop-color:%23FFE4E1'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g7)'\/%3E%3Ccircle cx='200' cy='180' r='30' fill='%23FFB6C1' opacity='0.6'\/%3E%3Cpath d='M 150 220 Q 200 250 250 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\" alt=\"\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u512a\u3057\u3044\u30d4\u30f3\u30af\u304c\u5fc3\u3092\u7652\u3059<\/p>\n <div class=\"product-price\">\u00a5472,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g8'%3E%3Cstop offset='0%25' style='stop-color:%23E0F0FF'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g8)'\/%3E%3Cpath d='M 180 180 Q 200 160 220 180 Q 220 200 200 220 Q 180 200 180 180' fill='%234169E1' opacity='0.5'\/%3E%3Ccircle cx='200' cy='190' r='5' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u6df1\u3044\u9752\u304c\u9b45\u4e86\u3059\u308b\u30cf\u30fc\u30c8\u578b\u30d4\u30a2\u30b9<\/p>\n <div class=\"product-price\">\u00a5458,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-badge\">PREMIUM<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/6.jpg\" alt=\"\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">0.5ct & 0.2ct \u306e\u7279\u5225\u306a\u4e00\u54c1<\/p>\n <div class=\"product-price\">\u00a5698,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"bracelet\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g10'%3E%3Cstop offset='0%25' style='stop-color:%23F5F0E8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g10)'\/%3E%3Cpath d='M 100 200 L 140 200 L 160 200 L 180 200 L 200 200 L 220 200 L 240 200 L 260 200 L 300 200' stroke='%230abab5' stroke-width='4' fill='none'\/%3E%3Ccircle cx='140' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='260' cy='200' r='6' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Bracelet<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/h3>\n <p class=\"product-description\">\u9023\u306a\u308b\u30c0\u30a4\u30e4\u304c\u624b\u5143\u3092\u8f1d\u304b\u305b\u308b<\/p>\n <div class=\"product-price\">\u00a5525,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g11'%3E%3Cstop offset='0%25' style='stop-color:%23FFFACD'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g11)'\/%3E%3Ccircle cx='200' cy='180' r='25' fill='%23FFD700' opacity='0.5'\/%3E%3Cpath d='M 140 220 Q 200 260 260 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3Ccircle cx='170' cy='230' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='240' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='230' cy='230' r='4' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u592a\u967d\u306e\u3088\u3046\u306b\u8f1d\u304f\u9ec4\u8272\u3044\u5b9d\u77f3<\/p>\n <div class=\"product-price\">\u00a5385,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g12'%3E%3Cstop offset='0%25' style='stop-color:%23F0E8E0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g12)'\/%3E%3Cellipse cx='200' cy='200' rx='50' ry='18' fill='none' stroke='%23C9A882' stroke-width='3'\/%3E%3Ccircle cx='200' cy='200' r='10' fill='%230abab5' opacity='0.6'\/%3E%3C\/svg%3E\" alt=\"\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u611b\u3092\u8c61\u5fb4\u3059\u308b\u9014\u5207\u308c\u306a\u3044\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5420,000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <footer>\n <div class=\"footer-content\">\n <div style=\"max-width: 800px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; text-align: left;\">\n <div>\n <h2 class=\"serif-font\" style=\"margin-bottom: 1rem;\">ACE Jewelry<\/h2>\n <p>info@ace-jewelry.net<\/p>\n <p>082-909-2447<\/p>\n <\/div>\n <div>\n <h3 style=\"color: var(--primary-tiffany); margin-bottom: 1rem; font-size: 1rem;\">Connect with us<\/h3>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"Instagram\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"X (Twitter)\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <h3 style=\"color: var(--primary-tiffany); margin-top: 2rem; margin-bottom: 1rem; font-size: 1rem;\">Secure payment<\/h3>\n <div class=\"payment-icons\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image.gif\" alt=\"American Express\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-1.gif\" alt=\"JCB\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-2.gif\" alt=\"Mastercard\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-3.gif\" alt=\"Diners Club\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-4.gif\" alt=\"VISA\" width=\"50\" height=\"32\">\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 3rem; opacity: 0.6;\">\u00a9 2025 ACE Jewelry. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ DOM\u306e\u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\u3092\u5f85\u3064\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306e\u52d5\u4f5c\n const hamburger = document.getElementById('hamburger');\n const nav = document.getElementById('nav');\n\n if (hamburger && nav) {\n \/\/ \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30dc\u30bf\u30f3\u306e\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\n hamburger.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n \n \/\/ active\u30af\u30e9\u30b9\u3092\u30c8\u30b0\u30eb\n hamburger.classList.toggle('active');\n nav.classList.toggle('active');\n \n \/\/ body\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5236\u5fa1\uff08\u30e1\u30cb\u30e5\u30fc\u304c\u958b\u3044\u3066\u3044\u308b\u6642\u306f\u30b9\u30af\u30ed\u30fc\u30eb\u7121\u52b9\uff09\n if (nav.classList.contains('active')) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = '';\n }\n });\n\n \/\/ \u30e1\u30cb\u30e5\u30fc\u9805\u76ee\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b\n const navLinks = document.querySelectorAll('nav a');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n hamburger.classList.remove('active');\n nav.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u5916\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b\n document.addEventListener('click', (e) => {\n if (nav.classList.contains('active') && \n !nav.contains(e.target) && \n !hamburger.contains(e.target)) {\n hamburger.classList.remove('active');\n nav.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n\n \/\/ Filter functionality\n const filterButtons = document.querySelectorAll('.filter-btn');\n const productCards = document.querySelectorAll('.product-card');\n\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n const filter = button.getAttribute('data-filter');\n \n \/\/ Update active button\n filterButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n \/\/ Filter products\n productCards.forEach(card => {\n if (filter === 'all' || card.getAttribute('data-category') === filter) {\n card.style.display = 'block';\n } else {\n card.style.display = 'none';\n }\n });\n });\n });\n\n \/\/ Scroll effects\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5546\u54c1\u4e00\u89a7 – ACE Jewelry \u30db\u30fc\u30e0 \u5546\u54c1\u4e00\u89a7 \u30ab\u30c6\u30b4\u30ea\u30fc \u6765\u5e97\u4e88\u7d04 \u304a\u554f\u3044\u5408\u308f\u305b \u5546\u54c1\u4e00\u89a7 \u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u4f5c\u54c1\u306e\u4e00\u4f8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044 \u3059\u3079\u3066 \u30ea\u30f3\u30b0 \u30cd\u30c3\u30af\u30ec\u30b9 \u30d4\u30a2\u30b9 \u30d6\u30ec\u30b9\u30ec\u30c3\u30c8 \u65b0\u7740\u9806 \u4fa1\u683c\u304c\u4f4e\u3044\u9806 \u4fa1\u683c\u304c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/blank-content.php","meta":{"footnotes":"","wp-seo-meta-description":"","wp-seo-meta-robots":[]},"class_list":{"0":"post-22","1":"page","2":"type-page","3":"status-publish","5":"c-entry"},"_links":{"self":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":29,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n \u5546\u54c1\u4e00\u89a7 – ACE Jewelry<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-tiffany: #0abab5;\n --dark-tiffany: #008b8b;\n --light-tiffany: #81d8d0;\n --deep-navy: #1a1a2e;\n --soft-cream: #f0f8f8;\n --pearl-white: #FEFEFE;\n --charcoal: #2d2d2d;\n --accent-silver: #c0c0c0;\n --light-gray: #e8e8e8;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n color: var(--charcoal);\n background-color: var(--pearl-white);\n overflow-x: hidden;\n }\n\n .serif-font {\n font-family: 'Cormorant Garamond', serif;\n }\n\n \/* Header Navigation *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(10, 186, 181, 0.1);\n transition: all 0.4s ease;\n }\n\n header.scrolled {\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: block;\n transition: opacity 0.3s ease;\n }\n\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n\n .logo:hover {\n opacity: 0.8;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 3rem;\n align-items: center;\n }\n\n nav a {\n text-decoration: none;\n color: var(--charcoal);\n font-size: 0.9rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n position: relative;\n transition: color 0.3s ease;\n }\n\n nav a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--primary-tiffany);\n transition: width 0.3s ease;\n }\n\n nav a:hover {\n color: var(--primary-tiffany);\n }\n\n nav a:hover::after {\n width: 100%;\n }\n\n nav a.cta-button {\n background: var(--primary-tiffany);\n color: white !important;\n padding: 0.75rem 2rem;\n border-radius: 2px;\n display: inline-block;\n }\n\n nav a.cta-button:hover {\n background: var(--dark-tiffany);\n color: white !important;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(10, 186, 181, 0.3);\n }\n\n nav a.cta-button::after {\n display: none;\n }\n\n \/* Page Header *\/\n .page-header {\n margin-top: 100px;\n padding: 5rem 3rem 3rem;\n background: linear-gradient(135deg, var(--soft-cream) 0%, var(--pearl-white) 100%);\n text-align: center;\n }\n\n .page-header h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.5rem;\n font-weight: 400;\n color: var(--deep-navy);\n margin-bottom: 1rem;\n }\n\n .page-header p {\n font-size: 1.1rem;\n color: var(--charcoal);\n opacity: 0.8;\n }\n\n \/* Filter Section *\/\n .filter-section {\n max-width: 1400px;\n margin: 3rem auto;\n padding: 0 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n .filter-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .filter-btn {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n background: white;\n color: var(--charcoal);\n border-radius: 2px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .filter-btn:hover,\n .filter-btn.active {\n background: var(--primary-tiffany);\n color: white;\n border-color: var(--primary-tiffany);\n }\n\n .sort-select {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n border-radius: 2px;\n font-size: 0.9rem;\n background: white;\n cursor: pointer;\n }\n\n \/* Products Grid *\/\n .products-container {\n max-width: 1400px;\n margin: 0 auto 4rem;\n padding: 0 3rem;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n\n .product-card {\n position: relative;\n overflow: hidden;\n border-radius: 2px;\n background: white;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n transition: all 0.4s ease;\n cursor: pointer;\n }\n\n .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n }\n\n .product-image {\n position: relative;\n overflow: hidden;\n padding-top: 100%;\n background: var(--soft-cream);\n }\n\n .product-image img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .product-card:hover .product-image img {\n transform: scale(1.1);\n }\n\n .product-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary-tiffany);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 2px;\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n z-index: 1;\n }\n\n .product-info {\n padding: 1.5rem;\n text-align: center;\n }\n\n .product-category {\n font-size: 0.8rem;\n color: var(--primary-tiffany);\n letter-spacing: 0.1em;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n }\n\n .product-info h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--deep-navy);\n margin-bottom: 0.75rem;\n font-weight: 500;\n }\n\n .product-description {\n font-size: 0.85rem;\n color: var(--charcoal);\n opacity: 0.7;\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .product-price {\n color: var(--primary-tiffany);\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n \/* Footer *\/\n footer {\n background: #708090; \n color: white;\n padding: 3rem 3rem 2rem;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n text-align: center;\n }\n\n .footer-content p {\n opacity: 0.8;\n margin-bottom: 0.5rem;\n }\n\n .social-icons {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .social-icons a {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n color: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n }\n\n .social-icons a:hover {\n background: var(--primary-tiffany);\n color: white;\n transform: translateY(-3px);\n }\n\n .payment-icons {\n display: flex;\n gap: 0.75rem;\n margin-top: 1rem;\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n\n .payment-icons img {\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-icons img:hover {\n transform: translateY(-2px);\n }\n\n @media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .filter-section {\n padding: 0 1.5rem;\n }\n\n .products-container {\n padding: 0 1.5rem 3rem;\n }\n }\n\n @media (max-width: 768px) {\n .header-content {\n padding: 1rem 1.5rem;\n flex-direction: column;\n gap: 1rem;\n }\n\n .logo img {\n height: 50px;\n }\n\n nav ul {\n gap: 1rem;\n font-size: 0.8rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n nav a.cta-button {\n padding: 0.6rem 1.5rem;\n font-size: 0.85rem;\n }\n\n .page-header h1 {\n font-size: 2.5rem;\n }\n\n .page-header {\n padding: 4rem 1.5rem 2rem;\n }\n\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .filter-section {\n flex-direction: column;\n align-items: stretch;\n gap: 1rem;\n margin: 2rem auto;\n }\n\n .filter-buttons {\n justify-content: center;\n }\n\n .filter-btn {\n padding: 0.6rem 1.2rem;\n font-size: 0.85rem;\n }\n\n .sort-select {\n width: 100%;\n }\n\n .product-info h3 {\n font-size: 1.2rem;\n }\n\n .product-description {\n font-size: 0.8rem;\n }\n\n footer .social-icons {\n justify-content: flex-start;\n }\n\n footer .payment-icons {\n justify-content: flex-start;\n }\n }\n\n @media (max-width: 480px) {\n .logo img {\n height: 40px;\n }\n\n .page-header h1 {\n font-size: 2rem;\n }\n\n .products-grid {\n grid-template-columns: 1fr;\n }\n\n .filter-buttons {\n gap: 0.5rem;\n }\n\n .filter-btn {\n flex: 1 1 calc(50% - 0.25rem);\n padding: 0.5rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .product-badge {\n font-size: 0.7rem;\n padding: 0.4rem 0.8rem;\n }\n\n .product-category {\n font-size: 0.75rem;\n }\n\n .product-info h3 {\n font-size: 1.1rem;\n }\n\n nav ul {\n gap: 0.5rem;\n }\n\n nav a {\n font-size: 0.75rem;\n }\n\n footer > div > div {\n grid-template-columns: 1fr !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header id=\"header\">\n <div class=\"header-content\">\n <a href=\"https:\/\/www.ace-jewelry.net\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/logo.jpg\" alt=\"ACE Jewelry\">\n <\/a>\n <nav>\n <ul>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/\">\u30db\u30fc\u30e0<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=22\">\u5546\u54c1\u4e00\u89a7<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=25\">\u30ab\u30c6\u30b4\u30ea\u30fc<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=16\" class=\"cta-button\">\u6765\u5e97\u4e88\u7d04<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=19\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <div class=\"page-header\">\n <h1 class=\"serif-font\">\u5546\u54c1\u4e00\u89a7<\/h1>\n <p>\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u4f5c\u54c1\u306e\u4e00\u4f8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n\n <div class=\"filter-section\">\n <div class=\"filter-buttons\">\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"ring\">\u30ea\u30f3\u30b0<\/button>\n <button class=\"filter-btn\" data-filter=\"necklace\">\u30cd\u30c3\u30af\u30ec\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"earring\">\u30d4\u30a2\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"bracelet\">\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/button>\n <\/div>\n <select class=\"sort-select\">\n <option>\u65b0\u7740\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u4f4e\u3044\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u9ad8\u3044\u9806<\/option>\n <option>\u4eba\u6c17\u9806<\/option>\n <\/select>\n <\/div>\n\n <div class=\"products-container\">\n <div class=\"products-grid\" id=\"productsGrid\">\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/3.jpg\" alt=\"\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d2b\u6c34\u6676\u306e\u512a\u96c5\u3055\u3092\u5f15\u304d\u7acb\u3066\u308b\u7e4a\u7d30\u306a\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5475,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/2.jpg\" alt=\"\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u8f1d\u304d\u3092\u653e\u3064\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u82b1<\/p>\n <div class=\"product-price\">\u00a5499,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/4.jpg\" alt=\"\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d61\u307f\u5408\u3046\u30cf\u30fc\u30c8\u304c\u7d46\u3092\u8868\u73fe<\/p>\n <div class=\"product-price\">\u00a5365,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/5.jpg\" alt=\"\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af<\/h3>\n <p class=\"product-description\">\u60c5\u71b1\u7684\u306a\u30eb\u30d3\u30fc\u3068\u714c\u3081\u304f\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u8abf\u548c<\/p>\n <div class=\"product-price\">\u00a5488,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g5'%3E%3Cstop offset='0%25' style='stop-color:%23E8DCC8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g5)'\/%3E%3Cellipse cx='200' cy='200' rx='60' ry='20' fill='none' stroke='%230abab5' stroke-width='3'\/%3E%3Cpath d='M 180 190 L 200 170 L 220 190' fill='%230abab5' opacity='0.3'\/%3E%3Ccircle cx='200' cy='190' r='8' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u30ea\u30dc\u30f3\u30e2\u30c1\u30fc\u30d5\u304c\u512a\u96c5\u306b\u8f1d\u304f\u30bd\u30ea\u30c6\u30a3\u30a2<\/p>\n <div class=\"product-price\">\u00a5398,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g6'%3E%3Cstop offset='0%25' style='stop-color:%23F0F0F0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g6)'\/%3E%3Ccircle cx='200' cy='200' r='40' fill='%232d2d2d' opacity='0.8'\/%3E%3Cpath d='M 180 180 L 190 200 L 180 220' fill='%230abab5' opacity='0.5'\/%3E%3Cpath d='M 220 180 L 210 200 L 220 220' fill='%230abab5' opacity='0.5'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u30b7\u30c3\u30af\u306a\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9\u306e\u82b1\u3073\u3089<\/p>\n <div class=\"product-price\">\u00a5465,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g7'%3E%3Cstop offset='0%25' style='stop-color:%23FFE4E1'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g7)'\/%3E%3Ccircle cx='200' cy='180' r='30' fill='%23FFB6C1' opacity='0.6'\/%3E%3Cpath d='M 150 220 Q 200 250 250 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\" alt=\"\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u512a\u3057\u3044\u30d4\u30f3\u30af\u304c\u5fc3\u3092\u7652\u3059<\/p>\n <div class=\"product-price\">\u00a5472,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g8'%3E%3Cstop offset='0%25' style='stop-color:%23E0F0FF'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g8)'\/%3E%3Cpath d='M 180 180 Q 200 160 220 180 Q 220 200 200 220 Q 180 200 180 180' fill='%234169E1' opacity='0.5'\/%3E%3Ccircle cx='200' cy='190' r='5' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u6df1\u3044\u9752\u304c\u9b45\u4e86\u3059\u308b\u30cf\u30fc\u30c8\u578b\u30d4\u30a2\u30b9<\/p>\n <div class=\"product-price\">\u00a5458,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-badge\">PREMIUM<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/6.jpg\" alt=\"\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">0.5ct & 0.2ct \u306e\u7279\u5225\u306a\u4e00\u54c1<\/p>\n <div class=\"product-price\">\u00a5698,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"bracelet\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g10'%3E%3Cstop offset='0%25' style='stop-color:%23F5F0E8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g10)'\/%3E%3Cpath d='M 100 200 L 140 200 L 160 200 L 180 200 L 200 200 L 220 200 L 240 200 L 260 200 L 300 200' stroke='%230abab5' stroke-width='4' fill='none'\/%3E%3Ccircle cx='140' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='260' cy='200' r='6' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Bracelet<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/h3>\n <p class=\"product-description\">\u9023\u306a\u308b\u30c0\u30a4\u30e4\u304c\u624b\u5143\u3092\u8f1d\u304b\u305b\u308b<\/p>\n <div class=\"product-price\">\u00a5525,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g11'%3E%3Cstop offset='0%25' style='stop-color:%23FFFACD'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g11)'\/%3E%3Ccircle cx='200' cy='180' r='25' fill='%23FFD700' opacity='0.5'\/%3E%3Cpath d='M 140 220 Q 200 260 260 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3Ccircle cx='170' cy='230' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='240' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='230' cy='230' r='4' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u592a\u967d\u306e\u3088\u3046\u306b\u8f1d\u304f\u9ec4\u8272\u3044\u5b9d\u77f3<\/p>\n <div class=\"product-price\">\u00a5385,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g12'%3E%3Cstop offset='0%25' style='stop-color:%23F0E8E0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g12)'\/%3E%3Cellipse cx='200' cy='200' rx='50' ry='18' fill='none' stroke='%23C9A882' stroke-width='3'\/%3E%3Ccircle cx='200' cy='200' r='10' fill='%230abab5' opacity='0.6'\/%3E%3C\/svg%3E\" alt=\"\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u611b\u3092\u8c61\u5fb4\u3059\u308b\u9014\u5207\u308c\u306a\u3044\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5420,000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <footer>\n <div class=\"footer-content\">\n <div style=\"max-width: 800px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; text-align: left;\">\n <div>\n <h2 class=\"serif-font\" style=\"margin-bottom: 1rem;\">ACE Jewelry<\/h2>\n <p>info@ace-jewelry.net<\/p>\n <p>082-909-2447<\/p>\n <\/div>\n <div>\n <h3 style=\"color: var(--primary-tiffany); margin-bottom: 1rem; font-size: 1rem;\">Connect with us<\/h3>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"Instagram\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"X (Twitter)\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <h3 style=\"color: var(--primary-tiffany); margin-top: 2rem; margin-bottom: 1rem; font-size: 1rem;\">Secure payment<\/h3>\n <div class=\"payment-icons\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image.gif\" alt=\"American Express\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-1.gif\" alt=\"JCB\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-2.gif\" alt=\"Mastercard\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-3.gif\" alt=\"Diners Club\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-4.gif\" alt=\"VISA\" width=\"50\" height=\"32\">\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 3rem; opacity: 0.6;\">\u00a9 2025 ACE Jewelry. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Filter functionality\n const filterButtons = document.querySelectorAll('.filter-btn');\n const productCards = document.querySelectorAll('.product-card');\n\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n const filter = button.getAttribute('data-filter');\n \n \/\/ Update active button\n filterButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n \/\/ Filter products\n productCards.forEach(card => {\n if (filter === 'all' || card.getAttribute('data-category') === filter) {\n card.style.display = 'block';\n } else {\n card.style.display = 'none';\n }\n });\n });\n });\n\n \/\/ Scroll effects\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-group sme-hidden-md sme-hidden-lg-up is-layout-constrained wp-block-group-is-layout-constrained\">\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u5546\u54c1\u4e00\u89a7 – ACE Jewelry<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-tiffany: #0abab5;\n --dark-tiffany: #008b8b;\n --light-tiffany: #81d8d0;\n --deep-navy: #1a1a2e;\n --soft-cream: #f0f8f8;\n --pearl-white: #FEFEFE;\n --charcoal: #2d2d2d;\n --accent-silver: #c0c0c0;\n --light-gray: #e8e8e8;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n color: var(--charcoal);\n background-color: var(--pearl-white);\n overflow-x: hidden;\n }\n\n .serif-font {\n font-family: 'Cormorant Garamond', serif;\n }\n\n \/* Header Navigation *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(10, 186, 181, 0.1);\n transition: all 0.4s ease;\n }\n\n header.scrolled {\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n }\n\n .logo {\n display: block;\n transition: opacity 0.3s ease;\n z-index: 1002;\n position: relative;\n }\n\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n\n .logo:hover {\n opacity: 0.8;\n }\n\n \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u30dc\u30bf\u30f3 - \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u975e\u8868\u793a *\/\n .hamburger {\n display: none;\n flex-direction: column;\n cursor: pointer;\n padding: 0.5rem;\n z-index: 1002;\n position: relative;\n background: none;\n border: none;\n }\n\n .hamburger span {\n width: 25px;\n height: 3px;\n background-color: var(--charcoal);\n margin: 3px 0;\n transition: all 0.3s ease;\n display: block;\n }\n\n .hamburger.active span:nth-child(1) {\n transform: rotate(-45deg) translate(-5px, 6px);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: rotate(45deg) translate(-5px, -6px);\n }\n\n \/* \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 *\/\n nav ul {\n list-style: none;\n display: flex;\n gap: 3rem;\n align-items: center;\n }\n\n nav a {\n text-decoration: none;\n color: var(--charcoal);\n font-size: 0.9rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n position: relative;\n transition: color 0.3s ease;\n }\n\n nav a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--primary-tiffany);\n transition: width 0.3s ease;\n }\n\n nav a:hover {\n color: var(--primary-tiffany);\n }\n\n nav a:hover::after {\n width: 100%;\n }\n\n nav a.cta-button {\n background: var(--primary-tiffany);\n color: white !important;\n padding: 0.75rem 2rem;\n border-radius: 2px;\n display: inline-block;\n }\n\n nav a.cta-button:hover {\n background: var(--dark-tiffany);\n color: white !important;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(10, 186, 181, 0.3);\n }\n\n nav a.cta-button::after {\n display: none;\n }\n\n \/* Page Header *\/\n .page-header {\n margin-top: 100px;\n padding: 5rem 3rem 3rem;\n background: linear-gradient(135deg, var(--soft-cream) 0%, var(--pearl-white) 100%);\n text-align: center;\n }\n\n .page-header h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.5rem;\n font-weight: 400;\n color: var(--deep-navy);\n margin-bottom: 1rem;\n }\n\n .page-header p {\n font-size: 1.1rem;\n color: var(--charcoal);\n opacity: 0.8;\n }\n\n \/* Filter Section *\/\n .filter-section {\n max-width: 1400px;\n margin: 3rem auto;\n padding: 0 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n .filter-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .filter-btn {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n background: white;\n color: var(--charcoal);\n border-radius: 2px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .filter-btn:hover,\n .filter-btn.active {\n background: var(--primary-tiffany);\n color: white;\n border-color: var(--primary-tiffany);\n }\n\n .sort-select {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--light-gray);\n border-radius: 2px;\n font-size: 0.9rem;\n background: white;\n cursor: pointer;\n }\n\n \/* Products Grid *\/\n .products-container {\n max-width: 1400px;\n margin: 0 auto 4rem;\n padding: 0 3rem;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n\n .product-card {\n position: relative;\n overflow: hidden;\n border-radius: 2px;\n background: white;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n transition: all 0.4s ease;\n cursor: pointer;\n }\n\n .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n }\n\n .product-image {\n position: relative;\n overflow: hidden;\n padding-top: 100%;\n background: var(--soft-cream);\n }\n\n .product-image img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .product-card:hover .product-image img {\n transform: scale(1.1);\n }\n\n .product-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary-tiffany);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 2px;\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n z-index: 1;\n }\n\n .product-info {\n padding: 1.5rem;\n text-align: center;\n }\n\n .product-category {\n font-size: 0.8rem;\n color: var(--primary-tiffany);\n letter-spacing: 0.1em;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n }\n\n .product-info h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--deep-navy);\n margin-bottom: 0.75rem;\n font-weight: 500;\n }\n\n .product-description {\n font-size: 0.85rem;\n color: var(--charcoal);\n opacity: 0.7;\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .product-price {\n color: var(--primary-tiffany);\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n \/* Footer *\/\n footer {\n background: #708090; \n color: white;\n padding: 3rem 3rem 2rem;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n text-align: center;\n }\n\n .footer-content p {\n opacity: 0.8;\n margin-bottom: 0.5rem;\n }\n\n .social-icons {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .social-icons a {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n color: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n }\n\n .social-icons a:hover {\n background: var(--primary-tiffany);\n color: white;\n transform: translateY(-3px);\n }\n\n .payment-icons {\n display: flex;\n gap: 0.75rem;\n margin-top: 1rem;\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n\n .payment-icons img {\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-icons img:hover {\n transform: translateY(-2px);\n }\n\n \/* \u4e0d\u8981\u306a\u30ea\u30f3\u30af\u3092\u975e\u8868\u793a *\/\n body > a[href*=\"ace-jewelry.net\"]:not(.logo),\n a[href=\"https:\/\/www.ace-jewelry.net\"]:not(.logo) {\n display: none !important;\n }\n\n \/* \u30bf\u30d6\u30ec\u30c3\u30c8\u5bfe\u5fdc *\/\n @media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .filter-section {\n padding: 0 1.5rem;\n }\n\n .products-container {\n padding: 0 1.5rem 3rem;\n }\n }\n\n \/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc - 768px\u4ee5\u4e0b *\/\n @media (max-width: 768px) {\n \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a *\/\n .hamburger {\n display: flex !important;\n }\n\n \/* \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u753b\u9762\u5916\u306b\u914d\u7f6e *\/\n nav {\n position: fixed;\n top: 0;\n right: -100%;\n left: auto;\n width: 80%;\n max-width: 400px;\n height: 100vh;\n background: white;\n transition: right 0.3s ease;\n z-index: 1001;\n overflow-y: auto;\n padding-top: 100px;\n box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);\n }\n\n \/* \u30e1\u30cb\u30e5\u30fc\u304c\u958b\u3044\u305f\u72b6\u614b *\/\n nav.active {\n right: 0 !important;\n }\n\n nav ul {\n flex-direction: column;\n padding: 2rem;\n gap: 0;\n }\n\n nav li {\n width: 100%;\n border-bottom: 1px solid var(--light-gray);\n }\n\n nav a {\n display: block;\n padding: 1.5rem 0;\n text-align: center;\n font-size: 1rem;\n }\n\n nav a.cta-button {\n margin: 1rem auto;\n padding: 1rem 2rem;\n width: auto;\n display: block;\n text-align: center;\n }\n\n nav a::after {\n display: none;\n }\n\n .header-content {\n padding: 1rem 1.5rem;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo img {\n height: 50px;\n }\n\n .page-header h1 {\n font-size: 2.5rem;\n }\n\n .page-header {\n padding: 4rem 1.5rem 2rem;\n }\n\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .filter-section {\n flex-direction: column;\n align-items: stretch;\n gap: 1rem;\n margin: 2rem auto;\n }\n\n .filter-buttons {\n justify-content: center;\n }\n\n .filter-btn {\n padding: 0.6rem 1.2rem;\n font-size: 0.85rem;\n }\n\n .sort-select {\n width: 100%;\n }\n\n .product-info h3 {\n font-size: 1.2rem;\n }\n\n .product-description {\n font-size: 0.8rem;\n }\n\n footer .social-icons {\n justify-content: flex-start;\n }\n\n footer .payment-icons {\n justify-content: flex-start;\n }\n }\n\n \/* \u5c0f\u3055\u3044\u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\n @media (max-width: 480px) {\n .logo img {\n height: 40px;\n }\n\n .page-header h1 {\n font-size: 2rem;\n }\n\n .products-grid {\n grid-template-columns: 1fr;\n }\n\n .filter-buttons {\n gap: 0.5rem;\n }\n\n .filter-btn {\n flex: 1 1 calc(50% - 0.25rem);\n padding: 0.5rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .product-badge {\n font-size: 0.7rem;\n padding: 0.4rem 0.8rem;\n }\n\n .product-category {\n font-size: 0.75rem;\n }\n\n .product-info h3 {\n font-size: 1.1rem;\n }\n\n footer > div > div {\n grid-template-columns: 1fr !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header id=\"header\">\n <div class=\"header-content\">\n <a href=\"https:\/\/www.ace-jewelry.net\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/logo.jpg\" alt=\"ACE Jewelry\">\n <\/a>\n \n \n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n \n <nav id=\"nav\">\n <ul>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/\">\u30db\u30fc\u30e0<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=22\">\u5546\u54c1\u4e00\u89a7<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=25\">\u30ab\u30c6\u30b4\u30ea\u30fc<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=16\" class=\"cta-button\">\u6765\u5e97\u4e88\u7d04<\/a><\/li>\n <li><a href=\"https:\/\/www.ace-jewelry.net\/?page_id=19\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <div class=\"page-header\">\n <h1 class=\"serif-font\">\u5546\u54c1\u4e00\u89a7<\/h1>\n <p>\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u4f5c\u54c1\u306e\u4e00\u4f8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n\n <div class=\"filter-section\">\n <div class=\"filter-buttons\">\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"ring\">\u30ea\u30f3\u30b0<\/button>\n <button class=\"filter-btn\" data-filter=\"necklace\">\u30cd\u30c3\u30af\u30ec\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"earring\">\u30d4\u30a2\u30b9<\/button>\n <button class=\"filter-btn\" data-filter=\"bracelet\">\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/button>\n <\/div>\n <select class=\"sort-select\">\n <option>\u65b0\u7740\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u4f4e\u3044\u9806<\/option>\n <option>\u4fa1\u683c\u304c\u9ad8\u3044\u9806<\/option>\n <option>\u4eba\u6c17\u9806<\/option>\n <\/select>\n <\/div>\n\n <div class=\"products-container\">\n <div class=\"products-grid\" id=\"productsGrid\">\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/3.jpg\" alt=\"\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9\u3000\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d2b\u6c34\u6676\u306e\u512a\u96c5\u3055\u3092\u5f15\u304d\u7acb\u3066\u308b\u7e4a\u7d30\u306a\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5475,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">NEW<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/2.jpg\" alt=\"\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a2\u30e1\u30b8\u30b9\u30c8\u3000\u30d5\u30e9\u30ef\u30fc\u30c9<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u8f1d\u304d\u3092\u653e\u3064\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u82b1<\/p>\n <div class=\"product-price\">\u00a5499,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/4.jpg\" alt=\"\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30a4\u30f3\u30bf\u30fc\u30ed\u30c3\u30ad\u30f3\u30b0\u30cf\u30fc\u30c8\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u7d61\u307f\u5408\u3046\u30cf\u30fc\u30c8\u304c\u7d46\u3092\u8868\u73fe<\/p>\n <div class=\"product-price\">\u00a5365,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/5.jpg\" alt=\"\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30eb\u30d3\u30fc\u30c0\u30a4\u30a2\u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af<\/h3>\n <p class=\"product-description\">\u60c5\u71b1\u7684\u306a\u30eb\u30d3\u30fc\u3068\u714c\u3081\u304f\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u306e\u8abf\u548c<\/p>\n <div class=\"product-price\">\u00a5488,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g5'%3E%3Cstop offset='0%25' style='stop-color:%23E8DCC8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g5)'\/%3E%3Cellipse cx='200' cy='200' rx='60' ry='20' fill='none' stroke='%230abab5' stroke-width='3'\/%3E%3Cpath d='M 180 190 L 200 170 L 220 190' fill='%230abab5' opacity='0.3'\/%3E%3Ccircle cx='200' cy='190' r='8' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30ea\u30dc\u30f3\u30bd\u30ea\u30c6\u30a3\u30a2\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u30ea\u30dc\u30f3\u30e2\u30c1\u30fc\u30d5\u304c\u512a\u96c5\u306b\u8f1d\u304f\u30bd\u30ea\u30c6\u30a3\u30a2<\/p>\n <div class=\"product-price\">\u00a5398,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g6'%3E%3Cstop offset='0%25' style='stop-color:%23F0F0F0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g6)'\/%3E%3Ccircle cx='200' cy='200' r='40' fill='%232d2d2d' opacity='0.8'\/%3E%3Cpath d='M 180 180 L 190 200 L 180 220' fill='%230abab5' opacity='0.5'\/%3E%3Cpath d='M 220 180 L 210 200 L 220 220' fill='%230abab5' opacity='0.5'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9 \u30d5\u30e9\u30ef\u30fc\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u30b7\u30c3\u30af\u306a\u30d6\u30e9\u30c3\u30af\u30aa\u30cb\u30ad\u30b9\u306e\u82b1\u3073\u3089<\/p>\n <div class=\"product-price\">\u00a5465,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g7'%3E%3Cstop offset='0%25' style='stop-color:%23FFE4E1'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g7)'\/%3E%3Ccircle cx='200' cy='180' r='30' fill='%23FFB6C1' opacity='0.6'\/%3E%3Cpath d='M 150 220 Q 200 250 250 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\" alt=\"\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30d4\u30f3\u30af\u30e2\u30eb\u30ac\u30ca\u30a4\u30c8 \u30d5\u30e9\u30ef\u30fc\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u512a\u3057\u3044\u30d4\u30f3\u30af\u304c\u5fc3\u3092\u7652\u3059<\/p>\n <div class=\"product-price\">\u00a5472,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"earring\">\n <div class=\"product-badge\">POPULAR<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g8'%3E%3Cstop offset='0%25' style='stop-color:%23E0F0FF'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g8)'\/%3E%3Cpath d='M 180 180 Q 200 160 220 180 Q 220 200 200 220 Q 180 200 180 180' fill='%234169E1' opacity='0.5'\/%3E%3Ccircle cx='200' cy='190' r='5' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Earring<\/div>\n <h3 class=\"serif-font\">\u30d6\u30eb\u30fc\u30b5\u30d5\u30a1\u30a4\u30a2 \u30cf\u30fc\u30c8\u30b9\u30bf\u30c3\u30c9\u30d4\u30a2\u30b9<\/h3>\n <p class=\"product-description\">\u6df1\u3044\u9752\u304c\u9b45\u4e86\u3059\u308b\u30cf\u30fc\u30c8\u578b\u30d4\u30a2\u30b9<\/p>\n <div class=\"product-price\">\u00a5458,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-badge\">PREMIUM<\/div>\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/6.jpg\" alt=\"\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30c0\u30d6\u30eb\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">0.5ct & 0.2ct \u306e\u7279\u5225\u306a\u4e00\u54c1<\/p>\n <div class=\"product-price\">\u00a5698,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"bracelet\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g10'%3E%3Cstop offset='0%25' style='stop-color:%23F5F0E8'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g10)'\/%3E%3Cpath d='M 100 200 L 140 200 L 160 200 L 180 200 L 200 200 L 220 200 L 240 200 L 260 200 L 300 200' stroke='%230abab5' stroke-width='4' fill='none'\/%3E%3Ccircle cx='140' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='200' r='6' fill='%23FEFEFE'\/%3E%3Ccircle cx='260' cy='200' r='6' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Bracelet<\/div>\n <h3 class=\"serif-font\">\u30c0\u30a4\u30e4\u30e2\u30f3\u30c9 \u30c6\u30cb\u30b9\u30d6\u30ec\u30b9\u30ec\u30c3\u30c8<\/h3>\n <p class=\"product-description\">\u9023\u306a\u308b\u30c0\u30a4\u30e4\u304c\u624b\u5143\u3092\u8f1d\u304b\u305b\u308b<\/p>\n <div class=\"product-price\">\u00a5525,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"necklace\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g11'%3E%3Cstop offset='0%25' style='stop-color:%23FFFACD'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g11)'\/%3E%3Ccircle cx='200' cy='180' r='25' fill='%23FFD700' opacity='0.5'\/%3E%3Cpath d='M 140 220 Q 200 260 260 220' stroke='%230abab5' stroke-width='2' fill='none'\/%3E%3Ccircle cx='170' cy='230' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='200' cy='240' r='4' fill='%23FEFEFE'\/%3E%3Ccircle cx='230' cy='230' r='4' fill='%23FEFEFE'\/%3E%3C\/svg%3E\" alt=\"\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Necklace<\/div>\n <h3 class=\"serif-font\">\u30b7\u30c8\u30ea\u30f3 \u30da\u30f3\u30c0\u30f3\u30c8\u30cd\u30c3\u30af\u30ec\u30b9<\/h3>\n <p class=\"product-description\">\u592a\u967d\u306e\u3088\u3046\u306b\u8f1d\u304f\u9ec4\u8272\u3044\u5b9d\u77f3<\/p>\n <div class=\"product-price\">\u00a5385,000<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-category=\"ring\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg width='400' height='400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cdefs%3E%3CradialGradient id='g12'%3E%3Cstop offset='0%25' style='stop-color:%23F0E8E0'\/%3E%3Cstop offset='100%25' style='stop-color:%23FAF7F2'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect width='400' height='400' fill='url(%23g12)'\/%3E%3Cellipse cx='200' cy='200' rx='50' ry='18' fill='none' stroke='%23C9A882' stroke-width='3'\/%3E%3Ccircle cx='200' cy='200' r='10' fill='%230abab5' opacity='0.6'\/%3E%3C\/svg%3E\" alt=\"\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0\">\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">Ring<\/div>\n <h3 class=\"serif-font\">\u30ed\u30fc\u30ba\u30b4\u30fc\u30eb\u30c9 \u30a8\u30bf\u30cb\u30c6\u30a3\u30ea\u30f3\u30b0<\/h3>\n <p class=\"product-description\">\u6c38\u9060\u306e\u611b\u3092\u8c61\u5fb4\u3059\u308b\u9014\u5207\u308c\u306a\u3044\u30c7\u30b6\u30a4\u30f3<\/p>\n <div class=\"product-price\">\u00a5420,000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <footer>\n <div class=\"footer-content\">\n <div style=\"max-width: 800px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; text-align: left;\">\n <div>\n <h2 class=\"serif-font\" style=\"margin-bottom: 1rem;\">ACE Jewelry<\/h2>\n <p>info@ace-jewelry.net<\/p>\n <p>082-909-2447<\/p>\n <\/div>\n <div>\n <h3 style=\"color: var(--primary-tiffany); margin-bottom: 1rem; font-size: 1rem;\">Connect with us<\/h3>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"Instagram\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" aria-label=\"X (Twitter)\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <h3 style=\"color: var(--primary-tiffany); margin-top: 2rem; margin-bottom: 1rem; font-size: 1rem;\">Secure payment<\/h3>\n <div class=\"payment-icons\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image.gif\" alt=\"American Express\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-1.gif\" alt=\"JCB\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-2.gif\" alt=\"Mastercard\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-3.gif\" alt=\"Diners Club\" width=\"50\" height=\"32\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ace-jewelry.net\/wp-content\/uploads\/2025\/12\/image-4.gif\" alt=\"VISA\" width=\"50\" height=\"32\">\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 3rem; opacity: 0.6;\">\u00a9 2025 ACE Jewelry. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ DOM\u306e\u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\u3092\u5f85\u3064\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306e\u52d5\u4f5c\n const hamburger = document.getElementById('hamburger');\n const nav = document.getElementById('nav');\n\n if (hamburger && nav) {\n \/\/ \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30dc\u30bf\u30f3\u306e\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\n hamburger.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n \n \/\/ active\u30af\u30e9\u30b9\u3092\u30c8\u30b0\u30eb\n hamburger.classList.toggle('active');\n nav.classList.toggle('active');\n \n \/\/ body\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5236\u5fa1\uff08\u30e1\u30cb\u30e5\u30fc\u304c\u958b\u3044\u3066\u3044\u308b\u6642\u306f\u30b9\u30af\u30ed\u30fc\u30eb\u7121\u52b9\uff09\n if (nav.classList.contains('active')) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = '';\n }\n });\n\n \/\/ \u30e1\u30cb\u30e5\u30fc\u9805\u76ee\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b\n const navLinks = document.querySelectorAll('nav a');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n hamburger.classList.remove('active');\n nav.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u5916\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b\n document.addEventListener('click', (e) => {\n if (nav.classList.contains('active') && \n !nav.contains(e.target) && \n !hamburger.contains(e.target)) {\n hamburger.classList.remove('active');\n nav.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n }\n\n \/\/ Filter functionality\n const filterButtons = document.querySelectorAll('.filter-btn');\n const productCards = document.querySelectorAll('.product-card');\n\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n const filter = button.getAttribute('data-filter');\n \n \/\/ Update active button\n filterButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n \/\/ Filter products\n productCards.forEach(card => {\n if (filter === 'all' || card.getAttribute('data-category') === filter) {\n card.style.display = 'block';\n } else {\n card.style.display = 'none';\n }\n });\n });\n });\n\n \/\/ Scroll effects\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5546\u54c1\u4e00\u89a7 – ACE Jewelry \u30db\u30fc\u30e0 \u5546\u54c1\u4e00\u89a7 \u30ab\u30c6\u30b4\u30ea\u30fc \u6765\u5e97\u4e88\u7d04 \u304a\u554f\u3044\u5408\u308f\u305b \u5546\u54c1\u4e00\u89a7 \u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u4f5c\u54c1\u306e\u4e00\u4f8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044 \u3059\u3079\u3066 \u30ea\u30f3\u30b0 \u30cd\u30c3\u30af\u30ec\u30b9 \u30d4\u30a2\u30b9 \u30d6\u30ec\u30b9\u30ec\u30c3\u30c8 \u65b0\u7740\u9806 \u4fa1\u683c\u304c\u4f4e\u3044\u9806 \u4fa1\u683c\u304c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/blank-content.php","meta":{"footnotes":"","wp-seo-meta-description":"","wp-seo-meta-robots":[]},"class_list":{"0":"post-22","1":"page","2":"type-page","3":"status-publish","5":"c-entry"},"_links":{"self":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":29,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/www.ace-jewelry.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}