{"product_id":"nuance-pierce-p69","title":"nuance pierce (P69)","description":"\u003cdiv style=\"font-size: 13px; color: #444; line-height: 1.95; letter-spacing: 0.06em; max-width: 550px; margin: 0 auto; font-family: 'Hiragino Mincho ProN', 'serif'; -webkit-text-size-adjust: 100%;\"\u003e\n\n  \u003cstyle\u003e\n    \/* アコーディオン外枠 *\/\n    .wanna-block-item {\n      border-bottom: 1px solid #f2f2f2;\n      width: 100%;\n    }\n    \n    \/* チェックボックス隠し *\/\n    .wanna-block-logic {\n      display: none !important;\n      visibility: hidden !important;\n      opacity: 0 !important;\n      position: absolute !important;\n      appearance: none !important;\n      -webkit-appearance: none !important;\n      width: 0 !important; height: 0 !important;\n      margin: 0 !important; padding: 0 !important;\n    }\n\n    \/* 見出し（トリガー） *\/\n    .wanna-block-trigger {\n      width: 100%;\n      padding: 26px 0 !important;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      cursor: pointer;\n      font-size: 11px;\n      color: #444;\n      font-family: 'Gill Sans', 'Optima', sans-serif;\n      font-weight: 400;\n      letter-spacing: 0.3em;\n      position: relative;\n      user-select: none;\n    }\n    .wanna-block-trigger:hover { color: #888; }\n\n    \/* プラス・マイナスアイコン *\/\n    .wanna-icon-toggle {\n      width: 14px; height: 14px;\n      position: relative;\n      transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n      margin-right: 4px;\n    }\n    .wanna-icon-toggle::before, .wanna-icon-toggle::after {\n      content: \"\";\n      position: absolute;\n      background-color: #1a1a1a;\n      transition: transform 0.4s ease, opacity 0.4s ease, background-color 0.4s ease;\n    }\n    .wanna-icon-toggle::before { width: 100%; height: 1px; top: 50%; left: 0; transform: translateY(-50%); }\n    .wanna-icon-toggle::after  { width: 1px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); }\n\n    \/* --------------------------------------------------\n       ゆっくり開閉するスライドアニメーション（CSS Grid）\n    -------------------------------------------------- *\/\n    .wanna-block-answer {\n      display: grid;\n      grid-template-rows: 0fr;\n      transition: grid-template-rows 0.7s cubic-bezier(0.25, 1, 0.3, 1);\n    }\n    \n    .wanna-block-answer \u003e div {\n      overflow: hidden;\n    }\n\n    \/* --------------------------------------------------\n       コンテンツが下から上へ少し移動しながら現れるアニメーション\n    -------------------------------------------------- *\/\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n      opacity: 0;\n      transform: translateY(15px);\n      transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* 開閉時のアニメーション発動 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      grid-template-rows: 1fr;\n    }\n\n    \/* 開いたときに文字が「下から上へ」動きながらフェードイン *\/\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-block-answer-inner {\n      opacity: 1;\n      transform: translateY(0);\n      transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.15s, \n                  transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;\n    }\n\n    \/* アイコン変化（プラス -\u003e マイナス） *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      transform: translateX(-50%) rotate(90deg);\n      opacity: 0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before {\n      background-color: #a0a0a0;\n    }\n\n    \/* 「商品仕様」内の要素（01\/ 02\/ 03\/）も順番に下から上へフェードイン *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateY(10px);\n      transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-1 {\n      opacity: 1; transform: translateY(0); transition-delay: 0.15s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateY(0); transition-delay: 0.3s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateY(0); transition-delay: 0.45s;\n    }\n\n    \/* タブ切り替えレイアウト *\/\n    .wanna-slide-container {\n      display: flex; flex-direction: column; position: relative;\n    }\n    .inner-tabs-header {\n      display: flex; border-bottom: 1px solid #f2f2f2;\n    }\n    .inner-tab-link {\n      flex: 1; text-decoration: none; text-align: center;\n      padding: 14px 0 !important;\n      font-family: 'Gill Sans', 'Optima', sans-serif;\n      font-size: 10px; letter-spacing: 0.15em;\n      color: #999; cursor: pointer; transition: all 0.3s;\n      border-bottom: 1px solid transparent;\n      user-select: none; -webkit-tap-highlight-color: transparent;\n    }\n    .inner-tab-link.wanna-active {\n      color: #1a1a1a !important; font-weight: 500 !important;\n      border-bottom: 1px solid #1a1a1a !important;\n    }\n    .inner-tabs-body {\n      display: flex; overflow-x: auto; scroll-behavior: smooth;\n      scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;\n    }\n    .inner-tabs-body::-webkit-scrollbar { display: none; }\n    .inner-tabs-body { -ms-overflow-style: none; scrollbar-width: none; }\n    .inner-tab-pane {\n      width: 100%; flex-shrink: 0; scroll-snap-align: start;\n      box-sizing: border-box; padding: 26px 12px 10px 12px !important;\n    }\n    .wanna-clean-table, .wanna-clean-table tr, .wanna-clean-table td {\n      border: none !important; border-collapse: collapse !important;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- 1. 商品仕様 --\u003e\n  \u003cdiv style=\"border-top: 1px solid #f2f2f2;\" class=\"wanna-block-item\"\u003e\n    \u003cinput type=\"checkbox\" id=\"wanna-block-feat\" class=\"wanna-block-logic\"\u003e\n    \u003clabel for=\"wanna-block-feat\" class=\"wanna-block-trigger\"\u003e\n      \u003cspan\u003e商品仕様\u003c\/span\u003e\n      \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"wanna-block-answer-inner\"\u003e\n          \u003cdiv style=\"margin-bottom: 35px;\" class=\"wanna-feat-box wanna-feat-box-1\"\u003e\n            \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.14em; margin-bottom: 10px;\"\u003e\u003cspan style=\"font-family: 'Gill Sans', sans-serif; margin-right: 6px; color: #888;\"\u003e01 \/\u003c\/span\u003e ニュアンス感のある立体フォルム\u003c\/p\u003e\n            \u003cp style=\"color: #666; line-height: 1.95; margin-top: 0; margin-bottom: 0; padding-left: 4px; letter-spacing: 0.05em;\"\u003e柔らかな曲線を描くループモチーフ。小ぶりながらもさりげない立体感があり、耳元にこなれた印象をプラスします。\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-bottom: 35px;\" class=\"wanna-feat-box wanna-feat-box-2\"\u003e\n            \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.14em; margin-bottom: 10px;\"\u003e\u003cspan style=\"font-family: 'Gill Sans', sans-serif; margin-right: 6px; color: #888;\"\u003e02 \/\u003c\/span\u003e 確かな品質\u003c\/p\u003e\n            \u003cp style=\"color: #666; line-height: 1.95; margin-top: 0; margin-bottom: 0; padding-left: 4px; letter-spacing: 0.05em;\"\u003eSilver925素材を使用。使い込むほどに馴染み、寄り添い続けます。（金属アレルギーにも対応）\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-bottom: 5px;\" class=\"wanna-feat-box wanna-feat-box-3\"\u003e\n            \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.14em; margin-bottom: 10px;\"\u003e\u003cspan style=\"font-family: 'Gill Sans', sans-serif; margin-right: 6px; color: #888;\"\u003e03 \/\u003c\/span\u003e 寄り添い続ける上品さと質\u003c\/p\u003e\n            \u003cp style=\"color: #666; line-height: 1.95; margin-top: 0; margin-bottom: 0; padding-left: 4px; letter-spacing: 0.05em;\"\u003e24時間付けっぱなし可能。いつも肌の近くにある、日常に溶け込む上質なピアス。\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. サイズ・注意事項 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-details\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-details\"\u003e\n      \u003cspan\u003eサイズ・注意事項\u003c\/span\u003e\n      \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n          \n          \u003cdiv class=\"wanna-slide-container\"\u003e\n            \n            \u003cdiv class=\"inner-tabs-header\"\u003e\n              \u003ca href=\"#wanna-pane-size\" class=\"inner-tab-link wanna-active\" id=\"wanna-link-size\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e\n              \u003ca href=\"#wanna-pane-image\" class=\"inner-tab-link\" id=\"wanna-link-image\" style=\"margin-right: 16px;\"\u003e注意事項\u003c\/a\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBody\"\u003e\n              \u003c!-- タブ1: サイズ仕様 --\u003e\n              \u003cdiv id=\"wanna-pane-size\" class=\"inner-tab-pane\"\u003e\n                \u003ctable style=\"width: 100%; font-size: 12px; color: #555; line-height: 1.95; letter-spacing: 0.05em;\" class=\"wanna-clean-table\"\u003e\n                  \u003ctbody\u003e\n                    \u003ctr\u003e\n                      \u003ctd style=\"padding: 14px 0; width: 25%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                      \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e\n                        縦 5.0mm \/ 横 5.7mm\u003cbr\u003e\n                        \u003cspan style=\"font-size: 11px; color: #777; display: inline-block; margin-top: 4px; line-height: 1.6;\"\u003eゲージ 20G \/ ポスト 約 9.6mm\u003c\/span\u003e\n                      \u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                      \u003ctd style=\"padding: 14px 0; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003e素 材\u003c\/td\u003e\n                      \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003eSilver925\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                      \u003ctd style=\"padding: 14px 0; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003e付属品\u003c\/td\u003e\n                      \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003eジュエリークロス \/ ショップカード\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #999; display: inline-block; margin-top: 4px;\"\u003eメッセージカード（別途200円）\u003c\/span\u003e\n\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                  \u003c\/tbody\u003e\n                \u003c\/table\u003e\n              \u003c\/div\u003e\n              \n              \u003c!-- タブ2: 注意事項 --\u003e\n              \u003cdiv id=\"wanna-pane-image\" class=\"inner-tab-pane\"\u003e\n                \u003cdiv style=\"font-size: 12px; color: #555; line-height: 1.95; letter-spacing: 0.05em;\"\u003e\n                  \u003cdiv\u003e\n                    \u003cp style=\"margin: 0 0 6px 0; font-size: 11.5px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.08em;\"\u003e\n                      【購入時の注意点】\n                    \u003c\/p\u003e\n                    \u003cp style=\"margin: 0; color: #666; font-size: 11px; line-height: 1.8; letter-spacing: 0.04em;\"\u003e\n                      ※こちらの商品は「1点＝片耳分」での販売となります。\u003cbr\u003e両耳での着用をご希望の場合は、数量を「2点」にしてご購入ください。\n                    \u003c\/p\u003e\n                  \u003c\/div\u003e\n                  \n                  \u003cdiv style=\"border-top: 1px dashed #e5e5e5; padding-top: 16px; margin-top: 16px;\"\u003e\n                    \u003cp style=\"margin: 0 0 6px 0; font-size: 11.5px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.08em;\"\u003e\n                      【開封時の注意点】\n                    \u003c\/p\u003e\n                    \u003cp style=\"margin: 0; color: #666; font-size: 11px; line-height: 1.8; letter-spacing: 0.04em;\"\u003e\n                      商品をお受け取り後、開封される際はアクセサリーボックス内をご確認ください。ボックス内に付属している「アクセサリー袋」の中にピアスを大切にお包みしております。\n                    \u003c\/p\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 3. 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput type=\"checkbox\" id=\"wanna-block-promise\" class=\"wanna-block-logic\"\u003e\n    \u003clabel for=\"wanna-block-promise\" class=\"wanna-block-trigger\"\u003e\n      \u003cspan\u003e安心保証\u003c\/span\u003e\n      \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"padding-top: 15px; padding-bottom: 30px;\" class=\"wanna-block-answer-inner\"\u003e\n          \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 12px; color: #565656; line-height: 1.95; letter-spacing: 0.05em;\"\u003e\n            \u003cli style=\"margin-bottom: 18px; padding-left: 16px; position: relative;\"\u003e\n              \u003cspan style=\"position: absolute; left: 0; color: #1a1a1a;\"\u003e✓\u003c\/span\u003e\u003cstrong style=\"color: #1a1a1a; font-weight: 600;\"\u003e返品・交換サポート\u003c\/strong\u003e\u003cbr\u003e万が一のサイズ不一致やトラブルにも対応しております。(受取後5日以内のご連絡。)\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #888;\"\u003e※家の中で試着してみてサイズが合わなかった場合も交換が可能です。\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli style=\"margin-bottom: 18px; padding-left: 16px; position: relative;\"\u003e\n              \u003cspan style=\"position: absolute; left: 0; color: #1a1a1a;\"\u003e✓\u003c\/span\u003e\u003cstrong style=\"color: #1a1a1a; font-weight: 600;\"\u003eSilver925 品質保証\u003c\/strong\u003e\u003cbr\u003e厳選された純銀素材のみを使用しております。\n            \u003c\/li\u003e\n            \u003cli style=\"margin-bottom: 0; padding-left: 16px; position: relative;\"\u003e\n              \u003cspan style=\"position: absolute; left: 0; color: #1a1a1a;\"\u003e✓\u003c\/span\u003e\u003cstrong style=\"color: #1a1a1a; font-weight: 600;\"\u003e公式LINE 相談窓口\u003c\/strong\u003e\u003cbr\u003eサイズ選びやスタイリングのご相談に、直接お答えします。\n            \u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 4. お手入れ --\u003e\n  \u003cdiv style=\"margin-bottom: 50px;\" class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-care\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-care\"\u003e\n      \u003cspan\u003eお手入れ\u003c\/span\u003e\n      \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"padding-top: 15px; padding-bottom: 30px;\" class=\"wanna-block-answer-inner\"\u003e\n          \u003cp style=\"margin: 0; color: #666; line-height: 1.95; letter-spacing: 0.05em;\"\u003e数回ご着用後や黒ずみが気になってきた際に、付属のクロスで優しく磨いてください。\u003cbr\u003e簡単に本来の美しい輝きを取り戻せます。\u003cbr\u003e\u003cbr\u003e経年変化を楽しみながら、長くご愛用ください。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- タブ切り替え制御スクリプト --\u003e\n  \u003cscript\u003e\n    (function() {\n      const wannaLinkSize = document.getElementById('wanna-link-size');\n      const wannaLinkImage = document.getElementById('wanna-link-image');\n      const wannaPaneSize = document.getElementById('wanna-pane-size');\n      const wannaPaneImage = document.getElementById('wanna-pane-image');\n      const wannaSliderBody = document.getElementById('wannaSlideBody');\n\n      if (!wannaSliderBody) return;\n\n      const wannaTabLinks = [wannaLinkSize, wannaLinkImage];\n      wannaTabLinks.forEach(link =\u003e {\n        if (!link) return;\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href');\n          const targetPane = document.querySelector(targetId);\n          if(targetPane) {\n            wannaSliderBody.scrollTo({\n              left: targetPane.offsetLeft,\n              behavior: 'smooth'\n            });\n          }\n        });\n      });\n\n      const wannaObserverOptions = {\n        root: wannaSliderBody,\n        threshold: 0.6\n      };\n\n      const wannaObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            if (entry.target.id === 'wanna-pane-size' \u0026\u0026 wannaLinkSize \u0026\u0026 wannaLinkImage) {\n              wannaLinkSize.classList.add('wanna-active');\n              wannaLinkImage.classList.remove('wanna-active');\n            } else if (entry.target.id === 'wanna-pane-image' \u0026\u0026 wannaLinkSize \u0026\u0026 wannaLinkImage) {\n              wannaLinkImage.classList.add('wanna-active');\n              wannaLinkSize.classList.remove('wanna-active');\n            }\n          }\n        });\n      }, wannaObserverOptions);\n\n      if (wannaPaneSize) wannaObserver.observe(wannaPaneSize);\n      if (wannaPaneImage) wannaObserver.observe(wannaPaneImage);\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna","offers":[{"title":"Default Title","offer_id":51787320131879,"sku":null,"price":4000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_56.png?v=1786531456","url":"https:\/\/wanna-official.com\/products\/nuance-pierce-p69","provider":"Wanna","version":"1.0","type":"link"}