{"product_id":"g0002173-00000g88","title":"ドラゴンフライ","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\u003eドラゴンフライ 製品紹介\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* --- Design Tokens --- *\/\n        :root {\n            --main-blue: #006FC5;\n            --main-orange: #FF8800;\n            --bg-light-blue: #e6f3ff;\n            --bg-gray: #f9fafb;\n            --border-color: #d1d5db;\n            --warning-bg: #fef3c7;\n            --warning-text: #dc2626;\n        }\n\n        \/* --- Base Reset \u0026 Layout --- *\/\n        body {\n            margin: 0;\n            padding: 0;\n            background-color: var(--bg-gray);\n            font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n            color: #333;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            padding: 20px 15px;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        \/* --- Typography --- *\/\n        .h1-style {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: #333;\n            border-bottom: 4px solid var(--main-orange);\n            margin-bottom: 2rem;\n            padding-bottom: 12px;\n            text-align: center;\n            line-height: 1.3;\n        }\n        @media (min-width: 768px) {\n            .h1-style { \n                font-size: 2.2rem; \n                text-align: left;\n            }\n        }\n\n        .h2-style {\n            font-size: 1.875rem; \/* 30px *\/\n            font-weight: 700;\n            color: #333;\n            border-bottom: 2px solid var(--main-orange);\n            margin: 2rem 0 1.5rem;\n            padding-bottom: 0.3rem;\n            display: inline-block;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: var(--main-blue);\n            margin: 1.5rem 0 1rem;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 1.5rem;\n            text-align: justify;\n            color: #4b5563;\n        }\n\n        \/* チェックリストのスタイル *\/\n        .recommend-list {\n            list-style: none;\n            padding: 0;\n            margin: 1.5rem 0 2rem 0;\n        }\n        .recommend-list li {\n            position: relative;\n            padding-left: 3rem;\n            margin-bottom: 1.2rem;\n            font-size: 1.5625rem;\n            font-weight: 700;\n            line-height: 1.4;\n            display: flex;\n            align-items: flex-start;\n        }\n        .recommend-list li::before {\n            content: \"✔\";\n            position: absolute;\n            left: 0.5rem;\n            color: var(--main-orange);\n            font-weight: 900;\n            font-size: 1.8rem;\n        }\n\n        \/* --- Tab System --- *\/\n        .tab-wrapper {\n            margin-top: 2rem;\n        }\n\n        .tab-navigation {\n            display: flex;\n            width: 100%;\n            margin-bottom: 0;\n            border: 1px solid var(--main-blue);\n            border-radius: 12px 12px 0 0;\n            background-color: #fff;\n            overflow-x: auto;\n            -webkit-overflow-scrolling: touch;\n        }\n        .tab-navigation::-webkit-scrollbar {\n            display: none;\n        }\n\n        .tab-button {\n            flex: 1 0 auto;\n            min-width: 120px;\n            padding: 16px 8px;\n            cursor: pointer;\n            background-color: #fff;\n            color: #333;\n            border: none;\n            border-right: 1px solid var(--main-blue);\n            font-weight: bold;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1.2;\n            white-space: nowrap;\n        }\n\n        .tab-button:last-child {\n            border-right: none;\n        }\n\n        .tab-button.active {\n            background-color: var(--main-blue);\n            color: #fff;\n        }\n\n        @media (max-width: 767px) {\n            .tab-button {\n                min-width: 100px;\n                font-size: 0.9rem;\n            }\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        \/* --- Components --- *\/\n        .product-card-body {\n            background-color: #ffffff;\n            padding: 24px 32px;\n            border-radius: 0 0 12px 12px;\n            border: 1px solid #d1d5db;\n            border-top: none;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            margin-bottom: 24px;\n        }\n\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            border-left: 8px solid var(--main-blue);\n            padding: 24px;\n            margin: 24px 0;\n            border-radius: 0 8px 8px 0;\n        }\n\n        .blue-box p {\n            margin: 0;\n            font-size: 1.5625rem;\n            font-weight: 700;\n            color: var(--main-blue);\n        }\n\n        \/* --- Tables --- *\/\n        .data-table-wrapper {\n            width: 100%;\n            margin-top: 24px;\n            border-radius: 8px;\n            border: 1px solid #ddd;\n            overflow: hidden;\n        }\n\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            background: #fff;\n            table-layout: fixed; \/* 列幅固定 *\/\n        }\n\n        .data-table th, .data-table td {\n            padding: 12px 4px;\n            border: 1px solid #ddd;\n            font-size: 1.1rem;\n            text-align: center;\n            word-break: break-all;\n        }\n\n        .data-table th {\n            background-color: var(--main-blue);\n            color: #fff;\n            font-weight: 700;\n        }\n\n        \/* 各列の幅指定 *\/\n        .col-hinban { width: 22%; }\n        .col-type { width: 10%; }\n        .col-size { width: 10%; }\n        .col-measure { width: 29%; }\n\n        @media (min-width: 768px) {\n            .data-table th, .data-table td {\n                font-size: 1.25rem;\n                padding: 12px 8px;\n            }\n        }\n\n        \/* --- Footer --- *\/\n        .footer-notice-box {\n            background-color: var(--warning-bg);\n            padding: 24px;\n            border: 2px solid #fbbf24;\n            border-radius: 10px;\n            margin-top: 40px;\n            text-align: center;\n        }\n\n        .footer-notice-box p {\n            color: var(--warning-text);\n            margin: 0;\n            font-weight: 700;\n            font-size: 1.25rem;\n            line-height: 1.6;\n        }\n\n        \/* --- Responsive Tweaks --- *\/\n        @media (max-width: 640px) {\n            .product-card-body { padding: 16px 20px; }\n            .text-main, .blue-box p, .footer-notice-box p, .recommend-list li { font-size: 1.1rem; }\n            .h2-style { font-size: 1.4rem; }\n            .data-table th, .data-table td { \n                font-size: 0.72rem; \/* 5列を収めるための微調整 *\/\n                padding: 8px 1px; \n            }\n            .recommend-list li::before { font-size: 1.4rem; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n    \u003c!-- Header Title --\u003e\n    \u003cheader\u003e\n        \u003ch1 class=\"h1-style\"\u003e\n            内反制限に特化し、底背屈を妨げずに足首をサポート「ドラゴンフライ」\n        \u003c\/h1\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Tab Navigation --\u003e\n    \u003cdiv class=\"tab-wrapper\"\u003e\n        \u003cnav class=\"tab-navigation\" role=\"tablist\"\u003e\n            \u003cdiv class=\"tab-button active\" onclick=\"showTab(0)\" role=\"tab\"\u003e製品特長\u003c\/div\u003e\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(1)\" role=\"tab\"\u003eサイズ・装着方法\u003c\/div\u003e\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(2)\" role=\"tab\"\u003e活用シーン\u003c\/div\u003e\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(3)\" role=\"tab\"\u003e製品詳細情報\u003c\/div\u003e\n        \u003c\/nav\u003e\n\n        \u003c!-- Tab Contents --\u003e\n        \n        \u003c!-- Tab 0: 製品特長 --\u003e\n        \u003cdiv id=\"tab0\" class=\"tab-content active\" role=\"tabpanel\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e最低限の可動域制限でパフォーマンスを維持\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    足首のトラブルに対して最低限の可動域制限でパフォーマンスを妨げず、再発予防や不安に対してご使用いただけるサポーターです。内反（うち返し）を防ぐ薄手の低伸縮素材を足底から足首にかけて配置し、足首には滑り止め機能付きクッション素材を採用しています。\n                \u003c\/p\u003e\n                \u003cp class=\"text-main\"\u003e\n                    サポーターの生地の面積を極力少なくして通気性と装着性に配慮することで、競技に集中できる軽量さと柔軟さを兼ね備えました。\n                \u003c\/p\u003e\n                \u003cdiv class=\"blue-box\"\u003e\n                    \u003cp\u003e内反制限に特化したサポーター。薄手素材やすべり止め機能でパフォーマンスを維持しながら足首の不安をサポートします。\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003ch3 class=\"h3-style\"\u003e開発コンセプト\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    底背屈（つま先を上にあげたり下げたりする動き）を極力妨げず、捻挫に一番多い内反（うち返し）の動きだけに可動域制限を加えた足首用サポーターです。\n                \u003c\/p\u003e\n\n                \u003c!-- 下部へ移動されたセクション --\u003e\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\/div\u003e\n\n        \u003c!-- Tab 1: サイズ・装着方法 --\u003e\n        \u003cdiv id=\"tab1\" class=\"tab-content\" role=\"tabpanel\"\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                    サポーターの機能を発揮するためには、正しいサイズ選びが重要です。以下の2箇所を測定してください。\u003cbr\u003e\n                    \u003cstrong\u003e・甲周囲：\u003c\/strong\u003e外くるぶしの中心から足先へ5cmの周囲\u003cbr\u003e\n                    \u003cstrong\u003e・足首周囲：\u003c\/strong\u003e外くるぶしの中心から5cm上の周囲\u003cbr\u003e\n                    ※左右別設計（右用・左用）となっていますので、用途に合わせてお選びください。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Tab 2: 活用シーン --\u003e\n        \u003cdiv id=\"tab2\" class=\"tab-content\" role=\"tabpanel\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e■こんな方におすすめ\u003c\/h2\u003e\n                \u003cul class=\"recommend-list\"\u003e\n                    \u003cli\u003e底背屈の動きを制限せず、内反のみを制限したい方\u003c\/li\u003e\n                    \u003cli\u003eずれにくい足首サポーターをお探しの方\u003c\/li\u003e\n                \u003c\/ul\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                    特に足先の繊細なコントロールが求められるスポーツでの使用などにおすすめです。足首を安定させたいけれど、キック動作やダッシュ時の可動域は確保したい。そんなアスリートのニーズにこだわった設計です。テーピングの代わりに手軽に装着できるため、毎日の練習から試合まで継続的に活用いただけます。\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\/div\u003e\n\n        \u003c!-- Tab 3: 製品詳細情報 --\u003e\n        \u003cdiv id=\"tab3\" class=\"tab-content\" role=\"tabpanel\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e製品詳細情報\u003c\/h2\u003e\n\n                \u003c!-- 基本仕様を上に配置 --\u003e\n                \u003ch3 class=\"h3-style\" style=\"margin-top: 0;\"\u003e基本仕様\u003c\/h3\u003e\n                \u003cdiv class=\"data-table-wrapper\"\u003e\n                    \u003ctable class=\"data-table\"\u003e\n                        \u003ctbody\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"width: 35%;\"\u003e製品名\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left;\"\u003eドラゴンフライ\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth\u003eカラー\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left;\"\u003eブラック\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth\u003e入数\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left;\"\u003e1枚（左右別売）\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/tbody\u003e\n                    \u003c\/table\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- サイズ一覧表を下に配置 --\u003e\n                \u003ch3 class=\"h3-style\"\u003eサイズ一覧表\u003c\/h3\u003e\n                \u003cdiv class=\"data-table-wrapper\"\u003e\n                    \u003ctable class=\"data-table\"\u003e\n                        \u003cthead\u003e\n                            \u003ctr\u003e\n                                \u003cth class=\"col-hinban\"\u003e品番\u003c\/th\u003e\n                                \u003cth class=\"col-type\"\u003e種類\u003c\/th\u003e\n                                \u003cth class=\"col-size\"\u003eサイズ\u003c\/th\u003e\n                                \u003cth class=\"col-measure\"\u003e甲周囲\u003c\/th\u003e\n                                \u003cth class=\"col-measure\"\u003e足首周囲\u003c\/th\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/thead\u003e\n                        \u003ctbody\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e000-2173\u003c\/td\u003e\n                                \u003ctd\u003e右\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                                \u003ctd\u003e23～28cm\u003c\/td\u003e\n                                \u003ctd\u003e19～24cm\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e000-2174\u003c\/td\u003e\n                                \u003ctd\u003e右\u003c\/td\u003e\n                                \u003ctd\u003eS\u003c\/td\u003e\n                                \u003ctd\u003e18～25cm\u003c\/td\u003e\n                                \u003ctd\u003e19～24cm\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e000-2183\u003c\/td\u003e\n                                \u003ctd\u003e左\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                                \u003ctd\u003e23～28cm\u003c\/td\u003e\n                                \u003ctd\u003e19～24cm\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e000-2184\u003c\/td\u003e\n                                \u003ctd\u003e左\u003c\/td\u003e\n                                \u003ctd\u003eS\u003c\/td\u003e\n                                \u003ctd\u003e18～25cm\u003c\/td\u003e\n                                \u003ctd\u003e19～24cm\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\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Footer Important Notes --\u003e\n    \u003cdiv class=\"footer-notice-box\"\u003e\n        \u003cp\u003e※本製品は左右それぞれご準備しています。ご購入の際は品番を必ずご確認ください。\u003c\/p\u003e\n        \u003cp\u003e※本製品は1枚（片足）入りです。両足でご使用の場合は2点ご購入ください。\u003c\/p\u003e\n    \u003c\/div\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        \/\/ 全ボタンからactiveクラスを解除する\n        const buttons = document.querySelectorAll('.tab-button');\n        buttons.forEach(button =\u003e button.classList.remove('active'));\n\n        \/\/ 選択されたタブを表示し、ボタンをactiveにする\n        if (contents[index]) contents[index].classList.add('active');\n        if (buttons[index]) buttons[index].classList.add('active');\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"右 \/ M \/ 23～28cm","offer_id":47380298956957,"sku":"0002173-00000g88","price":2253.0,"currency_code":"JPY","in_stock":true},{"title":"右 \/ S \/ 18～25cm","offer_id":47380290666653,"sku":"0002174-00000g88","price":2253.0,"currency_code":"JPY","in_stock":true},{"title":"左 \/ M \/ 23～28cm","offer_id":47380288372893,"sku":"0002183-00000g88","price":2253.0,"currency_code":"JPY","in_stock":true},{"title":"左 \/ S \/ 18～25cm","offer_id":47379404783773,"sku":"0002184-00000g88","price":2253.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/1080x1080_01_8fdc7707-9f33-413c-b10b-2c0a08641cbd.png?v=1781666606","url":"https:\/\/ec.daiyak.co.jp\/products\/g0002173-00000g88","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}