{"product_id":"g0005053-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    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\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: #fff9d6; \/* 指定のクリーム色 *\/\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: \"Noto Sans JP\", \"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: 1.5rem 0 1rem;\n            padding-bottom: 0.3rem;\n            display: inline-block;\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: 1.5rem 0 0.8rem;\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        }\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            flex-wrap: wrap;\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                flex-basis: 50%;\n                font-size: 0.85rem;\n                border-bottom: 1px solid var(--main-blue);\n            }\n            .tab-button:nth-child(even) {\n                border-right: none;\n            }\n            .tab-button:last-child {\n                border-bottom: none;\n                flex-grow: 1; \/* 5つ目のタブを全幅に *\/\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        .spec-table th {\n            text-align: left;\n            width: 35%;\n            padding-left: 15px;\n        }\n        .spec-table td {\n            text-align: left;\n            padding-left: 15px;\n        }\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 var(--main-orange);\n            border-radius: 12px;\n            margin-top: 40px;\n            text-align: center;\n        }\n\n        .footer-notice-box p {\n            color: var(--warning-text);\n            margin: 4px 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, .h2-recommend { font-size: 1.4rem; }\n            .data-table th, .data-table td { \n                font-size: 0.85rem;\n                padding: 10px 2px; \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 Section --\u003e\n    \u003cheader\u003e\n        \u003ch1 class=\"h1-style\"\u003e傾斜設計で重心バランスを整えるインソール「バランソール」\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            \u003cbutton class=\"tab-button active\" onclick=\"showTab(0)\" role=\"tab\"\u003e製品特徴\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(1)\" role=\"tab\"\u003e傾斜によるサポート\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(2)\" role=\"tab\"\u003eおすすめの方\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(3)\" role=\"tab\"\u003e製品詳細情報\u003c\/button\u003e\n        \u003c\/nav\u003e\n\n        \u003c!-- Tab Contents --\u003e\n        \u003cdiv id=\"tab-container\"\u003e\n            \n            \u003c!-- Tab 0: 製品特徴 --\u003e\n            \u003cdiv 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                        「バランソール」は、起立姿勢や歩行の重心をサポートすることができるインソールです。最大の特徴は、独自の「傾斜」構造にあります。靴の中に敷くことで、日頃意識しにくい足底の重心位置を自然にサポートし、起立姿勢や歩行時のバランスを整えます。\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                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Tab 1: 傾斜によるサポート (全身へのアプローチを統合) --\u003e\n            \u003cdiv id=\"tab-1\" class=\"tab-content\" role=\"tabpanel\"\u003e\n                \u003cdiv class=\"product-card-body\"\u003e\n                    \u003ch2 class=\"h2-style\"\u003e2種類の傾斜がもたらす重心コントロール\u003c\/h2\u003e\n                    \n                    \u003ch3 class=\"h3-style\"\u003e選べる 4mm と 7mm の傾斜\u003c\/h3\u003e\n                    \u003cp class=\"text-main\"\u003e\n                        お好みのサポート感や足の状態に合わせて、4mm傾斜と7mm傾斜の2種類からお選びいただけます。緩やかなサポートを求める方から、しっかりと重心を意識したい方まで、自分に合ったインソールとして選択が可能です。\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\n                    \u003ch2 class=\"h2-style\" style=\"margin-top: 2rem;\"\u003e日常の靴に入れるだけの簡単ケア\u003c\/h2\u003e\n                    \u003cp class=\"text-main\"\u003e\n                        お手持ちの靴に挿入することで使用できるため、通勤靴やウォーキングシューズなど、生活のあらゆるシーンで活用いただけます。本体裏面にはサイズ調整がしやすいカットラインがついています。つま先部をカットすることでサイズの微調整が可能です。カットする際は必ず、ご使用になる靴に合うように調整してカットください。\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Tab 2: おすすめの方 (種類・選び方を統合) --\u003e\n            \u003cdiv id=\"tab-2\" class=\"tab-content\" role=\"tabpanel\"\u003e\n                \u003cdiv class=\"product-card-body\"\u003e\n                    \u003c!-- こんな方にオススメセクション --\u003e\n                    \u003ch2 class=\"h2-recommend\"\u003e■こんな方にオススメ\u003c\/h2\u003e\n                    \u003cul class=\"recommend-list\"\u003e\n                        \u003cli\u003e\u003cstrong\u003e靴底が外側からすり減る方\u003c\/strong\u003e\u003c\/li\u003e\n                        \u003cli\u003e\u003cstrong\u003e膝の内側に隙間ができる方\u003c\/strong\u003e\u003c\/li\u003e\n                        \u003cli\u003e\u003cstrong\u003e全身のバランスに左右差がある方\u003c\/strong\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                        初めて使用される方は「4mm傾斜」から、よりしっかりとした重心サポートを体感したい方は「7mm傾斜」といったように、ご自身の目的に合わせて選択いただけます。\n                    \u003c\/p\u003e\n\n                    \u003ch3 class=\"h3-style\"\u003e2サイズ展開\u003c\/h3\u003e\n                    \u003cp class=\"text-main\"\u003e\n                        Sサイズ（22.5～24.5cm）とMサイズ（25.0～28.0cm）の2種類をご用意。カラーは落ち着いたブラウンで、どのような靴にも馴染みやすいデザインです。\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Tab 3: 製品詳細情報 --\u003e\n            \u003cdiv 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 spec-table\"\u003e\n                            \u003ctbody\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                                \u003ctr\u003e\n\u003cth\u003e傾斜種類\u003c\/th\u003e\n\u003ctd\u003e4mm傾斜 \/ 7mm傾斜\u003c\/td\u003e\n\u003c\/tr\u003e\n                                \u003ctr\u003e\n\u003cth\u003e入数\u003c\/th\u003e\n\u003ctd\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 style=\"width: 25%;\"\u003e品番\u003c\/th\u003e\n                                    \u003cth style=\"width: 15%;\"\u003eサイズ\u003c\/th\u003e\n                                    \u003cth style=\"width: 20%;\"\u003e傾斜\u003c\/th\u003e\n                                    \u003cth style=\"width: 40%;\"\u003e対応靴サイズ\u003c\/th\u003e\n                                \u003c\/tr\u003e\n                            \u003c\/thead\u003e\n                            \u003ctbody\u003e\n                                \u003ctr\u003e\n\u003ctd\u003e000-5053\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e7mm\u003c\/td\u003e\n\u003ctd\u003e25.0～28.0cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                                \u003ctr\u003e\n\u003ctd\u003e000-5054\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e7mm\u003c\/td\u003e\n\u003ctd\u003e22.5～24.5cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                                \u003ctr\u003e\n\u003ctd\u003e000-5063\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e4mm\u003c\/td\u003e\n\u003ctd\u003e25.0～28.0cm\u003c\/td\u003e\n\u003c\/tr\u003e\n                                \u003ctr\u003e\n\u003ctd\u003e000-5064\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4mm\u003c\/td\u003e\n\u003ctd\u003e22.5～24.5cm\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\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c\/div\u003e\n\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        const targetContent = document.getElementById('tab-' + index);\n        if (targetContent) {\n            targetContent.classList.add('active');\n        }\n        if (buttons[index]) {\n            buttons[index].classList.add('active');\n        }\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"25.0～28.0cm \/ 7mm傾斜 \/ M","offer_id":47379427459229,"sku":"0005053-00000g88","price":2113.0,"currency_code":"JPY","in_stock":true},{"title":"22.5～24.5cm \/ 7mm傾斜 \/ S","offer_id":47379936084125,"sku":"0005054-00000g88","price":2113.0,"currency_code":"JPY","in_stock":true},{"title":"25.0～28.0cm \/ 4mm傾斜 \/ M","offer_id":47379943719069,"sku":"0005063-00000g88","price":2113.0,"currency_code":"JPY","in_stock":true},{"title":"22.5～24.5cm \/ 4mm傾斜 \/ S","offer_id":47379943850141,"sku":"0005064-00000g88","price":2113.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/G0005053_01_b7ff013c-83a5-479c-b9a6-2cb68fab30a9.jpg?v=1781661593","url":"https:\/\/ec.daiyak.co.jp\/products\/g0005053-00000g88","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}