{"title":"かれん様　リング即日対応商品","description":null,"products":[{"product_id":"square-ring-r4","title":"square ring (R4)","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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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;\"\u003e10.8mmという圧倒的なボリュームを持ちながら、余計な装飾を一切排除したスクエアフォルムが、Silver925本来の輝きと重厚な存在感を最大限に引き出します。「潔い格好良さ」が、指元にしっかりとした芯の強さを演出。\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;\"\u003e太さ10.8mmの存在感は、一本つけるだけでスタイル全体に洗練された印象を与えます。つける指を変えるだけでコーディネートの表情が変わる、シンプルかつ無骨な大人の格好良さを体現するリングです。\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 Silver925という納得の素材\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純度92.5%の銀を使用したSilver925は、ジュエリー素材のスタンダードとして世界中で愛される素材。幅広のデザインだからこそ感じられる重厚な質感と、磨き上げられた表面が放つ上品な光沢が、毎日身警ける喜びを提供します。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e\n            \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e11号～16号（調節可能） ｜ 太さ 10.8mm\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\n                      \u003cspan style=\"font-size: 11px; color: #999; display: inline-block; margin-top: 4px;\"\u003eメッセージカード（ギフトラッピング限定）\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=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n                \n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示ボックス --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\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 style=\"padding: 20px 12px 35px 4px !important;\" 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日以内のご連絡。)\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\n  \u003c!-- お手入れ --\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 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純度92.5%の純銀を使用しております。ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyAnc');\n      const links = {\n        'pane-size-anc': document.getElementById('link-size-anc'),\n        'pane-image-anc': document.getElementById('link-image-anc')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-anc'));\n      observer.observe(document.getElementById('pane-image-anc'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト（11号〜16号調整可能商品向け）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: false, note: \"平均サイズに対してリングが小さめの設計です。\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true,  note: \"※16号以下の方であればご着用いただけます。\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true,  note: \"※16号以下の方であればご着用いただけます。\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true,  note: \"※16号以下の方であれば問題なくご着用いただけます。\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: true,  note: \"※11号以上の方であればご着用いただけます。\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        \/\/ ボタンの見た目制御\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        \/\/ 結果メッセージ作成\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.fit) {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e11号〜16号\u003c\/strong\u003eまでサイズ調節が可能です。男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eに好相性です。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n          }\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#999; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e推奨しておりません\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e11号〜16号\u003c\/strong\u003eまでの調整範囲となっております。男性平均の${data.name}（${data.avg}）ですと、サイズが小さく指に入らない可能性がございます。`;\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n              ${detailText}\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      \/\/ ボタンクリックイベント\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50726127763751,"sku":null,"price":9500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T180553.273.png?v=1787216762"},{"product_id":"twist-ring-r8","title":"twist ring (R8)","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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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寄せ返す波のようになめらかな曲線が光を多方向に反射し、Silver925本来の輝きを最大限に引き出します。躍動感のある造形の中に宿る「静けさ」が、指元に確かな存在感を演出。\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;\"\u003e太さ5mmの絶妙な存在感は、一本で主役にするのはもちろん、他のリングとの重ね付けにも最適。カジュアルからきれいめスタイルまで、毎日のコーディネートに自然と馴染む汎用性の高さが魅力です。\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 Silver925という納得の素材\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純度92.5%の銀を使用したSilver925は、ジュエリー素材のスタンダードとして世界中で愛される素材。アレルギーに配慮した素材選びは、毎日身警ける安心感も提供します。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e\n            \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e11号～14号（調節可能） ｜ 太さ 5.0mm\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\n                      \u003cspan style=\"font-size: 11px; color: #999; display: inline-block; margin-top: 4px;\"\u003eメッセージカード（ギフトラッピング限定）\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=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n                \n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示ボックス --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\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 style=\"padding: 20px 12px 35px 4px !important;\" 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日以内のご連絡。)\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\n  \u003c!-- お手入れ --\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 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純度92.5%の純銀を使用しております。ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyAnc');\n      const links = {\n        'pane-size-anc': document.getElementById('link-size-anc'),\n        'pane-image-anc': document.getElementById('link-image-anc')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-anc'));\n      observer.observe(document.getElementById('pane-image-anc'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト（11号〜14号調整可能商品向け）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: false, note: \"平均サイズに対してリングが小さめの設計です。\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true,  note: \"※14号以下の方であればご着用いただけます。\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true,  note: \"※14号以下の方であればご着用いただけます。\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true,  note: \"※14号以下の方であれば問題なくご着用いただけます。\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: true,  note: \"※11号以上の方であればご着用いただけます。\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        \/\/ ボタンの見た目制御\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        \/\/ 結果メッセージ作成\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.fit) {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e11号〜14号\u003c\/strong\u003eまでサイズ調節が可能です。男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eに好相性です。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n          }\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#999; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e推奨しておりません\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e11号〜14号\u003c\/strong\u003eまでの調整範囲となっております。男性平均の${data.name}（${data.avg}）ですと、サイズが小さく指に入らない可能性がございます。`;\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n              ${detailText}\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      \/\/ ボタンクリックイベント\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50737026236711,"sku":null,"price":8500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T180030.181.png?v=1787216439"},{"product_id":"double-ring-r19","title":"double ring (R19)","description":"\u003cdiv style=\"font-size: 13px; color: #444; line-height: 1.9; 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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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;\"\u003e13mmのワイドな鏡面に刻まれた二重のラインが、光と影を巧みに操ります。計算されたデザインが、Silver925本来の輝きに深みと立体感を加え、指元に確かな存在感を演出。\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;\"\u003e13mmのワイドな存在感は、一本で手元の印象を劇的に変えます。シンプルなコーディネートに合わせるだけで洗練されたアクセントに。重厚感と軽やかさが共存する、Wanna拘りの意匠です。\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 Silver925という納得の素材\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純度92.5%の銀を使用したSilver925は、ジュエリー素材のスタンダードとして世界中で愛される素材。13mmのワイドな鏡面と二重ラインの陰影が、シルバー本来の美しい質感を最大限に引き出します。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e\n            \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e10号〜17号（調節可能） ｜ 太さ 13.0mm\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;\"\u003eSilver 925\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\n                      \u003cspan style=\"font-size: 11px; color: #999; display: inline-block; margin-top: 4px;\"\u003eメッセージカード（ギフトラッピング限定）\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=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n                \n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示ボックス --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 計測を推奨する案内テキスト --\u003e\n                \u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e\n                  ※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\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 style=\"padding: 20px 12px 35px 4px !important;\" 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日以内のご連絡。)\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\n  \u003c!-- お手入れ --\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 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ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyAnc');\n      const links = {\n        'pane-size-anc': document.getElementById('link-size-anc'),\n        'pane-image-anc': document.getElementById('link-image-anc')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-anc'));\n      observer.observe(document.getElementById('pane-image-anc'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト（10号〜17号仕様に調整）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: false },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true, note: \"※16号・17号の方\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true, note: \"※15号〜17号の方\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true, note: \"※13号〜17号の方\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: true, note: \"※10号〜14号の方\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.fit) {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e10号〜17号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eにぴったり着用していただけます。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}であれば問題なくご着用いただけます。\u003c\/span\u003e`;\n          }\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#999; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e推奨しておりません\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e10号〜17号\u003c\/strong\u003eまでの調整範囲となっております。男性平均の${data.name}（${data.avg}）ですと、サイズが小さく入らない可能性がございます。`;\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n              ${detailText}\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50737184506151,"sku":null,"price":8900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T144025.155.png?v=1787204446"},{"product_id":"english-ring-r12","title":"english ring (R12)","description":"\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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n\u003c\/style\u003e\n\n\u003c!-- 商品仕様アコーディオン --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"wanna-block-feat\" class=\"wanna-block-logic\"\u003e \u003clabel for=\"wanna-block-feat\" class=\"wanna-block-trigger\"\u003e \u003cspan\u003e商品仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"wanna-block-answer\"\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;\"\u003e太さ4.6mmの絶妙なラインで、一本使いはもちろん重ね付けにも映えるアーバンスタイルです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- サイズ・仕様（スライド式タブ） --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-details\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-details\"\u003e \u003cspan\u003eサイズ・仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"wanna-block-answer\"\u003e\n\u003cdiv style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n\u003cdiv class=\"wanna-slide-container\"\u003e\n\u003cdiv class=\"inner-tabs-header\"\u003e\n\u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n\u003c!-- タブ1: サイズ仕様 --\u003e\n\u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n\u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e16号〜23号（調節可能） ｜ 太さ 4.6mm\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;\"\u003eSilver 925\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メッセージカード（ギフトラッピング限定）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- タブ2: サイズ平均チェック（インタラクティブ） --\u003e\n\u003cdiv id=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n\u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003eどの指に着用したいですか？\u003c\/p\u003e\n\u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e※男性平均サイズを基準としています\u003c\/p\u003e\n\u003c!-- 指選択ボタン --\u003e\n\u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n\u003cbutton type=\"button\" class=\"finger-btn\"\u003e親指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e人差し指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e中指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e薬指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e小指\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- 判定結果表示エリア --\u003e\n\u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n\u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e上のボタンから、ご希望の指を選択してください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 注記 --\u003e\n\u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 安心保証 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\u003e \u003cspan\u003e安心保証\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"wanna-block-answer\"\u003e\n\u003cdiv style=\"padding: 20px 12px 35px 4px !important;\" 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日以内のご連絡。)\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厳選された純銀素材のみを使用。\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サイズ選びやスタイリングのご相談に直接お答えします。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- お手入れ --\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 \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-care\"\u003e \u003cspan\u003eお手入れ\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"wanna-block-answer\"\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ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp\u003e \u003c\/p\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50737215373607,"sku":null,"price":7300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T145235.389.png?v=1787205164"},{"product_id":"u-pattern-ring-r31","title":"U pattern ring (R31)","description":"\u003cdiv style=\"font-size: 13px; color: #444; line-height: 1.9; letter-spacing: 0.06em; max-width: 550px; margin: 0 auto; font-family: 'Hiragino Mincho ProN', 'serif'; -webkit-text-size-adjust: 100%;\"\u003e\n\n  \u003c!-- アコーディオン外枠等のスタイル --\u003e\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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- アコーディオンセクション群 --\u003e\n\n  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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 Uパターンが宿す彫刻的美しさ\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規則的に刻まれたUパターンが光を多方向に反射し、Silver925本来の輝きを最大限に引き出します。\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;\"\u003e太さ9.5mmの重厚な存在感。武骨でありながら洗練された輝きがカジュアルからドレスアップまで対応します。\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 Silver925という納得の素材\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純度92.5%の銀を使用。アレルギーに配慮した素材選びで、毎日身に着ける安心感を提供します。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \n            \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e19号〜22号（調節可能） ｜ 太さ 9.5mm\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;\"\u003eSilver 925\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メッセージカード（ギフトラッピング限定）\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=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示エリア --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 注記 --\u003e\n                \u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e\n                  ※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 素材について --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-material\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-material\"\u003e\n      \u003cspan\u003eMATERIAL \/ 素材\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 style=\"padding: 20px 12px 35px 4px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cp style=\"letter-spacing: 0.08em; margin-bottom: 10px; margin-top: 0; font-weight: 600; color: #1a1a1a;\"\u003eSilver 925\u003c\/p\u003e\n        \u003cp style=\"font-family: 'Hiragino Mincho ProN', serif; color: #777; font-size: 12px; line-height: 1.9; letter-spacing: 0.06em; margin-bottom: 0;\"\u003e高品質なスターリングシルバーを採用。9.5mmのワイドな面がSilver925の質感を最大限に引き出し、使い込むほどにあなたの個性を映し出します。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 付属品 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-accessories\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-accessories\"\u003e\n      \u003cspan\u003eACCESSORIES \/ 付属品\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 style=\"padding: 20px 12px 35px 4px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cp style=\"letter-spacing: 0.08em; margin: 0; font-weight: 600; color: #1a1a1a;\"\u003eジュエリークロス \/ ショップカード\u003c\/p\u003e\n        \u003cp style=\"color: #999; font-size: 11px; font-family: 'Hiragino Mincho ProN', serif; margin-top: 6px; letter-spacing: 0.06em; margin-bottom: 0;\"\u003eメッセージカード（ギフトラッピング限定）\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- お手入れ --\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 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ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyAnc');\n      const links = {\n        'pane-size-anc': document.getElementById('link-size-anc'),\n        'pane-image-anc': document.getElementById('link-image-anc')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-anc'));\n      observer.observe(document.getElementById('pane-image-anc'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", type: \"fit\", note: \"※19号〜22号の方であれば問題なくご着用いただけます。\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", type: \"fit\", note: \"※19号以上の方であれば問題なくご着用いただけます。\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", type: \"fit\", note: \"※19号以上の方であれば問題なくご着用いただけます。\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", type: \"part\", note: \"※男性平均サイズ（13〜18号）より大きめのため、薬指への着用の場合はサイズが大きく感じられる場合がございます。\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", type: \"unfit\", note: \"※小指の平均サイズ（10〜14号）に対して本商品は19号〜となるため、サイズが大きすぎます。\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.type === \"fit\") {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e19号〜22号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eにぴったり着用していただけます。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n          }\n        } else if(data.type === \"part\") {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#faad14; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e要確認\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e19号〜22号\u003c\/strong\u003eまでの調整範囲となっております。男性平均の${data.name}（${data.avg}）ですと、サイズが大きく感じられる可能性がございます。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n          }\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#ff4d4f; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用注意\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e19号〜22号\u003c\/strong\u003eまでの調整範囲となっております。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n          }\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n              ${detailText}\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50737237131559,"sku":null,"price":9800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T144855.268.png?v=1787204948"},{"product_id":"u-ring-r30","title":"U ring (R30)","description":"\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    \/* 「商品仕様」および「保証」内の要素が順番に下から上へフェードイン *\/\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\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\u003c!-- 商品仕様 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"wanna-block-feat\" class=\"wanna-block-logic\"\u003e \u003clabel for=\"wanna-block-feat\" class=\"wanna-block-trigger\"\u003e \u003cspan\u003e商品仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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;\"\u003eU字型の連続からなる、圧倒的な上品さ。指元に自然と馴染み、ファッションセンスの向上と一段階上のスタイルへ。\n\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素材を使用。優しく滑らかに寄り添い続けます。（金属アレルギーにも対応）\n\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;\"\u003e一目見たときに視線が止まる。そんな存在感を演出。身に付けたときの「自信」と「憧れ」をあなたに。\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- サイズ・仕様（スライド式） --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-details\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-details\"\u003e \u003cspan\u003eサイズ・仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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\u003cdiv class=\"wanna-slide-container\"\u003e\n\u003cdiv class=\"inner-tabs-header\"\u003e\n\u003ca href=\"#pane-size-prt\" class=\"inner-tab-link wanna-active\" id=\"link-size-prt\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \u003ca href=\"#pane-check-prt\" class=\"inner-tab-link\" id=\"link-check-prt\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyPrt\"\u003e\n\u003c!-- タブ1: サイズ仕様 --\u003e\n\u003cdiv id=\"pane-size-prt\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n\u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e15号〜20号（調節可能） ｜ 太さ 7.0mm\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メッセージカード（ギフトラッピング限定）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- タブ2: サイズチェック --\u003e\n\u003cdiv id=\"pane-check-prt\" class=\"inner-tab-pane\"\u003e\n\u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003eどの指に着用したいですか？\u003c\/p\u003e\n\u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e※男性平均サイズを基準としています\u003c\/p\u003e\n\u003c!-- 指選択ボタン --\u003e\n\u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n\u003cbutton type=\"button\" class=\"finger-btn\"\u003e親指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e人差し指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e中指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e薬指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e小指\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- 判定結果表示ボックス --\u003e\n\u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n\u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e上のボタンから、ご希望の指を選択してください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 計測を推奨する案内テキスト --\u003e\n\u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 安心保証 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\u003e \u003cspan\u003e安心保証\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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 class=\"wanna-feat-box wanna-feat-box-1\" 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万が一のトラブルにも対応しております。\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #888;\"\u003e※受取後5日以内のご連絡をお願いいたします。\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"wanna-feat-box wanna-feat-box-2\" 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厳選された純銀素材のみを使用。\u003c\/li\u003e\n\u003cli class=\"wanna-feat-box wanna-feat-box-3\" 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サイズ選びやスタイリングのご相談に直接お答えします。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- お手入れ --\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 \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-care\"\u003e \u003cspan\u003eお手入れ\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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\u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyPrt');\n      const links = {\n        'pane-size-prt': document.getElementById('link-size-prt'),\n        'pane-check-prt': document.getElementById('link-check-prt')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      if (document.getElementById('pane-size-prt')) observer.observe(document.getElementById('pane-size-prt'));\n      if (document.getElementById('pane-check-prt')) observer.observe(document.getElementById('pane-check-prt'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト（本商品：15号〜20号用）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: true, note: \"※15号〜20号の方\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true, note: \"※15号〜20号の方\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true, note: \"※15号〜20号の方\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true, note: \"※15号以上の方\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: false }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.fit) {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e15号〜20号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の${data.note}にフィットします。`;\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#f5222d; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e推奨外\u003c\/span\u003e';\n          detailText = `男性の${data.name}平均サイズは${data.avg}のため、本商品（15号〜20号）では少し大きく感じる可能性が高いです。`;\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"margin: 0; font-size: 11px; color: #555; line-height: 1.8;\"\u003e${detailText}\u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      btns.forEach(b =\u003e {\n        b.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50737243029799,"sku":null,"price":6800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/FDC9889C-E78D-43F0-A2FD-2B0DB885548E.jpg?v=1766287402"},{"product_id":"forever-pierce-r26","title":"forever pierce (R26)","description":"\u003cdiv style=\"font-size: 13px; color: #444; line-height: 1.9; letter-spacing: 0.06em; max-width: 550px; margin: 0 auto; font-family: 'Hiragino Mincho ProN', 'serif'; -webkit-text-size-adjust: 100%;\"\u003e\n\n  \u003c!-- アコーディオン外枠等のスタイル --\u003e\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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- アコーディオンセクション群 --\u003e\n\n  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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 \"Forever\"の刻印が宿す美しさ\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永遠をテーマに刻まれた文字が、Silver925の澄んだ光沢の中に静かに輝きます。\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;\"\u003e太さ6.0mmの安定感ある存在感。一本での着用はもちろん、重ね付けにも最適です。\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 Silver925という納得の素材\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純度92.5%の銀を使用。アレルギーに配慮した素材選びで、毎日身に着ける安心感を提供します。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \n            \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e14号〜21号（調節可能） ｜ 太さ 6.0mm\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;\"\u003eSilver 925\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メッセージカード（ギフトラッピング限定）\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: サイズチェック（インタラクティブ化・14号〜21号対応） --\u003e\n            \u003cdiv id=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示エリア --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 注記 --\u003e\n                \u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e\n                  ※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 素材について --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-material\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-material\"\u003e\n      \u003cspan\u003eMATERIAL \/ 素材\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 style=\"padding: 20px 12px 35px 4px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cp style=\"letter-spacing: 0.08em; margin-bottom: 10px; margin-top: 0; font-weight: 600; color: #1a1a1a;\"\u003eSilver 925\u003c\/p\u003e\n        \u003cp style=\"font-family: 'Hiragino Mincho ProN', serif; color: #777; font-size: 12px; line-height: 1.9; letter-spacing: 0.06em; margin-bottom: 0;\"\u003e高品質なスターリングシルバーを採用。6.0mmの安定感のある幅が刻印の美しさを際立たせ、使い込むほどに深い愛着を感じさせます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 付属品 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-accessories\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-accessories\"\u003e\n      \u003cspan\u003eACCESSORIES \/ 付属品\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 style=\"padding: 20px 12px 35px 4px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cp style=\"letter-spacing: 0.08em; margin: 0; font-weight: 600; color: #1a1a1a;\"\u003eジュエリークロス \/ ショップカード\u003c\/p\u003e\n        \u003cp style=\"color: #999; font-size: 11px; font-family: 'Hiragino Mincho ProN', serif; margin-top: 6px; letter-spacing: 0.06em; margin-bottom: 0;\"\u003eメッセージカード（ギフトラッピング限定）\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- お手入れ --\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 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ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyAnc');\n      const links = {\n        'pane-size-anc': document.getElementById('link-size-anc'),\n        'pane-image-anc': document.getElementById('link-image-anc')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-anc'));\n      observer.observe(document.getElementById('pane-image-anc'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト（14号〜21号対応）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", type: \"part\", note: \"※19号〜21号の方であればご着用いただけます。\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", type: \"fit\",  note: \"※16号〜21号の方であればご着用いただけます。\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", type: \"fit\",  note: \"※15号〜21号の方であればご着用いただけます。\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", type: \"fit\",  note: \"※14号以上の方であれば問題なくご着用いただけます。\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", type: \"part\", note: \"※14号の方のみ着用可能です。13号以下の方の場合、サイズが大きく抜けやすくなる可能性がございます。\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.type === \"fit\") {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e14号〜21号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eにぴったり着用していただけます。`;\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e一部着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e14号〜21号\u003c\/strong\u003eまでの調整範囲となっております。男性平均の${data.name}（${data.avg}）ですと、サイズが合う範囲内でのみご着用いただけます。`;\n        }\n\n        if(data.note) {\n          detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n              ${detailText}\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":50743491166503,"sku":null,"price":6000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T150912.376.png?v=1787206167"},{"product_id":"twist-ring-r2","title":"twist ring (R2)","description":"\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    \/* 選択時のボタン色設定 *\/\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\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\u003c!-- 商品仕様 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"wanna-block-feat\" class=\"wanna-block-logic\"\u003e \u003clabel for=\"wanna-block-feat\" class=\"wanna-block-trigger\"\u003e \u003cspan\u003e商品仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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細身の中に、差別化を図るデザイン。男の余裕と自信を演出するようなデザイン性。\n\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;\"\u003e真っすぐのリングには演出できない、独自性を実現。「Silver925素材×ねじりの技術」\n\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;\"\u003eSilver925素材を使用。優しく滑らかに寄り添い続けます。（金属アレルギーにも対応）\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- サイズ・仕様 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-details\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-details\"\u003e \u003cspan\u003eサイズ・仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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\u003cdiv class=\"wanna-slide-container\"\u003e\n\u003cdiv class=\"inner-tabs-header\"\u003e\n\u003ca href=\"#pane-size-tws\" class=\"inner-tab-link wanna-active\" id=\"link-size-tws\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \u003ca href=\"#pane-image-tws\" class=\"inner-tab-link\" id=\"link-image-tws\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyTws\"\u003e\n\u003c!-- タブ1: サイズ仕様 --\u003e\n\u003cdiv id=\"pane-size-tws\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n\u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e11号〜18号（調節可能） ｜ 太さ 4.0mm\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\u003c!-- タブ2: サイズチェック --\u003e\n\u003cdiv id=\"pane-image-tws\" class=\"inner-tab-pane\"\u003e\n\u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003eどの指に着用したいですか？\u003c\/p\u003e\n\u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e※男性平均サイズを基準としています\u003c\/p\u003e\n\u003c!-- 指選択ボタン --\u003e\n\u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n\u003cbutton type=\"button\" class=\"finger-btn\"\u003e親指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e人差し指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e中指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e薬指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e小指\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- 判定結果表示ボックス --\u003e\n\u003cdiv id=\"wanna-size-result-tws\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n\u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e上のボタンから、ご希望の指を選択してください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 計測を推奨する案内テキスト --\u003e\n\u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 安心保証 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\u003e \u003cspan\u003e安心保証\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"wanna-block-answer\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"padding: 20px 12px 35px 4px !important;\" 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万が一のトラブルにも対応しております。\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #888;\"\u003e※受取後5日以内のご連絡をお願いいたします。\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厳選された純銀素材のみを使用。\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サイズ選びやスタイリングのご相談に直接お答えします。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- お手入れ --\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 \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-care\"\u003e \u003cspan\u003eお手入れ\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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\u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyTws');\n      const links = {\n        'pane-size-tws': document.getElementById('link-size-tws'),\n        'pane-image-tws': document.getElementById('link-image-tws')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-tws'));\n      observer.observe(document.getElementById('pane-image-tws'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト (11号〜18号用に適応)\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: false },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true, note: \"※18号以下の方\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true, note: \"※18号以下の方\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: true, note: \"※11号以上の方\" }\n      };\n\n      const btns = document.querySelectorAll('#pane-image-tws .finger-btn');\n      const resultBox = document.getElementById('wanna-size-result-tws');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.fit) {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e11号〜18号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eにぴったり着用していただけます。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}であれば問題なくご着用いただけます。\u003c\/span\u003e`;\n          }\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#f5222d; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e推奨外\u003c\/span\u003e';\n          detailText = `男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eには、最大サイズ（18号）でも少し小さく感じられる可能性がございます。`;\n        }\n\n        resultBox.innerHTML = `\n          ${statusBadge}\n          \u003cp style=\"font-size:11px; color:#555; line-height:1.7; margin:0;\"\u003e\n            ${detailText}\n          \u003c\/p\u003e\n        `;\n      }\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Silver","offer_id":50811361034535,"sku":null,"price":6900.0,"currency_code":"JPY","in_stock":true},{"title":"Gold","offer_id":50811361067303,"sku":null,"price":6900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T174729.073.png?v=1787215665"},{"product_id":"chain-ring-r14","title":"chain ring (R14)","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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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    .wanna-block-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .wanna-block-answer-inner {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n    }\n\n    \/* 開閉時のアイコン変化 *\/\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n      transform: rotate(135deg);\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n    .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n      background-color: #a0a0a0;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n      max-height: 1500px;\n    }\n\n    \/* フェードインアニメーション *\/\n    .wanna-feat-box {\n      opacity: 0;\n      transform: translateX(20px);\n      transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n      opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n    }\n    .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n      opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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精巧に連なるチェーンのラインが光を細やかに捉え、Silver925本来の輝きを最大限に引き出します。無骨さと上品さが共存するフォルムが、指元に圧倒的な洒落感を演出。\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;\"\u003eチェーンモチーフの独創的な造形美は、一本で手元の主役になる存在感を放ちます。他のリングとの重ね付けにも自然と馴染み、カジュアルからドレスアップまで、毎日のコーディネートを格上げします。\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 Silver925という納得の素材\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純度92.5%の銀を使用したSilver925は、ジュエリー素材のスタンダードとして世界中で愛される素材。磨き上げられた表面が放つ本物の光沢は、使い込むほどにあなたの肌に馴染み、唯一無二の風合いへと育ちます。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-chain\" class=\"inner-tab-link wanna-active\" id=\"link-size-chain\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e\n            \u003ca href=\"#pane-image-chain\" class=\"inner-tab-link\" id=\"link-image-chain\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyChain\"\u003e\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-chain\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e9号 \/ 13号 \/ 17号\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;\"\u003eSilver 925\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\n                      \u003cspan style=\"font-size: 11px; color: #999; display: inline-block; margin-top: 4px;\"\u003eメッセージカード（ギフトラッピング限定）\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=\"pane-image-chain\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n                \n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示ボックス --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 計測を推奨する案内テキスト --\u003e\n                \u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e\n                  ※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\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 style=\"padding: 20px 12px 35px 4px !important;\" 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日以内のご連絡。)\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\n  \u003c!-- お手入れ --\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 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ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyChain');\n      const links = {\n        'pane-size-chain': document.getElementById('link-size-chain'),\n        'pane-image-chain': document.getElementById('link-image-chain')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      observer.observe(document.getElementById('pane-size-chain'));\n      observer.observe(document.getElementById('pane-image-chain'));\n\n      \/\/ 2. 指選択インタラクティブスクリプト（固定サイズ9号・13号・17号仕様）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: false, note: \"サイズ（9\/13\/17号）に対して小さめの可能性がございます。\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true, note: \"17号サイズが適しています。\" },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true, note: \"17号サイズが適しています。\" },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true, note: \"13号または17号サイズが適しています。\" },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: true, note: \"9号サイズが適しています。\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '';\n        let detailText = '';\n\n        if(data.fit) {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n          detailText = `男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eに対し、展開サイズ（9号 \/ 13号 \/ 17号）の中からお選びいただけます。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e※${data.note}\u003c\/span\u003e`;\n          }\n        } else {\n          statusBadge = '\u003cspan style=\"display:inline-block; background:#999; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e要サイズ確認\u003c\/span\u003e';\n          detailText = `男性平均の${data.name}（${data.avg}）ですと、展開サイズ（最大17号）に対してきつく感じられる場合がございます。`;\n          if(data.note) {\n            detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e※${data.note}\u003c\/span\u003e`;\n          }\n        }\n\n        resultBox.innerHTML = `\n          \u003cdiv\u003e\n            ${statusBadge}\n            \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n              ${detailText}\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        `;\n      }\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n\n    })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"9号","offer_id":51208713568551,"sku":null,"price":8500.0,"currency_code":"JPY","in_stock":true},{"title":"13号","offer_id":51208713601319,"sku":null,"price":8500.0,"currency_code":"JPY","in_stock":true},{"title":"17号","offer_id":51208713634087,"sku":null,"price":8500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T152632.361.png?v=1787207255"},{"product_id":"double-ring-r22","title":"double ring (R22)","description":"\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\n    \/* 指選択ボタン用スタイル *\/\n    .finger-btn {\n      flex: 1;\n      padding: 10px 0;\n      border: 1px solid #e5e5e5;\n      background: #fff;\n      color: #666;\n      font-size: 11px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      font-family: inherit;\n      border-radius: 4px;\n    }\n    .finger-btn:hover {\n      border-color: #1890ff;\n      color: #1890ff;\n      background-color: #e6f7ff;\n    }\n    .finger-btn.active {\n      background: #1890ff;\n      color: #ffffff;\n      border-color: #1890ff;\n      font-weight: 600;\n    }\n  \u003c\/style\u003e\n\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\u003c!-- 商品仕様 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"wanna-block-feat\" class=\"wanna-block-logic\"\u003e \u003clabel for=\"wanna-block-feat\" class=\"wanna-block-trigger\"\u003e \u003cspan\u003e商品仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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シンプルなデザイン性。その中に太陽の光をきれいに反射するSilver本来の美しさを演出。\n\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素材を使用。優しく滑らかに寄り添い続けます。（金属アレルギーにも対応）\n\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;\"\u003e着用するだけで、どんなファッションにも馴染む。美しい使い方で毎日の質を自然と引き上げる。\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- サイズ・仕様（スライド式） --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-details\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-details\"\u003e \u003cspan\u003eサイズ・仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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\u003cdiv class=\"wanna-slide-container\"\u003e\n\u003cdiv class=\"inner-tabs-header\"\u003e\n\u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズチェック\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n\u003c!-- タブ1: サイズ仕様 --\u003e\n\u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n\u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e9号〜22号（調節可能） ｜ 太さ 2.5mm\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;\"\u003eSilver 925\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メッセージカード（ギフトラッピング限定）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- タブ2: サイズ平均チェック --\u003e\n\u003cdiv id=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n\u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003eどの指に着用したいですか？\u003c\/p\u003e\n\u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e※男性平均サイズを基準としています\u003c\/p\u003e\n\u003c!-- 指選択ボタン --\u003e\n\u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n\u003cbutton type=\"button\" class=\"finger-btn\"\u003e親指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e人差し指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e中指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e薬指\u003c\/button\u003e \u003cbutton type=\"button\" class=\"finger-btn\"\u003e小指\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- 判定結果表示ボックス --\u003e\n\u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n\u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e上のボタンから、ご希望の指を選択してください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 計測を推奨する案内テキスト --\u003e\n\u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 安心保証 --\u003e\n\u003cdiv class=\"wanna-block-item\"\u003e\n\u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\u003e \u003cspan\u003e安心保証\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"wanna-block-answer\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"padding: 15px 0 30px 4px !important;\" 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万が一のトラブルにも対応しております。\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #888;\"\u003e※受取後5日以内のご連絡をお願いいたします。\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厳選された純銀素材のみを使用。\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サイズ選びやスタイリングのご相談に直接お答えします。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- お手入れ --\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 \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-care\"\u003e \u003cspan\u003eお手入れ\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle\"\u003e\u003c\/span\u003e \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\u003cscript\u003e\n    (function() {\n      \/\/ 1. タブ制御スクリプト\n      const sliderBody = document.getElementById('wannaSlideBodyAnc');\n      const links = {\n        'pane-size-anc': document.getElementById('link-size-anc'),\n        'pane-image-anc': document.getElementById('link-image-anc')\n      };\n\n      Object.values(links).forEach(link =\u003e {\n        if(link) {\n          link.addEventListener('click', function(e) {\n            e.preventDefault();\n            const targetId = this.getAttribute('href').substring(1);\n            const targetPane = document.getElementById(targetId);\n            if(targetPane) {\n              sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n            }\n          });\n        }\n      });\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e l \u0026\u0026 l.classList.remove('wanna-active'));\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      const pane1 = document.getElementById('pane-size-anc');\n      const pane2 = document.getElementById('pane-image-anc');\n      if(pane1) observer.observe(pane1);\n      if(pane2) observer.observe(pane2);\n\n      \/\/ 2. 指選択インタラクティブスクリプト（9号〜22号対応）\n      const fingerData = {\n        thumb:  { name: \"親指\",   avg: \"19号〜23号\", fit: true, note: \"※19号〜22号の方であればご着用いただけます。\" },\n        index:  { name: \"人差し指\", avg: \"16号〜22号\", fit: true },\n        middle: { name: \"中指\",   avg: \"15号〜22号\", fit: true },\n        ring:   { name: \"薬指\",   avg: \"13号〜18号\", fit: true },\n        pinky:  { name: \"小指\",   avg: \"10号〜14号\", fit: true, note: \"※10号〜14号の方であればご着用いただけます。\" }\n      };\n\n      const btns = document.querySelectorAll('.finger-btn');\n      const resultBox = document.getElementById('wanna-size-result');\n\n      function selectFinger(key) {\n        const data = fingerData[key];\n        if(!data) return;\n\n        btns.forEach(b =\u003e {\n          if(b.getAttribute('data-finger') === key) {\n            b.classList.add('active');\n          } else {\n            b.classList.remove('active');\n          }\n        });\n\n        let statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n        let detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e9号〜22号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eにぴったり着用していただけます。`;\n        \n        if(data.note) {\n          detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n        }\n\n        resultBox.innerHTML = `${statusBadge}\u003cp style=\"margin:0; font-size:11px; color:#555; line-height:1.7;\"\u003e${detailText}\u003c\/p\u003e`;\n      }\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const fingerKey = this.getAttribute('data-finger');\n          selectFinger(fingerKey);\n        });\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Wanna shop","offers":[{"title":"Default Title","offer_id":51208715010343,"sku":null,"price":6800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T152005.245.png?v=1787206962"},{"product_id":"square-ring-r18","title":"square ring (R18)","description":"\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.5s cubic-bezier(0.4, 0, 0.2, 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: all 0.4s;\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  .wanna-block-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  .wanna-block-answer-inner {\n    padding: 10px 0 35px 4px !important; \n    font-size: 12px;\n    color: #555;\n  }\n\n  \/* 開閉時のアイコン変化 *\/\n  .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle {\n    transform: rotate(135deg);\n  }\n  .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::before,\n  .wanna-block-logic:checked + .wanna-block-trigger .wanna-icon-toggle::after {\n    background-color: #a0a0a0;\n  }\n  .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer {\n    max-height: 1500px;\n  }\n\n  \/* フェードインアニメーション *\/\n  .wanna-feat-box {\n    opacity: 0;\n    transform: translateX(20px);\n    transition: opacity 0.6s ease, transform 0.6s 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: translateX(0); transition-delay: 0.1s;\n  }\n  .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-2 {\n    opacity: 1; transform: translateX(0); transition-delay: 0.6s;\n  }\n  .wanna-block-logic:checked + .wanna-block-trigger + .wanna-block-answer .wanna-feat-box-3 {\n    opacity: 1; transform: translateX(0); transition-delay: 1.1s;\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\n  \/* 指選択ボタン用スタイル *\/\n  .finger-btn {\n    flex: 1;\n    padding: 10px 0;\n    border: 1px solid #e5e5e5;\n    background: #fff;\n    color: #666;\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    font-family: inherit;\n    border-radius: 4px;\n  }\n  .finger-btn:hover {\n    border-color: #1890ff;\n    color: #1890ff;\n    background-color: #e6f7ff;\n  }\n  \/* 選択時ボタン色（アクティブ） *\/\n  .finger-btn.active {\n    background: #1890ff;\n    color: #ffffff;\n    border-color: #1890ff;\n    font-weight: 600;\n  }\n\n  @media screen and (max-width: 480px) {\n    .inner-tab-pane { padding: 20px 0px 10px 0px !important; }\n  }\n\u003c\/style\u003e\n\n\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  \u003c!-- 商品仕様 --\u003e\n  \u003cdiv 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 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\n            \u003cspan style=\"font-family: 'Gill Sans', sans-serif; margin-right: 6px; color: #888;\"\u003e01 \/\u003c\/span\u003e ツイストが生む、圧倒的な存在感\n          \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\n            光を反射する立体的なデザイン。シンプルの中に圧倒的な存在感を演出。\n          \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\n            \u003cspan style=\"font-family: 'Gill Sans', sans-serif; margin-right: 6px; color: #888;\"\u003e02 \/\u003c\/span\u003e 適用性\n          \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\n            着用するだけで、どんなファッションにも馴染む。美しい使い方で毎日の質を自然と引き上げる。\n          \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\n            \u003cspan style=\"font-family: 'Gill Sans', sans-serif; margin-right: 6px; color: #888;\"\u003e03 \/\u003c\/span\u003e 選び抜かれた Silver925 素材\n          \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\n            世界標準のジュエリー素材、純度92.5%のシルバーを使用。肌触りが良く、指に滑らかに寄り添い続けます。\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ・仕様（スライド式） --\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 style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\" class=\"wanna-block-answer-inner\"\u003e\n        \u003cdiv class=\"wanna-slide-container\"\u003e\n          \u003cdiv class=\"inner-tabs-header\"\u003e\n            \u003ca href=\"#pane-size-anc\" class=\"inner-tab-link wanna-active\" id=\"link-size-anc\" style=\"margin-left: 16px;\"\u003eサイズ仕様\u003c\/a\u003e \n            \u003ca href=\"#pane-image-anc\" class=\"inner-tab-link\" id=\"link-image-anc\" style=\"margin-right: 16px;\"\u003eサイズ平均チェック\u003c\/a\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"inner-tabs-body\" id=\"wannaSlideBodyAnc\"\u003e\n\n            \u003c!-- タブ1: サイズ仕様 --\u003e\n            \u003cdiv id=\"pane-size-anc\" 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: 28%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                    \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e12号～21号（調節可能） ｜ 幅 10.0mm\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\n                      ジュエリークロス \/ ショップカード\u003cbr\u003e\n                      \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=\"pane-image-anc\" class=\"inner-tab-pane\"\u003e\n              \u003cdiv style=\"background-color: #fafafa; padding: 22px 18px; border-radius: 2px; margin-bottom: 10px; text-align: center;\"\u003e\n\n                \u003cp style=\"font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.12em; margin-top: 0; margin-bottom: 4px;\"\u003e\n                  どの指に着用したいですか？\n                \u003c\/p\u003e\n                \u003cp style=\"font-size: 10px; color: #888; margin-top: 0; margin-bottom: 16px; letter-spacing: 0.05em;\"\u003e\n                  ※男性平均サイズを基準としています\n                \u003c\/p\u003e\n\n                \u003c!-- 指選択ボタン --\u003e\n                \u003cdiv style=\"display: flex; gap: 4px; margin-bottom: 18px;\"\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"thumb\"\u003e親指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"index\"\u003e人差し指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"middle\"\u003e中指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"ring\"\u003e薬指\u003c\/button\u003e\n                  \u003cbutton type=\"button\" class=\"finger-btn\" data-finger=\"pinky\"\u003e小指\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 判定結果表示エリア --\u003e\n                \u003cdiv id=\"wanna-size-result\" style=\"text-align: left; background-color: #fff; border: 1px solid #eaeaea; padding: 16px; border-radius: 2px; min-height: 75px;\"\u003e\n                  \u003cp style=\"font-size: 11px; color: #888; text-align: center; margin: 15px 0;\"\u003e\n                    上のボタンから、ご希望の指を選択してください。\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 注記 --\u003e\n                \u003cp style=\"font-size: 10px; color: #888; line-height: 1.6; margin: 14px 0 0 0; text-align: left; padding-left: 2px;\"\u003e\n                  ※正確な着用感やフィット感をお確かめになりたい場合は、事前にご自身の指のサイズ（号数）を計測していただくことをおすすめいたします。\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item\"\u003e\n    \u003cinput class=\"wanna-block-logic\" id=\"wanna-block-promise\" type=\"checkbox\"\u003e \n    \u003clabel class=\"wanna-block-trigger\" for=\"wanna-block-promise\"\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 style=\"padding: 20px 12px 35px 4px !important;\" 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日以内のご連絡。)\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\n  \u003c!-- お手入れ --\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 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\n          ご使用後は付属のクロスで優しく拭き取ってください。密閉できる袋等で保管いただくと、美しい輝きをより長く保つことができます。\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function() {\n    \/\/ 1. タブ制御スクリプト\n    const sliderBody = document.getElementById('wannaSlideBodyAnc');\n    const links = {\n      'pane-size-anc': document.getElementById('link-size-anc'),\n      'pane-image-anc': document.getElementById('link-image-anc')\n    };\n\n    \/\/ タブクリック時の挙動\n    Object.values(links).forEach(link =\u003e {\n      if(link) {\n        link.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href').substring(1);\n          const targetPane = document.getElementById(targetId);\n          if(targetPane \u0026\u0026 sliderBody) {\n            sliderBody.scrollTo({ left: targetPane.offsetLeft, behavior: 'smooth' });\n          }\n        });\n      }\n    });\n\n    \/\/ スクロール検知によるタブのアクティブ化\n    if (sliderBody) {\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n            Object.values(links).forEach(l =\u003e { if(l) l.classList.remove('wanna-active'); });\n            if(links[entry.target.id]) links[entry.target.id].classList.add('wanna-active');\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n\n      const pane1 = document.getElementById('pane-size-anc');\n      const pane2 = document.getElementById('pane-image-anc');\n      if(pane1) observer.observe(pane1);\n      if(pane2) observer.observe(pane2);\n    }\n\n    \/\/ 2. 指選択インタラクティブスクリプト（当商品の12号〜21号に適用）\n    const fingerData = {\n      thumb:  { name: \"親指\",   avg: \"19号〜23号\", type: \"part\", note: \"※19号〜21号の方であれば着用可能です。22号以上の方はサイズが小さく感じられる場合がございます。\" },\n      index:  { name: \"人差し指\", avg: \"16号〜22号\", type: \"fit\", note: \"※16号〜21号の方に対応しています。\" },\n      middle: { name: \"中指\",   avg: \"15号〜22号\", type: \"fit\", note: \"※15号〜21号の方に対応しています。\" },\n      ring:   { name: \"薬指\",   avg: \"13号〜18号\", type: \"fit\" },\n      pinky:  { name: \"小指\",   avg: \"10号〜14号\", type: \"part\", note: \"※12号〜14号の方のみ着用可能です。11号以下の方の場合、サイズが大きく抜けやすくなる可能性がございます。\" }\n    };\n\n    const btns = document.querySelectorAll('.finger-btn');\n    const resultBox = document.getElementById('wanna-size-result');\n\n    function selectFinger(key) {\n      const data = fingerData[key];\n      if(!data || !resultBox) return;\n\n      \/\/ ボタンアクティブ制御\n      btns.forEach(b =\u003e {\n        if(b.getAttribute('data-finger') === key) {\n          b.classList.add('active');\n        } else {\n          b.classList.remove('active');\n        }\n      });\n\n      \/\/ 判定結果表示コンテンツ生成\n      let statusBadge = '';\n      let detailText = '';\n\n      if(data.type === \"fit\") {\n        statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e着用可能\u003c\/span\u003e';\n        detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e12号〜21号\u003c\/strong\u003eまでサイズ調節が可能ですので、男性平均（${data.avg}）の\u003cstrong\u003e${data.name}\u003c\/strong\u003eにぴったり着用していただけます。`;\n        if(data.note) {\n          detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n        }\n      } else if(data.type === \"part\") {\n        statusBadge = '\u003cspan style=\"display:inline-block; background:#1890ff; color:#fff; font-size:10px; padding:2px 8px; border-radius:2px; margin-bottom:8px; letter-spacing:0.1em;\"\u003e一部着用可能\u003c\/span\u003e';\n        detailText = `こちらの商品は\u003cstrong style=\"color:#1a1a1a;\"\u003e12号〜21号\u003c\/strong\u003eまでの調整範囲となっております。男性平均の${data.name}（${data.avg}）ですと、対象の号数範囲内の方にご着用いただけます。`;\n        if(data.note) {\n          detailText += `\u003cbr\u003e\u003cspan style=\"font-size:10px; color:#888; margin-top:4px; display:inline-block;\"\u003e${data.note}\u003c\/span\u003e`;\n        }\n      }\n\n      resultBox.innerHTML = `\n        \u003cdiv\u003e\n          ${statusBadge}\n          \u003cp style=\"font-size: 11px; color: #444; line-height: 1.8; margin: 0;\"\u003e\n            ${detailText}\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      `;\n    }\n\n    btns.forEach(btn =\u003e {\n      btn.addEventListener('click', function() {\n        const fingerKey = this.getAttribute('data-finger');\n        selectFinger(fingerKey);\n      });\n    });\n\n  })();\n\u003c\/script\u003e","brand":"Wanna","offers":[{"title":"Default Title","offer_id":51595561402663,"sku":null,"price":9500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/Simple_Minimalist_Business_Nail_Logo_-_2026-08-20T141738.390.png?v=1787203122"}],"url":"https:\/\/wanna-official.com\/collections\/karen.oembed","provider":"Wanna","version":"1.0","type":"link"}