{"product_id":"g3416030-00000g54","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    \n    \u003c!-- Noto Sans JP フォントの読み込み --\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\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \u003cstyle\u003e\n        \/* Base Styles *\/\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            --border-gray: #d1d5db;\n            --text-dark: #333;\n            --white: #ffffff;\n            --warning-red: #dc2626;\n        }\n\n        body {\n            \/* 全体のフォントを Noto Sans JP に設定 *\/\n            font-family: 'Noto Sans JP', \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n            line-height: 1.6;\n            color: var(--text-dark);\n            background-color: var(--bg-overall);\n            margin: 0;\n            padding: 0;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        \/* Typography *\/\n        .h1-style {\n            font-size: 2rem;\n            font-weight: 800;\n            line-height: 1.4;\n            margin-bottom: 30px;\n            padding-bottom: 10px;\n            border-bottom: 4px solid var(--main-orange);\n            text-align: left;\n        }\n\n        @media (min-width: 768px) {\n            .h1-style {\n                font-size: 2.5rem;\n            }\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: 0 0 20px;\n            padding-bottom: 5px;\n            color: var(--text-dark);\n            display: inline-block;\n            max-width: 100%;\n        }\n\n        .h2-style:not(:first-child) {\n            margin-top: 40px;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: var(--main-blue);\n            margin-top: 30px;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n        }\n\n        .h3-style::before {\n            content: \"\";\n            display: inline-block;\n            width: 8px;\n            height: 1.5625rem;\n            background-color: var(--main-blue);\n            margin-right: 12px;\n            border-radius: 4px;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 20px;\n        }\n\n        \/* Tabs System *\/\n        .tab-container {\n            margin-top: 40px;\n        }\n\n        .tab-buttons {\n            display: flex;\n            flex-wrap: nowrap;\n            border: 1px solid var(--border-gray);\n            border-bottom: none;\n            border-radius: 12px 12px 0 0;\n            overflow: hidden;\n            background-color: #fff;\n        }\n\n        .tab-button {\n            flex: 1;\n            padding: 18px 10px;\n            cursor: pointer;\n            background-color: #fff;\n            border: none;\n            border-right: 1px solid var(--border-gray);\n            font-size: 1.1rem;\n            font-weight: 700;\n            text-align: center;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            font-family: inherit;\n            display: flex;\n            align-items: center;\n            justify-content: center;\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        .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; }\n            to { opacity: 1; }\n        }\n\n        \/* Card Style *\/\n        .product-card-body {\n            background-color: #fff;\n            padding: 24px 32px;\n            border-radius: 0 0 12px 12px;\n            border: 1px solid #f3f4f6;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            margin-bottom: 40px;\n        }\n\n        \/* Blue Box Styling *\/\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            border-left: 8px solid var(--main-blue);\n            padding: 30px;\n            margin: 25px 0;\n            border-radius: 0 4px 4px 0;\n        }\n\n        .blue-box p {\n            margin: 0;\n            font-weight: 700;\n            color: #1f2937;\n            font-size: 1.5625rem;\n        }\n\n        \/* Detail List *\/\n        .detail-list {\n            margin: 20px 0;\n            padding: 0;\n            list-style: none;\n        }\n        .detail-item {\n            margin-bottom: 25px;\n        }\n        .detail-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--main-blue);\n            border-bottom: 1px solid var(--main-blue);\n            padding-bottom: 5px;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        \/* Data Table *\/\n        .data-table-container {\n            margin-top: 20px;\n            \/* 横スクロールを無効化し、1画面に収める *\/\n            overflow-x: hidden;\n        }\n\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            \/* 最小幅設定を削除し、親要素の幅に追従 *\/\n            min-width: auto;\n            table-layout: auto;\n        }\n\n        .data-table th {\n            background-color: var(--main-blue);\n            color: #fff;\n            padding: 15px 8px;\n            text-align: center;\n            font-size: 1.25rem; \/* 20px *\/\n            border: 1px solid var(--border-gray);\n        }\n\n        .data-table td {\n            padding: 15px 8px;\n            border: 1px solid var(--border-gray);\n            font-size: 1.25rem; \/* 20px *\/\n            background-color: #fff;\n            text-align: center;\n        }\n\n        \/* Zebra Striping *\/\n        .zebra tbody tr:nth-child(odd) td {\n            background-color: #f2f2f2;\n        }\n\n        \/* Footer Important Notes *\/\n        .footer-important-notes {\n            background-color: var(--bg-light-orange);\n            border: 2px solid var(--main-orange);\n            border-radius: 12px;\n            padding: 24px;\n            margin-top: 20px;\n            text-align: center;\n            color: #dc2626;\n        }\n\n        .footer-note-item {\n            font-size: 1.25rem;\n            font-weight: 700;\n            display: block;\n            line-height: 1.6;\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width: 768px) {\n            .tab-buttons {\n                flex-wrap: wrap;\n            }\n            .tab-button {\n                flex-basis: 100%;\n                font-size: 1rem;\n                border-bottom: 1px solid var(--border-gray);\n                border-right: none;\n            }\n            .product-card-body {\n                padding: 24px 15px;\n            }\n            .text-main, .blue-box p { font-size: 1.2rem; }\n            .h2-style { font-size: 1.4rem; }\n            .h3-style { font-size: 1.25rem; }\n            \n            \/* モバイル環境で1画面に収めるための調整 *\/\n            .data-table th, .data-table td { \n                font-size: 0.85rem; \n                padding: 10px 4px; \n                word-break: break-all;\n            }\n            .footer-note-item { font-size: 1.1rem; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n    \u003c!-- H1 Title Section --\u003e\n    \u003ch1 class=\"h1-style\"\u003eミズノ ドライベクターサポーター｜ムレにくく自由な動きをサポート！\u003c\/h1\u003e\n\n    \u003c!-- Tab Navigation --\u003e\n    \u003cdiv class=\"tab-container\"\u003e\n        \u003cnav class=\"tab-buttons\"\u003e\n            \u003cbutton class=\"tab-button active\" onclick=\"showTab(0)\"\u003e商品特徴\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(1)\"\u003e機能詳細\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(2)\"\u003e商品情報\u003c\/button\u003e\n        \u003c\/nav\u003e\n\n        \u003c!-- Tab 0: 商品特徴 --\u003e\n        \u003cdiv id=\"tab0\" class=\"tab-content active\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003c!-- Renewal Information: Updated to black text, normal weight, gray border --\u003e\n                \u003cp class=\"text-main\" style=\"color: var(--text-dark); border: 2px solid var(--border-gray); padding: 15px; border-radius: 8px; margin-bottom: 30px;\"\u003e\n                    こちらのページ掲載の商品はリニューアル品となります。\u003cbr\u003e\n                    旧品番の在庫がある場合は、リニューアル品の掲載がございません。\u003cbr\u003e\n                    掲載のない場合は【ドライベクターサポーター】のページをご確認ください。\u003cbr\u003e\n                    ※リニューアル品は価格が変更となっておりますので、ご注意ください。\n                \u003c\/p\u003e\n\n                \u003ch2 class=\"h2-style\"\u003e快適性と動きやすさを追求\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    「ドライベクターサポーター」は、人体から水分を吸収し素早く乾く吸湿速乾素材を使用しているため、ムレを抑えて快適に装着することができます。またスポーツ工学の知見を活かし、動きやすさを追求しました。3次元フィット設計により、引きつれや圧迫感を軽減し自由な動きをサポートします。\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                    うで用から足くび用まで、全7タイプをご準備。個々のニーズに合わせて、気になる部位をお選びいただけます。\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\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003eムレを抑えてカラッと快適\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    サポーター特有の「ムレ」を抑え快適な装着を保ちます。3つの機能を備えています。\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"detail-list\"\u003e\n                    \u003cdiv class=\"detail-item\"\u003e\n                        \u003cspan class=\"detail-title\"\u003e≫ 吸湿\u003c\/span\u003e\n                        \u003cp class=\"text-main\"\u003e汗や不快な湿気を強力に吸収して、衣服内のムレを抑えます。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"detail-item\"\u003e\n                        \u003cspan class=\"detail-title\"\u003e≫ 消臭性\u003c\/span\u003e\n                        \u003cp class=\"text-main\"\u003e「ドライベクター」には、糸自体に消臭効果があり、汗臭を低減します。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"detail-item\"\u003e\n                        \u003cspan class=\"detail-title\"\u003e≫ pHコントロール\u003c\/span\u003e\n                        \u003cp class=\"text-main\"\u003e糸自体に、酸・アルカリを中和する効果（pHコントロール機能）があります。汗や洗剤の影響でアルカリ化されやすい繊維を中性に保ち、優しい感触を保ちます。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Tab 2: 商品情報 --\u003e\n        \u003cdiv id=\"tab2\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\"\u003eサイズ表・仕様\u003c\/h2\u003e\n                \u003cdiv class=\"data-table-container\"\u003e\n                    \u003ctable class=\"data-table zebra\"\u003e\n                        \u003cthead\u003e\n                            \u003ctr\u003e\n                                \u003cth\u003e品番\u003c\/th\u003e\n                                \u003cth\u003eサイズ\u003c\/th\u003e\n                                \u003cth\u003e種類\u003c\/th\u003e\n                                \u003cth\u003e入数\u003c\/th\u003e\n                                \u003cth\u003e色\u003c\/th\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/thead\u003e\n                        \u003ctbody\u003e\n                            \u003c!-- うで用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6030\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003eうで用\u003c\/td\u003e\n                                \u003ctd rowspan=\"14\"\u003e1枚\u003c\/td\u003e\n                                \u003ctd rowspan=\"14\"\u003eブラック\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6031\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003c!-- 太もも用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6032\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003e太もも用\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6033\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003c!-- 太もも＋ひざ用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6034\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003e太もも＋ひざ用\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6035\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003c!-- ひざ用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6036\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003eひざ用\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6037\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003c!-- ひざ＋ふくらはぎ用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6038\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003eひざ＋ふくらはぎ用\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6039\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003c!-- ふくらはぎ用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6040\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003eふくらはぎ用\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6041\u003c\/td\u003e\n                                \u003ctd\u003eM\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003c!-- 足くび用 --\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6042\u003c\/td\u003e\n                                \u003ctd\u003eL\u003c\/td\u003e\n                                \u003ctd rowspan=\"2\"\u003e足くび用\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e341-6043\u003c\/td\u003e\n                                \u003ctd\u003eM\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 Note Area --\u003e\n    \u003cdiv class=\"footer-important-notes\"\u003e\n        \u003cspan class=\"footer-note-item\"\u003e本製品は左右兼用です。\u003c\/span\u003e\n        \u003cspan class=\"footer-note-item\"\u003e本製品は1枚（片手・片足）入りです。両手または両足でご使用の場合は2点ご購入ください。\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/**\n     * タブ切り替え制御\n     * @param {number} index - 表示するタブのインデックス\n     *\/\n    function showTab(index) {\n        const contents = document.querySelectorAll('.tab-content');\n        contents.forEach(content =\u003e content.classList.remove('active'));\n\n        const buttons = document.querySelectorAll('.tab-button');\n        buttons.forEach(button =\u003e button.classList.remove('active'));\n\n        const target = document.getElementById('tab' + index);\n        if (target) {\n            target.classList.add('active');\n            if (buttons[index]) {\n                buttons[index].classList.add('active');\n            }\n        }\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"L \/ ﾌﾞﾗｯｸ \/ うで用","offer_id":46458697416861,"sku":"3416030-00000G54","price":1584.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ うで用","offer_id":46460878586013,"sku":"3416031-00000G54","price":1584.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ﾌﾞﾗｯｸ \/ 太もも用","offer_id":46460878913693,"sku":"3416032-00000G54","price":1742.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ 太もも用","offer_id":46460879044765,"sku":"3416033-00000G54","price":1742.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ﾌﾞﾗｯｸ \/ 太もも・ひざ用","offer_id":46460879306909,"sku":"3416034-00000G54","price":2297.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ 太もも・ひざ用","offer_id":46460879405213,"sku":"3416035-00000G54","price":2297.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ﾌﾞﾗｯｸ \/ ひざ用","offer_id":46460879732893,"sku":"3416036-00000G54","price":1742.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ ひざ用","offer_id":46460879831197,"sku":"3416037-00000G54","price":1742.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ﾌﾞﾗｯｸ \/ ひざ・ふくらはぎ用","offer_id":46460880486557,"sku":"3416038-00000G54","price":2138.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ ひざ・ふくらはぎ用","offer_id":46460880617629,"sku":"3416039-00000G54","price":2138.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ﾌﾞﾗｯｸ \/ ふくらはぎ用","offer_id":46460880879773,"sku":"3416040-00000G54","price":1584.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ ふくらはぎ用","offer_id":46460881010845,"sku":"3416041-00000G54","price":1584.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ﾌﾞﾗｯｸ \/ 足くび用","offer_id":46460881305757,"sku":"3416042-00000G54","price":1742.0,"currency_code":"JPY","in_stock":true},{"title":"M \/ ﾌﾞﾗｯｸ \/ 足くび用","offer_id":46460881436829,"sku":"3416043-00000G54","price":1742.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/294269_1d01d5bd-88f6-41a9-a3a7-bd68a282b1f6.jpg?v=1781665194","url":"https:\/\/ec.daiyak.co.jp\/products\/g3416030-00000g54","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}