{"product_id":"g0003102-00060198","title":"TBCクロス","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: #e5e7eb;\n            --warning-bg: #fef3c7;\n            --warning-text: #dc2626;\n        }\n\n        \/* --- Base 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        }\n\n        .product-lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            padding: 20px;\n            box-sizing: border-box;\n            width: 100%;\n        }\n\n        \/* --- Typography --- *\/\n        .h1-style {\n            font-size: 1.8rem;\n            font-weight: 800;\n            border-bottom: 4px solid var(--main-orange);\n            padding-bottom: 12px;\n            margin: 40px 0;\n            text-align: center;\n            line-height: 1.3;\n        }\n        @media (min-width: 768px) {\n            .h1-style { font-size: 2.5rem; text-align: left; }\n        }\n\n        .h2-style {\n            font-size: 1.875rem; \/* 30px *\/\n            font-weight: 700;\n            border-bottom: 2px solid var(--main-orange);\n            display: inline-block;\n            margin-bottom: 24px;\n            margin-top: 10px;\n            padding-bottom: 4px;\n        }\n\n        \/* 全幅アンダーラインの見出し *\/\n        .h2-recommend {\n            font-size: 1.875rem;\n            font-weight: 700;\n            border-bottom: 2px solid var(--main-orange);\n            margin: 2rem 0 1.5rem 0;\n            padding-bottom: 0.3rem;\n            display: block;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: var(--main-blue);\n            margin-bottom: 16px;\n            margin-top: 24px;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 24px;\n            text-align: justify;\n        }\n\n        \/* --- Components --- *\/\n        .product-card-body {\n            background: #ffffff;\n            padding: 24px 32px;\n            border-radius: 0 0 12px 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            border: 1px solid var(--border-color);\n            border-top: none;\n            margin-bottom: 30px;\n        }\n\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            border: 2px solid var(--main-blue);\n            padding: 24px;\n            border-radius: 8px;\n            margin: 20px 0;\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            margin-bottom: 0;\n            border: 1px solid #ddd;\n            border-radius: 12px 12px 0 0;\n            background-color: #fff;\n            overflow-x: auto;\n            -webkit-overflow-scrolling: touch;\n            white-space: nowrap;\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 10px;\n            cursor: pointer;\n            background-color: #ffffff;\n            color: #000000;\n            border: none;\n            border-right: 1px solid #e5e7eb;\n            font-weight: 700;\n            text-align: center;\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        }\n\n        .tab-button:last-child {\n            border-right: none;\n        }\n\n        .tab-button.active {\n            background-color: var(--main-blue);\n            color: #ffffff;\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        \/* --- Tables --- *\/\n        .data-table-wrapper {\n            width: 100%;\n            margin-top: 10px;\n            margin-bottom: 20px;\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            table-layout: fixed; \/* 列幅を固定 *\/\n        }\n\n        .data-table th, .data-table td {\n            padding: 12px 2px;\n            border: 1px solid #ddd;\n            font-size: 1.1rem;\n            word-break: break-all;\n            text-align: center;\n        }\n\n        .data-table th {\n            background-color: var(--main-blue);\n            color: #ffffff;\n            font-weight: 700;\n        }\n\n        .data-table td {\n            background-color: #ffffff;\n        }\n\n        \/* サイズ表の列幅調整 *\/\n        .col-hinban { width: 22%; }\n        .col-size { width: 15%; }\n        .col-foot { width: 21%; }\n        .col-thumb { width: 21%; }\n        .col-instep { width: 21%; }\n\n        @media (min-width: 768px) {\n            .data-table th, .data-table td { font-size: 1.25rem; padding: 12px 8px; }\n        }\n\n        \/* --- Footer --- *\/\n        .footer-important-notes {\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-important-notes 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: 768px) {\n            .product-card-body { padding: 16px 20px; }\n            .tab-button { font-size: 0.85rem; min-width: 100px; }\n            .text-main, .blue-box p, .recommend-list li, .footer-important-notes p { font-size: 1.1rem; }\n            .h2-style, .h2-recommend { font-size: 1.4rem; }\n            .data-table th, .data-table td { \n                font-size: 0.72rem; \/* 5列を収めるために最小化 *\/\n            }\n            .recommend-list li::before { font-size: 1.4rem; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-lp-container\"\u003e\n    \u003c!-- Header Title --\u003e\n    \u003cheader\u003e\n        \u003ch1 class=\"h1-style\"\u003e\n            親指の角度が調整可能で横アーチもサポートできる足指サポーター「TBCクロス」\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        \u003csection id=\"tab-0\" 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                    TBCクロスは、個人の足の状態に合わせて、横アーチの形成と親指の開きを同時にサポートできるサポーターです。ただ固定するだけでなく、足の構造に基づき、効率的に親指を良好な状態へと導きます。薄手設計のため、日常生活の中でも違和感なく装着でき、親指とアーチをサポートします。\n                \u003c\/p\u003e\n                \u003cdiv class=\"blue-box\"\u003e\n                    \u003cp class=\"text-main\" style=\"margin-bottom: 0; font-weight: 700; color: var(--main-blue);\"\u003e\n                        ワンタッチで親指をサポートし、横アーチを保持。\u003cbr\u003e\n                        独自の回旋サポート機能で、親指の開きを調整できるサポーターです。\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003ch2 class=\"h2-style\" style=\"margin-top: 2rem;\"\u003e足の構造に基づいた多角的な制御\u003c\/h2\u003e\n                \u003ch3 class=\"h3-style\"\u003e適切な横アーチの形成\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    足のトラブルの原因の一つである「横アーチの低下」に着目しました。TBCクロスは足囲をしっかりと絞り込むことで、低下した横アーチを物理的にサポートします。これにより、足裏のクッション機能を助け、本来の足指の力を引き出せるよう設計されています。\n                \u003c\/p\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\/section\u003e\n\n        \u003c!-- Tab 1: 使用感・調整機能 --\u003e\n        \u003csection id=\"tab-1\" class=\"tab-content\" role=\"tabpanel\"\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                \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!-- Tab 2: おすすめの方 --\u003e\n        \u003csection id=\"tab-2\" class=\"tab-content\" role=\"tabpanel\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-recommend\"\u003e■こんな方にオススメ\u003c\/h2\u003e\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                \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!-- Tab 3: 製品詳細情報 --\u003e\n        \u003csection id=\"tab-3\" class=\"tab-content\" role=\"tabpanel\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e製品詳細情報\u003c\/h2\u003e\n\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%; text-align: left; padding-left: 15px;\"\u003e製品名\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 15px;\"\u003eTBCクロス\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"width: 35%; text-align: left; padding-left: 15px;\"\u003e素材\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 15px;\"\u003eナイロン、ポリウレタン\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"text-align: left; padding-left: 15px;\"\u003eカラー\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 15px;\"\u003eブラック\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"text-align: left; padding-left: 15px;\"\u003e入数\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 15px;\"\u003e1枚（片足分）\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/tbody\u003e\n                    \u003c\/table\u003e\n                \u003c\/div\u003e\n\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-size\"\u003eサイズ\u003c\/th\u003e\n                                \u003cth class=\"col-foot\"\u003e足長(素足)\u003c\/th\u003e\n                                \u003cth class=\"col-thumb\"\u003e親指周囲\u003c\/th\u003e\n                                \u003cth class=\"col-instep\"\u003e甲周囲\u003c\/th\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/thead\u003e\n                        \u003ctbody\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-3102\u003c\/td\u003e\n\u003ctd\u003e右L\u003c\/td\u003e\n\u003ctd\u003e25～28cm\u003c\/td\u003e\n\u003ctd\u003e8～9cm\u003c\/td\u003e\n\u003ctd\u003e24～26.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-3103\u003c\/td\u003e\n\u003ctd\u003e右M\u003c\/td\u003e\n\u003ctd\u003e22～25cm\u003c\/td\u003e\n\u003ctd\u003e7.5～8.5cm\u003c\/td\u003e\n\u003ctd\u003e22～24.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-3104\u003c\/td\u003e\n\u003ctd\u003e右S\u003c\/td\u003e\n\u003ctd\u003e20～22cm\u003c\/td\u003e\n\u003ctd\u003e7～8cm\u003c\/td\u003e\n\u003ctd\u003e20～22.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-3112\u003c\/td\u003e\n\u003ctd\u003e左L\u003c\/td\u003e\n\u003ctd\u003e25～28cm\u003c\/td\u003e\n\u003ctd\u003e8～9cm\u003c\/td\u003e\n\u003ctd\u003e24～26.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-3113\u003c\/td\u003e\n\u003ctd\u003e左M\u003c\/td\u003e\n\u003ctd\u003e22～25cm\u003c\/td\u003e\n\u003ctd\u003e7.5～8.5cm\u003c\/td\u003e\n\u003ctd\u003e22～24.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                            \u003ctr\u003e\n\u003ctd\u003e000-3114\u003c\/td\u003e\n\u003ctd\u003e左S\u003c\/td\u003e\n\u003ctd\u003e20～22cm\u003c\/td\u003e\n\u003ctd\u003e7～8cm\u003c\/td\u003e\n\u003ctd\u003e20～22.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003c\/tbody\u003e\n                    \u003c\/table\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-main\" style=\"font-size: 1rem; margin-top: 10px;\"\u003e※左右別売の商品です。ご購入の際は品番をご確認ください。\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Footer Important Notes --\u003e\n    \u003cdiv class=\"footer-important-notes\"\u003e\n        \u003cp\u003e本製品は1枚（片足）入りです。両足でご使用の場合は2点ご購入ください。\u003c\/p\u003e\n        \u003cp\u003e本製品は左右それぞれご準備しています。ご購入の際は品番を必ずご確認ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function showTab(index) {\n        \/\/ 全コンテンツとボタンのactiveクラスを解除\n        const buttons = document.querySelectorAll('.tab-button');\n        const contents = document.querySelectorAll('.tab-content');\n        \n        buttons.forEach(btn =\u003e btn.classList.remove('active'));\n        contents.forEach(content =\u003e content.classList.remove('active'));\n        \n        \/\/ 選択された要素にactiveクラスを追加\n        if(buttons[index]) buttons[index].classList.add('active');\n        if(contents[index]) contents[index].classList.add('active');\n        \n        \/\/ モバイルでの利便性のためのスクロール\n        const nav = document.querySelector('.tab-navigation');\n        const activeButton = buttons[index];\n        if (nav \u0026\u0026 activeButton) {\n            const scrollLeft = activeButton.offsetLeft - (nav.offsetWidth \/ 2) + (activeButton.offsetWidth \/ 2);\n            nav.scrollTo({ left: scrollLeft, behavior: 'smooth' });\n        }\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"右L \/ 25～28cm \/ 8～9cm","offer_id":47384615190685,"sku":"0003102-00060198","price":1738.0,"currency_code":"JPY","in_stock":true},{"title":"右M \/ 22～25cm \/ 7.5～8.5cm","offer_id":47384539398301,"sku":"0003103-00060198","price":1738.0,"currency_code":"JPY","in_stock":true},{"title":"右S \/ 20～22cm \/ 7～8cm","offer_id":47384544968861,"sku":"0003104-00060198","price":1738.0,"currency_code":"JPY","in_stock":true},{"title":"左L \/ 25～28cm \/ 8～9cm","offer_id":47384086642845,"sku":"0003112-00060198","price":1738.0,"currency_code":"JPY","in_stock":true},{"title":"左M \/ 22～25cm \/ 7.5～8.5cm","offer_id":47384572854429,"sku":"0003113-00060198","price":1738.0,"currency_code":"JPY","in_stock":true},{"title":"左S \/ 20～22cm \/ 7～8cm","offer_id":47384624070813,"sku":"0003114-00060198","price":1738.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/0003102_01_e2ce55fc-8760-48cb-af7d-6928e4e8a4db.png?v=1781661303","url":"https:\/\/ec.daiyak.co.jp\/products\/g0003102-00060198","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}