{"product_id":"connect-bracelet-b33","title":"connect bracelet (B33)","description":"\u003cstyle\u003e\n    \/* アコーディオン外枠 *\/\n    .wanna-block-item-h40 {\n      border-bottom: 1px solid #f2f2f2;\n      width: 100%;\n    }\n    \n    \/* チェックボックス隠し *\/\n    .wanna-block-logic-h40 {\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-h40 {\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-h40:hover { color: #888; }\n\n    \/* プラス・マイナスアイコン *\/\n    .wanna-icon-toggle-h40 {\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-h40::before, .wanna-icon-toggle-h40::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-h40::before { width: 100%; height: 1px; top: 50%; left: 0; transform: translateY(-50%); }\n    .wanna-icon-toggle-h40::after  { width: 1px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); }\n\n    \/* --------------------------------------------------\n       ゆっくり開閉するスライドアニメーション（CSS Grid）\n    -------------------------------------------------- *\/\n    .wanna-block-answer-h40 {\n      display: grid;\n      grid-template-rows: 0fr;\n      \/* アコーディオンが開く速度（0.7秒でゆっくり展開） *\/\n      transition: grid-template-rows 0.7s cubic-bezier(0.25, 1, 0.3, 1);\n    }\n    \n    .wanna-block-answer-h40 \u003e div {\n      overflow: hidden;\n    }\n\n    \/* --------------------------------------------------\n       コンテンツが下から上へ少し移動しながら現れるアニメーション\n    -------------------------------------------------- *\/\n    .wanna-block-answer-inner-h40 {\n      padding: 10px 0 35px 4px !important; \n      font-size: 12px;\n      color: #555;\n      opacity: 0;\n      \/* 初期位置を下へ15pxずらしておく *\/\n      transform: translateY(15px);\n      \/* 閉じる時のアニメーション *\/\n      transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* 開閉時のアニメーション発動 *\/\n    .wanna-block-logic-h40:checked + .wanna-block-trigger-h40 + .wanna-block-answer-h40 {\n      grid-template-rows: 1fr;\n    }\n\n    \/* 開いたときに文字が「下から上へ」動きながらフェードイン *\/\n    .wanna-block-logic-h40:checked + .wanna-block-trigger-h40 + .wanna-block-answer-h40 .wanna-block-answer-inner-h40 {\n      opacity: 1;\n      transform: translateY(0);\n      \/* 開く時は少し遅れて滑らかに持ち上がるように調整 *\/\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-h40:checked + .wanna-block-trigger-h40 .wanna-icon-toggle-h40::after {\n      transform: translateX(-50%) rotate(90deg);\n      opacity: 0;\n    }\n    .wanna-block-logic-h40:checked + .wanna-block-trigger-h40 .wanna-icon-toggle-h40::before {\n      background-color: #a0a0a0;\n    }\n\n    \/* 「商品仕様」内の要素（01\/ 02\/ 03\/）も順番に下から上へフェードイン *\/\n    .wanna-feat-box-h40 {\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-h40:checked + .wanna-block-trigger-h40 + .wanna-block-answer-h40 .wanna-feat-box-1-h40 {\n      opacity: 1; transform: translateY(0); transition-delay: 0.15s;\n    }\n    .wanna-block-logic-h40:checked + .wanna-block-trigger-h40 + .wanna-block-answer-h40 .wanna-feat-box-2-h40 {\n      opacity: 1; transform: translateY(0); transition-delay: 0.3s;\n    }\n    .wanna-block-logic-h40:checked + .wanna-block-trigger-h40 + .wanna-block-answer-h40 .wanna-feat-box-3-h40 {\n      opacity: 1; transform: translateY(0); transition-delay: 0.45s;\n    }\n\n    \/* タブ切り替えレイアウト *\/\n    .wanna-slide-container-h40 {\n      display: flex; flex-direction: column; position: relative;\n    }\n    .inner-tabs-header-h40 {\n      display: flex; border-bottom: 1px solid #f2f2f2;\n    }\n    .inner-tab-link-h40 {\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-h40.wanna-active {\n      color: #1a1a1a !important; font-weight: 500 !important;\n      border-bottom: 1px solid #1a1a1a !important;\n    }\n    .inner-tabs-body-h40 {\n      display: flex; overflow-x: auto; scroll-behavior: smooth;\n      scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;\n    }\n    .inner-tabs-body-h40::-webkit-scrollbar { display: none; }\n    .inner-tabs-body-h40 { -ms-overflow-style: none; scrollbar-width: none; }\n    .inner-tab-pane-h40 {\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-h40, .wanna-clean-table-h40 tr, .wanna-clean-table-h40 td {\n      border: none !important; border-collapse: collapse !important;\n    }\n\u003c\/style\u003e\n\n\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!-- 1. 商品仕様 --\u003e\n  \u003cdiv class=\"wanna-block-item-h40\"\u003e\n    \u003cinput class=\"wanna-block-logic-h40\" id=\"wanna-block-feat-h40\" type=\"checkbox\"\u003e \n    \u003clabel class=\"wanna-block-trigger-h40\" for=\"wanna-block-feat-h40\"\u003e \u003cspan\u003e商品仕様\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle-h40\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer-h40\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"wanna-block-answer-inner-h40\"\u003e\n          \u003cdiv class=\"wanna-feat-box-h40 wanna-feat-box-1-h40\" style=\"margin-bottom: 35px;\"\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 滑らかで重厚感のある3mm幅\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高密度に編み込まれたスネークチェーン。3mmのしっかりとした存在感がありながら、肌に吸い付くような滑らかな着け心地が特徴です。\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"wanna-feat-box-h40 wanna-feat-box-2-h40\" style=\"margin-bottom: 35px;\"\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 class=\"wanna-feat-box-h40 wanna-feat-box-3-h40\" style=\"margin-bottom: 5px;\"\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  \u003c\/div\u003e\n\n  \u003c!-- 2. サイズ・着用感 --\u003e\n  \u003cdiv class=\"wanna-block-item-h40\"\u003e\n    \u003cinput type=\"checkbox\" id=\"wanna-block-details-h40\" class=\"wanna-block-logic-h40\"\u003e \n    \u003clabel for=\"wanna-block-details-h40\" class=\"wanna-block-trigger-h40\"\u003e \u003cspan\u003eサイズ・着用感\u003c\/span\u003e \u003cspan class=\"wanna-icon-toggle-h40\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer-h40\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"wanna-block-answer-inner-h40\" style=\"padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 25px !important;\"\u003e\n          \u003cdiv class=\"wanna-slide-container-h40\"\u003e\n            \u003cdiv class=\"inner-tabs-header-h40\"\u003e\n              \u003ca style=\"margin-left: 16px;\" id=\"link-size-h40\" class=\"inner-tab-link-h40 wanna-active\" href=\"#pane-size-h40\"\u003eサイズ仕様\u003c\/a\u003e \n              \u003ca style=\"margin-right: 16px;\" id=\"link-image-h40\" class=\"inner-tab-link-h40\" href=\"#pane-image-h40\"\u003eサイズイメージ\u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv id=\"wannaSlideBodyH40\" class=\"inner-tabs-body-h40\"\u003e\n              \n              \u003c!-- タブ1: サイズ仕様 --\u003e\n              \u003cdiv class=\"inner-tab-pane-h40\" id=\"pane-size-h40\"\u003e\n                \u003ctable class=\"wanna-clean-table-h40\" style=\"width: 100%; font-size: 12px; color: #555; line-height: 1.95; letter-spacing: 0.05em;\"\u003e\n                  \u003ctbody\u003e\n                    \u003ctr\u003e\n                      \u003ctd style=\"padding: 14px 0; width: 25%; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003eサイズ\u003c\/td\u003e\n                      \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\u003e17cm \/ 18cm \/ 19cm （幅：3.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;\"\u003e\n                        Silver925\n                      \u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                      \u003ctd style=\"padding: 14px 0; color: #1a1a1a; font-weight: 500; vertical-align: top;\"\u003e付属品\u003c\/td\u003e\n                      \u003ctd style=\"padding: 14px 0; vertical-align: top;\"\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-h40\" class=\"inner-tab-pane-h40\"\u003e\n                \u003cdiv style=\"font-size: 12px; color: #555; line-height: 1.95; letter-spacing: 0.05em;\"\u003e\n                  \n                  \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n                    \u003cp style=\"margin: 0 0 6px; font-size: 12px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.1em;\"\u003e● おすすめの着用バランス\u003c\/p\u003e\n                    \u003cp style=\"margin: 0 0 14px; padding-left: 4px; color: #666; font-size: 11px; line-height: 1.8;\"\u003e\n                      ・\u003cstrong\u003eジャストめ：\u003c\/strong\u003e 手首周り ＋ 1.0cm 〜 1.5cm\u003cbr\u003e\n                      ・\u003cstrong\u003e標準〜ゆとり：\u003c\/strong\u003e 手首周り ＋ 2.0cm 〜 3.0cm\n                    \u003c\/p\u003e\n                    \u003cp style=\"margin: 0; padding-left: 4px; color: #1a1a1a; font-size: 11px; font-weight: bold; letter-spacing: 0.05em;\"\u003e\n                      \" 男性の平均サイズは 18cm〜19cm です \"\n                    \u003c\/p\u003e\n                  \u003c\/div\u003e\n\n                  \u003cdiv style=\"padding: 16px 15px; background: #fcfcfc; border: 1px solid #f2f2f2; font-size: 11px; color: #555; line-height: 1.8; border-top: 1px dashed #e5e5e5;\"\u003e\n                    \u003cp style=\"margin: 0 0 10px; font-size: 11px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.05em;\"\u003e📏手首サイズ予測\u003c\/p\u003e\n                    \u003cdiv style=\"background: #ffffff; border: 1px solid #eaeaea; padding: 10px; text-align: center; font-family: 'Gill Sans', sans-serif; font-size: 11px; color: #222; margin-bottom: 12px; letter-spacing: 0.08em;\"\u003e\n                      \u003cspan style=\"font-weight: bold; font-size: 13px;\"\u003e-\u003c\/span\u003e0.02×身長＋0.09×体重＋13.78＝\u003cspan style=\"font-weight: bold; color: #1a1a1a;\"\u003e手首実寸の目安\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003cp style=\"margin: 0; font-size: 10px; color: #888; line-height: 1.7;\"\u003e\n                      例）身長170cm \/ 体重65kg の場合\u003cbr\u003e\n                      \u003cspan style=\"font-family: 'Gill Sans', sans-serif;\"\u003e\n                        \u003cspan style=\"font-weight: bold;\"\u003e−\u003c\/span\u003e0.02 × 170 ＋ 0.09 × 65 ＋ 13.78 ＝ \u003cstrong\u003e約16.9cm\u003c\/strong\u003e\n                      \u003c\/span\u003e\n                    \u003c\/p\u003e\n                  \u003c\/div\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  \u003c\/div\u003e\n\n  \u003c!-- 3. 安心保証 --\u003e\n  \u003cdiv class=\"wanna-block-item-h40\"\u003e\n    \u003cinput type=\"checkbox\" id=\"wanna-block-promise-h40\" class=\"wanna-block-logic-h40\"\u003e\n    \u003clabel for=\"wanna-block-promise-h40\" class=\"wanna-block-trigger-h40\"\u003e\n      \u003cspan\u003e安心保証\u003c\/span\u003e\n      \u003cspan class=\"wanna-icon-toggle-h40\"\u003e\u003c\/span\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer-h40\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"padding-top: 15px; padding-bottom: 30px;\" class=\"wanna-block-answer-inner-h40\"\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厳選された純銀素材のみを使用しております。\n            \u003c\/li\u003e\n            \u003cli style=\"margin-bottom: 0; padding-left: 16px; position: relative;\"\u003e\n              \u003cspan style=\"position: absolute; left: 0; color: #1a1a1a;\"\u003e✓\u003c\/span\u003e\u003cstrong style=\"color: #1a1a1a; font-weight: 600;\"\u003e公式LINE 相談窓口\u003c\/strong\u003e\u003cbr\u003eサイズ選びやスタイリングのご相談に、直接お答えします。\n            \u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 4. お手入れ --\u003e\n  \u003cdiv style=\"margin-bottom: 50px;\" class=\"wanna-block-item-h40\"\u003e\n    \u003cinput class=\"wanna-block-logic-h40\" id=\"wanna-block-care-h40\" type=\"checkbox\"\u003e\n    \u003clabel class=\"wanna-block-trigger-h40\" for=\"wanna-block-care-h40\"\u003e\n      \u003cspan\u003eお手入れ\u003c\/span\u003e\n      \u003cspan class=\"wanna-icon-toggle-h40\"\u003e\u003c\/span\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"wanna-block-answer-h40\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"padding-top: 15px; padding-bottom: 30px;\" class=\"wanna-block-answer-inner-h40\"\u003e\n          \u003cp style=\"margin: 0; color: #666; line-height: 1.95; letter-spacing: 0.05em;\"\u003e数回ご着用後や黒ずみが気になってきた際に、付属のクロスで優しく磨いてください。\u003cbr\u003e簡単に本来の美しい輝きを取り戻せます。\u003cbr\u003e\u003cbr\u003e経年変化を楽しみながら、長くご愛用ください。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      const sliderBody = document.getElementById('wannaSlideBodyH40');\n      const links = {\n        'pane-size-h40': document.getElementById('link-size-h40'),\n        'pane-image-h40': document.getElementById('link-image-h40')\n      };\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      \/\/ スクロール位置を検知してクラスを変更\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]) {\n              links[entry.target.id].classList.add('wanna-active');\n            }\n          }\n        });\n      }, { root: sliderBody, threshold: 0.6 });\n      \n      observer.observe(document.getElementById('pane-size-h40'));\n      observer.observe(document.getElementById('pane-image-h40'));\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Wanna","offers":[{"title":"17cm","offer_id":52051805569319,"sku":null,"price":18000.0,"currency_code":"JPY","in_stock":true},{"title":"18cm","offer_id":52051805602087,"sku":null,"price":18000.0,"currency_code":"JPY","in_stock":true},{"title":"19cm","offer_id":52051805634855,"sku":null,"price":18000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/4330\/3207\/files\/SimpleMinimalistBusinessNailLogo-2026-09-11T101214.266.png?v=1789089151","url":"https:\/\/wanna-official.com\/products\/connect-bracelet-b33","provider":"Wanna","version":"1.0","type":"link"}