{"product_id":"g0002591-00000g88","title":"bonbone つつぴたニー","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003ebonbone つつぴたニー 製品紹介\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* 全体設定 *\/\n        :root {\n            --main-blue: #006FC5;\n            --main-orange: #FF8800;\n            --bg-light-blue: #e6f3ff;\n            --bg-light-orange: #fff8e6;\n            --bg-overall: #f9fafb;\n            --text-color: #333333;\n            --white: #ffffff;\n            --footer-bg: #fef3c7;\n            --footer-text: #dc2626;\n        }\n\n        body {\n            font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;\n            background-color: var(--bg-overall);\n            color: var(--text-color);\n            margin: 0;\n            padding: 20px 0;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1024px;\n            margin: 0 auto;\n            padding: 0 16px;\n        }\n\n        \/* 見出し・テキストスタイル *\/\n        .h1-style {\n            font-size: 2rem;\n            font-weight: 800;\n            text-align: center;\n            border-bottom: 4px solid var(--main-orange);\n            margin-bottom: 40px;\n            padding-bottom: 10px;\n        }\n        @media (min-width: 768px) {\n            .h1-style { font-size: 2.5rem; }\n        }\n\n        .h2-style {\n            font-size: 1.875rem; \/* 30px *\/\n            font-weight: 700;\n            border-bottom: 2px solid var(--main-orange);\n            margin: 32px 0 24px;\n            padding-bottom: 8px;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: var(--main-blue);\n            margin: 24px 0 16px;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 24px;\n        }\n\n        \/* カードスタイル *\/\n        .product-card-body {\n            background: var(--white);\n            padding: 24px 32px;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            border: 1px solid #f3f4f6;\n            margin-bottom: 40px;\n        }\n\n        \/* 青枠（Blue Box） *\/\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            border-left: 8px solid var(--main-blue);\n            border-radius: 4px;\n            padding: 24px;\n            margin: 24px 0;\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n        }\n\n        \/* タブシステム *\/\n        .tab-wrapper {\n            margin-bottom: 0;\n        }\n\n        .tab-navigation {\n            display: flex;\n            flex-wrap: wrap;\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            border-bottom: none;\n        }\n\n        .tab-button {\n            flex-basis: 25%; \/* 4 tabs: 25% width *\/\n            padding: 16px 8px;\n            text-align: center;\n            background: var(--white);\n            border: 1px solid #e5e7eb;\n            cursor: pointer;\n            font-weight: bold;\n            font-size: 1.125rem;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .tab-button.active {\n            background: var(--main-blue);\n            color: var(--white);\n            border-color: var(--main-blue);\n        }\n\n        .tab-content {\n            display: none;\n            animation: fadeIn 0.4s ease;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* テーブルスタイル *\/\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 16px 0 32px;\n            font-size: 1.25rem; \/* 20px *\/\n        }\n\n        .data-table th, .data-table td {\n            border: 1px solid #e5e7eb;\n            padding: 12px 16px;\n            text-align: left;\n        }\n\n        .data-table th {\n            background-color: var(--main-blue);\n            color: var(--white);\n            font-weight: 700;\n            width: 30%;\n        }\n\n        \/* フッタースタイル *\/\n        .footer-important-notes {\n            background-color: var(--bg-light-blue);\n            border: 2px solid var(--main-blue);\n            border-radius: 8px;\n            padding: 24px;\n            margin-top: 40px;\n            color: var(--text-color);\n            font-weight: bold;\n            font-size: 1.25rem;\n            text-align: center;\n        }\n\n        \/* おすすめリストスタイル (画像仕様) *\/\n        .recommend-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 32px 0;\n        }\n        \n        .recommend-list li {\n            position: relative;\n            padding-left: 1.5em; \/* アイコン分のスペース *\/\n            margin-bottom: 24px;\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700; \/* 太字 *\/\n            color: #333;\n            line-height: 1.4;\n        }\n        \n        \/* CSSでチェックマークを描画 *\/\n        .recommend-list li::before {\n            content: \"\";\n            position: absolute;\n            left: 4px;\n            top: 0.4em;\n            width: 12px;\n            height: 6px;\n            border-left: 3px solid var(--main-orange);   \/* 左線 *\/\n            border-bottom: 3px solid var(--main-orange); \/* 下線 *\/\n            transform: rotate(-45deg);        \/* 回転させてチェックマークに *\/\n        }\n\n        \/* レスポンシブ対応（タブ） *\/\n        @media (max-width: 767px) {\n            .tab-button {\n                flex-basis: 50%;\n                font-size: 0.95rem;\n            }\n            .product-card-body {\n                padding: 16px;\n            }\n            .h1-style {\n                font-size: 1.8rem;\n            }\n            .text-main, .h2-style, .h3-style, .blue-box, .recommend-list li {\n                font-size: 1.25rem;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"container\"\u003e\n    \u003ch1 class=\"h1-style\"\u003e薄さと安定感を両立した装着簡単な膝サポーター「bonbone つつぴたニー」\u003c\/h1\u003e\n\n    \u003c!-- タブナビゲーション --\u003e\n    \u003cnav class=\"tab-wrapper\"\u003e\n        \u003cdiv class=\"tab-navigation\"\u003e\n            \u003cdiv class=\"tab-button active\" onclick=\"showTab(0)\"\u003e製品特徴\u003c\/div\u003e\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(1)\"\u003e使いやすい設計\u003c\/div\u003e\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(2)\"\u003eおすすめの方\u003c\/div\u003e\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(3)\"\u003e製品詳細情報\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- タブコンテンツ --\u003e\n    \u003cmain\u003e\n        \u003c!-- タブ1：製品特徴 (統合: 元の製品特徴 + テーピング構造) --\u003e\n        \u003csection id=\"tab-content-0\" class=\"tab-content active\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e薄さと安定感を追求した膝サポーター\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    bonbone つつぴたニーは、日常生活での使いやすさを第一に考え、薄さと肌当たりの良さを徹底的に追求して開発された膝サポーターです。従来のサポーターにありがちな「厚みによる動きにくさ」を軽減し、フィット感を実現しました。\n                \u003c\/p\u003e\n                \u003cdiv class=\"blue-box\"\u003e\n                    テーピング理論を応用した機能性と、ズボンの下でも目立ちにくい薄さを両立。履くタイプなので装着簡単で、毎日ストレスなく膝をサポートします。\n                \u003c\/div\u003e\n\n                \u003ch2 class=\"h2-style\"\u003eスポーツ現場の理論を応用\u003c\/h2\u003e\n                \u003ch3 class=\"h3-style\"\u003e本格的なテーピング構造を採用\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    スポーツの現場で頻繁に用いられるテーピング構造を製品設計に取り入れました。この独自の構造が膝周りを的確にホールドし、歩行時や階段の昇り降りで気になる膝のグラつきをしっかり支えます。bonbone つつぴたニーは、動きやすさを損なうことなく、安定感のあるサポート力を提供します。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- タブ2：快適な使用感 (統合: 元の快適な使用感 + 滑り止め素材) --\u003e\n        \u003csection id=\"tab-content-1\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e日常に溶け込むシームレス設計\u003c\/h2\u003e\n                \u003ch3 class=\"h3-style\"\u003e目立たない縫い目のない仕様\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    縫い目のないシームレスな仕様を採用しているため、肌への刺激が少なく、優しい肌当たりが特徴です。非常に薄手で段差が少ないため、ズボンの下に履いても目立ちにくく、外出時も周囲の目を気にせず装着いただけます。\n                \u003c\/p\u003e\n\n                \u003ch3 class=\"h3-style\"\u003eズレを防止する滑り止め素材\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    膝サポーターを長時間使用する際の悩みである「ズレ」を軽減するため、肌面上部には特殊な滑り止め素材を採用しています。アクティブに動く場面でも位置をキープし、常に適した位置でサポートを継続します。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- タブ3：おすすめの方 --\u003e\n        \u003csection id=\"tab-content-2\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003c!-- 画像仕様に変更した見出しとリスト --\u003e\n                \u003ch2 style=\"font-size: 1.5625rem; font-weight: 700; color: #333; border-bottom: 2px solid var(--main-orange); padding-bottom: 4px; margin-bottom: 24px;\"\u003e\n                    こんな方におすすめ\n                \u003c\/h2\u003e\n                \n                \u003cul class=\"recommend-list\"\u003e\n                    \u003cli\u003e日々の生活で膝の曲げ伸ばしに不安を感じている方\u003c\/li\u003e\n                    \u003cli\u003e歩行中などに膝のグラつきが気になり、しっかり支えたい方\u003c\/li\u003e\n                    \u003cli\u003e膝の対策をしながら、趣味や散歩などアクティブな生活を継続したい方\u003c\/li\u003e\n                \u003c\/ul\u003e\n\n                \u003cp class=\"text-main\"\u003e\n                       履くタイプの膝サポーターをお探しの方や、ずれにくさを重視する方にもおすすめです。日常生活で使用しやすい薄さと肌当たりの良い製品なので、日常生活での使用や、旅行など邪魔になりにくくご使用いただけます。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- タブ4：製品詳細情報 --\u003e\n        \u003csection id=\"tab-content-3\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e製品詳細情報\u003c\/h2\u003e\n                \n                \u003ch3 class=\"h3-style\"\u003e製品仕様\u003c\/h3\u003e\n                \u003ctable class=\"data-table\"\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n\u003cth\u003eサイズ展開\u003c\/th\u003e\n\u003ctd\u003eXL, L, M, S\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003cth\u003e丈\u003c\/th\u003e\n\u003ctd\u003e33cm (XL), 30cm (L, M), 27cm (S)\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003cth\u003eカラー\u003c\/th\u003e\n\u003ctd\u003eブラック\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003cth\u003e素材\u003c\/th\u003e\n\u003ctd\u003eナイロン、ポリウレタン\u003c\/td\u003e\n\u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n\n                \u003ch3 class=\"h3-style\"\u003eサイズ表\u003c\/h3\u003e\n                \u003cdiv style=\"overflow-x: auto;\"\u003e\n                    \u003ctable class=\"data-table\" style=\"min-width: 600px;\"\u003e\n                        \u003cthead\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"width: 20%;\"\u003e品番\u003c\/th\u003e\n                                \u003cth style=\"width: 15%;\"\u003eサイズ\u003c\/th\u003e\n                                \u003cth style=\"width: 35%;\"\u003e膝蓋骨周囲\u003c\/th\u003e\n                                \u003cth style=\"width: 15%;\"\u003e丈\u003c\/th\u003e\n                                \u003cth style=\"width: 15%;\"\u003e入数\u003c\/th\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/thead\u003e\n                        \u003ctbody\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-2591\u003c\/td\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e40～46cm\u003c\/td\u003e\n\u003ctd\u003e33cm\u003c\/td\u003e\n\u003ctd\u003e1コ\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-2592\u003c\/td\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e36～42cm\u003c\/td\u003e\n\u003ctd\u003e30cm\u003c\/td\u003e\n\u003ctd\u003e1コ\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-2593\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e32～38cm\u003c\/td\u003e\n\u003ctd\u003e30cm\u003c\/td\u003e\n\u003ctd\u003e1コ\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-2594\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e28～34cm\u003c\/td\u003e\n\u003ctd\u003e27cm\u003c\/td\u003e\n\u003ctd\u003e1コ\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003c\/tbody\u003e\n                    \u003c\/table\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/main\u003e\n\n    \u003c!-- フッター --\u003e\n    \u003cfooter class=\"footer-important-notes\"\u003e\n        ※本製品は左右兼用です。\u003cbr\u003e\n        ※装着の際は、肌面のサイズ表記が後ろの下側にくるように正しく着用してください。\n    \u003c\/footer\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function showTab(index) {\n        \/\/ 全てのタブコンテンツを非表示にする\n        const contents = document.querySelectorAll('.tab-content');\n        contents.forEach(content =\u003e content.classList.remove('active'));\n\n        \/\/ 全てのタブボタンのアクティブ状態を解除する\n        const buttons = document.querySelectorAll('.tab-button');\n        buttons.forEach(button =\u003e button.classList.remove('active'));\n\n        \/\/ 指定されたインデックスのコンテンツとボタンをアクティブにする\n        document.getElementById('tab-content-' + index).classList.add('active');\n        buttons[index].classList.add('active');\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"XL \/ 40～46cm \/ 33cm","offer_id":47379874480285,"sku":"0002591-00000g88","price":1672.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ 36～42cm \/ 30cm","offer_id":47379857047709,"sku":"0002592-00000g88","price":1672.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ 32～38cm \/ 30cm","offer_id":47379854098589,"sku":"0002593-00000g88","price":1672.0,"currency_code":"JPY","in_stock":true},{"title":"S \/ 28～34cm \/ 27cm","offer_id":47379405799581,"sku":"0002594-00000g88","price":1672.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/238643_82ee9b84-26bd-4825-b628-aec663e6e7eb.jpg?v=1781661224","url":"https:\/\/ec.daiyak.co.jp\/products\/g0002591-00000g88","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}