{"title":"射越テスト　222","description":"","products":[{"product_id":"g2010011","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        \/* --- Design Guidelines Implementation --- *\/\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            --card-border: #f3f4f6;\n        }\n\n        body {\n            background-color: var(--bg-overall);\n            margin: 0;\n            padding: 0;\n            \/* フォントを Noto Sans JP に変更 *\/\n            font-family: 'Noto Sans JP', sans-serif;\n        }\n\n        .lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            background-color: var(--bg-overall);\n            \/* bodyの指定を継承しますが、念のためこちらにも指定 *\/\n            font-family: 'Noto Sans JP', sans-serif;\n            color: #333;\n            line-height: 1.6;\n            padding: 20px 0;\n        }\n\n        \/* Typography *\/\n        .h1-style {\n            font-size: 2rem;\n            font-weight: 800;\n            border-bottom: 4px solid var(--main-orange);\n            margin: 0 20px 2rem;\n            padding-bottom: 0.5rem;\n            line-height: 1.4;\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: 2rem 0 1rem;\n            padding-bottom: 0.3rem;\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        }\n\n        \/* Card Style *\/\n        .product-card-body {\n            background-color: #ffffff;\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 var(--card-border);\n            margin-bottom: 2rem;\n        }\n\n        \/* Tabs System *\/\n        .tab-container {\n            margin: 0 20px;\n        }\n        .tab-navigation {\n            display: flex;\n            width: 100%;\n            background-color: #ffffff;\n            border-bottom: 2px solid var(--main-blue);\n            border-radius: 12px 12px 0 0;\n            overflow: hidden;\n        }\n        .tab-button {\n            flex-basis: 25%; \/* 4 tabs *\/\n            padding: 15px 5px;\n            border: none;\n            background-color: #ffffff;\n            font-size: 1.1rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background-color 0.3s, color 0.3s;\n            text-align: center;\n            border-top: 1px solid var(--card-border);\n            border-left: 1px solid var(--card-border);\n            border-right: 1px solid var(--card-border);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1.2;\n        }\n        .tab-button.active {\n            background-color: var(--main-blue);\n            color: #ffffff;\n        }\n\n        .tab-content {\n            display: none;\n            padding: 2rem 0;\n            animation: fadeIn 0.4s ease;\n        }\n        .tab-content.active {\n            display: block;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        \/* Blue Box (Custom Box) *\/\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            border-left: 8px solid var(--main-blue);\n            padding: 20px;\n            margin: 1.5rem 0;\n            border-radius: 4px;\n        }\n\n        \/* Table Style *\/\n        .data-table-container {\n            overflow-x: auto;\n            margin-top: 1rem;\n        }\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            min-width: 500px;\n        }\n        .data-table th {\n            background-color: var(--main-blue);\n            color: #ffffff;\n            padding: 12px;\n            text-align: left;\n            font-size: 1.25rem; \/* 20px *\/\n            width: 35%;\n        }\n        .data-table td {\n            padding: 12px;\n            border-bottom: 1px solid #e5e7eb;\n            font-size: 1.25rem; \/* 20px *\/\n            background-color: #ffffff;\n        }\n\n        \/* Utility classes *\/\n        .custom-blue { color: var(--main-blue); }\n        .custom-orange { color: var(--main-orange); }\n\n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .h1-style { font-size: 1.6rem; margin: 0 10px 1.5rem; }\n            .h2-style { font-size: 1.4rem; }\n            .h3-style { font-size: 1.25rem; }\n            .text-main, .blue-box p { font-size: 1.15rem; }\n            .tab-container { margin: 0 10px; }\n            .tab-navigation { flex-wrap: wrap; }\n            .tab-button {\n                flex-basis: 50%;\n                font-size: 0.9rem;\n                padding: 12px 4px;\n            }\n            .product-card-body { padding: 16px; }\n            .data-table th, .data-table td { font-size: 0.9rem; padding: 10px 6px; }\n        }\n\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n    \u003c!-- Header: H1 Catchphrase --\u003e\n    \u003cheader\u003e\n        \u003ch1 class=\"h1-style\"\u003eコスモチタンテープ｜チタンパワーでアクティブな毎日をサポート\u003c\/h1\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"tab-container\"\u003e\n        \u003c!-- Tab Navigation --\u003e\n        \u003cnav class=\"tab-navigation\"\u003e\n            \u003cbutton class=\"tab-button active\" onclick=\"showTab(event, 'tab1')\"\u003e商品特長\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(event, 'tab2')\"\u003eその他特長\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(event, 'tab3')\"\u003e活用シーン\u003c\/button\u003e\n            \u003cbutton class=\"tab-button\" onclick=\"showTab(event, 'tab4')\"\u003e商品詳細情報\u003c\/button\u003e\n        \u003c\/nav\u003e\n\n        \u003c!-- Tab Content 1: チタンテープの仕組み (期待される機能を統合) --\u003e\n        \u003cdiv id=\"tab1\" class=\"tab-content active\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\" style=\"margin-top: 0;\"\u003e身体のリズムに着目\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    私たちの身体には細胞内に微弱な電気が流れています。この電気が筋肉に作用することで立ったり、座ったりしていますが、電気がバランスを崩すと筋肉もバランスを崩します。「コスモチタンテープ」は、この流れに着目し、乱れがちな生体電気のリズムに働きかけ、本来の健やかな状態をサポートします。\n                \u003c\/p\u003e\n                \u003cdiv class=\"blue-box\"\u003e\n                    \u003cp class=\"text-main\" style=\"margin-bottom:0;\"\u003e\n                        チタンの特性で身体を整えるようサポート。アクティブな毎日を支えるコンディショニングテープです。\n                    \u003c\/p\u003e\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                    電気のリズムが乱れると、筋肉も本来の柔軟性や強さを発揮しにくくなります。コスモチタンテープを気になる部位に貼ることで、電気エネルギーの流れを整えて筋肉の状態を整えるようアプローチします。\n                \u003c\/p\u003e\n                \n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Tab Content 2: 使いやすさと設計 --\u003e\n        \u003cdiv id=\"tab2\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\" style=\"margin-top: 0;\"\u003eピンポイントで貼れるマークタイプ\u003c\/h2\u003e\n                \u003ch3 class=\"h3-style\"\u003e選べる2種類の入数バリエーション\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    「コスモチタンテープ」は、さまざまな部位に貼りやすい丸型シールタイプを採用しています。120マーク入りと、360マーク入りの2種類をご用意。日常的なセルフケアから、院の施術などで多く使用する場合など、用途に合わせて適した入数をお選びいただけます。\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\/div\u003e\n\n        \u003c!-- Tab Content 3: 日常での活用シーン --\u003e\n        \u003cdiv id=\"tab3\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\" style=\"margin-top: 0;\"\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                \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 Content 4: 商品詳細情報 --\u003e\n        \u003cdiv id=\"tab4\" class=\"tab-content\"\u003e\n            \u003cdiv class=\"product-card-body\"\u003e\n                \u003ch2 class=\"h2-style\" style=\"margin-top: 0;\"\u003e商品詳細情報\u003c\/h2\u003e\n                \n                \u003ch3 class=\"h3-style\"\u003eラインナップ・仕様\u003c\/h3\u003e\n                \u003cdiv class=\"data-table-container\"\u003e\n                    \u003ctable class=\"data-table\"\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\u003e120マーク\/360マーク\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/table\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function showTab(event, tabId) {\n        \/\/ Hide all contents\n        const contents = document.getElementsByClassName('tab-content');\n        for (let i = 0; i \u003c contents.length; i++) {\n            contents[i].classList.remove('active');\n        }\n\n        \/\/ Deactivate all buttons\n        const buttons = document.getElementsByClassName('tab-button');\n        for (let i = 0; i \u003c buttons.length; i++) {\n            buttons[i].classList.remove('active');\n        }\n\n        \/\/ Show selected tab content and activate button\n        document.getElementById(tabId).classList.add('active');\n        event.currentTarget.classList.add('active');\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"120ﾏｰｸ","offer_id":46439018987677,"sku":"2010011","price":660.0,"currency_code":"JPY","in_stock":true},{"title":"360ﾏｰｸ","offer_id":46459953938589,"sku":"2010012","price":1782.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/G2010011_5CG2010011_01.png?v=1762143175"}],"url":"https:\/\/ec.daiyak.co.jp\/collections\/%e5%b0%84%e8%b6%8a%e3%83%86%e3%82%b9%e3%83%88-222.oembed","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}