{"product_id":"ch117","title":"AIR シリーズ CH117","description":"\u003cstyle\u003e\n\n    .pcA{display: block!important;}\n    .phA{display: none!important;}\n    #CKTA\u003ediv{position: relative}\n    .YouTubeVideo{width: 100%;height: 660px;display: block}\n\n    @media screen and (max-width:800px) {\n        .pcA{display: none!important;}\n        .phA{display: block!important;}\n        .YouTubeVideo{width: 100%;height: 190px}\n    }\n\u003c\/style\u003e\n\n\u003cdiv id=\"CKTA\"\u003e\n\n    \u003cdiv\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_02.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_02.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_03.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_03.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n        \u003ciframe class=\"YouTubeVideo\" src=\"https:\/\/www.youtube.com\/embed\/RBRmEijDar4\" title=\"CH117 Office Chair\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n\n    \u003c!--轮播--\u003e\n    \u003cstyle type=\"text\/css\"\u003e\u003c!--\n    * {\n        margin: 0;\n        padding: 0;\n    }\n\n    .box {\n        width: 100%;\n        height: auto;\n        position: relative;\n        overflow: hidden;\n    }\n\n    li {\n        list-style: none;\n    }\n\n\n\n    .btnA {\n        font-size: 40px;\n        color: black;\n        width: 40px;\n        height: 70px;\n        position: absolute;\n        top: 40%;\n        text-align: center;\n        line-height: 70px;\n        cursor: pointer;\n        z-index: 15;\n        font-family: cursive;\n        -webkit-text-stroke: 0.3px white;\n    }\n    .prev {\n        left: 1%;\n    }\n    .next {\n        right: 1%;\n    }\n    .nav {\n        height: 50px;\n        text-align: center;\n        position: absolute;\n        width: 100%;\n        top: 30px;\n        z-index: 15;\n    }\n    .nav li {\n        display: inline-block;\n        width: 11.5%;\n        padding: 6px 0;\n        border-radius: 30px;\n        border: 2px solid white;\n        color: black;\n        background: white;\n        font-weight: bold;\n        cursor: pointer;\n    }\n    .nav .on {\n        color: white;\n        background: black;\n    }\n    .pc_bf{display: block}\n    .ph_bf{display: none}\n\n    .ctcont {\n        overflow: auto;\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 100%;\n        z-index: 5;\n        top: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .ctcont\u003ediv{float: left;\n        width: 50%;}\n    .ctcont\u003ediv:first-child{padding: 0 50px}\n    @media screen and (max-width:800px) {\n        .nav {\n            top: 12px;\n            margin: 0 !important;\n        }\n        .nav li {\n            width: 36.5%;\n            padding: 2px 0;\n        }\n        .btnA {top: 47%;}\n        .prev {\n            left: 5px;\n        }\n        .next {\n            right: 5px;\n        }\n        .pc_bf{display: none}\n        .ph_bf{display: block}\n        .ctcont\u003ediv{width: 100%;float: none}\n        .ctcont {\n            display: grid;\n            align-items: baseline;\n            justify-content: inherit;\n        }\n        .ctcont\u003ediv:first-child{padding: 0 30px;order: 2}\n        .ctcont\u003ediv:last-child{order: 1}\n    }\n    --\u003e\u003c\/style\u003e\n    \u003cdiv class=\"box cstbox1\"\u003e\n        \u003c!--撑开容器--\u003e\n        \u003cdiv style=\"background: white;\"\u003e\n            \u003cdiv class=\"ctcont\" style=\"position: relative\"\u003e\n                \u003cdiv\u003e\n                    \u003cb\u003e多機能で様々なシーンで使用可能なデスクチェア\u003c\/b\u003e\n                    \u003ch3\u003eヘッドレスト\u003c\/h3\u003e\n                    頭部と首を完璧にサポートし、8cm上下と回転調整が可能、さらにロッキング機能が付いていますので、頭部と首を確実にサポートし、保護することができます。\n                \u003c\/div\u003e\n                \u003cdiv\u003e\u003cvideo preload=\"auto\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/TV01.webm\" controls=\"\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ctcont\" style=\"left: 0px;\"\u003e\n            \u003cdiv\u003e\n                \u003cb\u003e多機能で様々なシーンで使用可能なデスクチェア\u003c\/b\u003e\n                \u003ch3\u003eランバーサポート\u003c\/h3\u003e\n                3段階の腰部サポート調整で、身長に合わせて調整可能です。長時間の使用でも腰の疲れを軽減し、腰や背中の痛みを和らげます。\n            \u003c\/div\u003e\n            \u003cdiv\u003e\u003cvideo src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/TV01.webm\" preload=\"auto\" poster=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_05.webp\" controls=\"\" height=\"100%\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ctcont\"\u003e\n            \u003cdiv\u003e\n                \u003cb\u003e多機能で様々なシーンで使用可能なデスクチェア\u003c\/b\u003e\n                \u003ch3\u003e跳ね上げ式アームレスト\u003c\/h3\u003e\n                90度跳ね上げ式のアームレストで、あぐら可能、デスクの下に簡単に収納でき、場所を取りません。\n            \u003c\/div\u003e\n            \u003cdiv\u003e\u003cvideo src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/TV03.webm\" preload=\"auto\" poster=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_05_02.webp\" controls=\"\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003cdiv class=\"ctcont\"\u003e\n            \u003cdiv\u003e\n                \u003cb\u003e多機能で様々なシーンで使用可能なデスクチェア\u003c\/b\u003e\n                \u003ch3\u003eヘッドレスト\u003c\/h3\u003e\n                頭部と首を完璧にサポートし、8cm上下と回転調整が可能、さらにロッキング機能が付いていますので、頭部と首を確実にサポートし、保護することができます。\n            \u003c\/div\u003e\n            \u003cdiv\u003e\u003cvideo src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/TV02.webm\" preload=\"auto\" poster=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_05_03.webp\" controls=\"\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n\n        \u003cdiv class=\"btnA prev\"\u003e\u0026lt;\u003c\/div\u003e\n        \u003cdiv class=\"btnA next\"\u003e\u0026gt;\u003c\/div\u003e\n        \u003cul class=\"nav\" style=\"display: none;\"\u003e\n            \u003cli class=\"on\"\u003eGAME\u003c\/li\u003e\n            \u003cli\u003eOFFICE\u003c\/li\u003e\n            \u003cli\u003eOFFICE\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cscript\u003e\n\n        var prevIndex = 0;\n        var curIndex = 0;\n        $(\".next\").click(function() {\n            \/\/.is(\":animated\"):正在执行动画返回true，没在执行动画返回false\n            if ($(this).parent(\".box\").children(\".ctcont\").eq(curIndex).is(\":animated\")) {\n                return;\n            }\n            if (curIndex \u003e= $(\".box\u003e.ctcont\").length - 1) {\n                curIndex = 0;\n            } else {\n                curIndex++\n            }\n            tab();\n            prevIndex = curIndex;\n        });\n        $(\".prev\").click(function() {\n            if ($(this).parent(\".box\").children(\".ctcont\").eq(curIndex).is(\":animated\")) {\n                return;\n            }\n            if (curIndex \u003c= 0) {\n                curIndex = $(\".box\u003e.ctcont\").length - 1;\n            } else {\n                curIndex--;\n            }\n            tab();\n            prevIndex = curIndex;\n        });\n\n        \/\/左边按钮：向右边滑动；\n        function tab() {\n            \/\/切大图；\n            if (curIndex == 0 \u0026\u0026 prevIndex == 2) {\n                \/\/边界2，当前在最后一张，点击next\n                \/\/向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置；\n                $(\".box\u003e.ctcont\").eq(prevIndex).animate({\n                    left: -100+\"%\"\n                }, 500)\n                $(\".box\u003e.ctcont\").eq(curIndex).css(\"left\", \"100%\").animate({\n                    left: 0\n                }, 500)\n            } else if (prevIndex == 0 \u0026\u0026 curIndex == 2  ) {\n                \/\/边界1，当前在第一张，点击prev\n                \/\/向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置\n                $(\".box\u003e.ctcont\").eq(prevIndex).animate({\n                    left: 100+\"%\"\n                }, 500)\n                $(\".box\u003e.ctcont\").eq(curIndex).css(\"left\", \"-100%\").animate({\n                    left: 0\n                }, 500)\n            } else if (curIndex \u003e prevIndex) {\n                $(\".box\u003e.ctcont\").eq(prevIndex).animate({\n                    left: -100+\"%\"\n                }, 500)\n                $(\".box\u003e.ctcont\").eq(curIndex).css(\"left\", \"100%\").animate({\n                    left: 0\n                }, 500)\n            } else {\n                $(\".box\u003e.ctcont\").eq(prevIndex).animate({\n                    left: 100+\"%\"\n                }, 500)\n                $(\".box\u003e.ctcont\").eq(curIndex).css(\"left\", \"-100%\").animate({\n                    left: 0\n                }, 500)\n            }\n            \/\/切小点；\n            \/\/ $(\".nav li\").eq(curIndex).addClass(\"on\").siblings().removeClass()\n        }\n    \u003c\/script\u003e\n\n    \u003cdiv style=\"    margin-top: -8px;\"\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_06.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_06.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!--轮播2--\u003e\n    \u003cstyle type=\"text\/css\"\u003e\u003c!--\n    .box2 {\n        width: 100%;\n        height: auto;\n        position: relative;\n        overflow: hidden;\n    }\n\n    li {\n        list-style: none;\n    }\n\n    .box2\u003eimg {\n        width: 100%;\n        height: auto;\n        position: absolute;\n        left: 100%;\n        z-index: 5;\n        top:0;\n    }\n    .btnA2 {\n        font-size: 40px;\n        color: black;\n        width: 40px;\n        height: 70px;\n        position: absolute;\n        top: 46%;\n        text-align: center;\n        line-height: 70px;\n        cursor: pointer;\n        z-index: 15;\n        font-family: cursive;\n        -webkit-text-stroke: 0.8px white;\n    }\n    .prev2 {\n        left: 1%;\n    }\n    .next2 {\n        right: 1%;\n    }\n    .nav2 {\n        height: 50px;\n        text-align: center;\n        position: absolute;\n        width: 100%;\n        top: 30px;\n        z-index: 15;\n    }\n    .nav2 li {\n        display: inline-block;\n        width: 11.5%;\n        padding: 6px 0;\n        border-radius: 30px;\n        border: 2px solid white;\n        color: black;\n        background: white;\n        font-weight: bold;\n        cursor: pointer;\n    }\n    .nav2 .on2 {\n        color: white;\n        background: black;\n    }\n\n    @media screen and (max-width:800px) {\n        .nav2 {\n            top: 12px;\n            margin: 0 !important;\n        }\n        .nav2 li {\n            width: 36.5%;\n            padding: 2px 0;\n        }\n        \/*.btnA2 {top: 70%;}*\/\n        .prev2 {\n            left: 5px;\n        }\n        .next2 {\n            right: 5px;\n        }\n    }\n    --\u003e\u003c\/style\u003e\n    \u003cdiv class=\"box2\"\u003e\n        \u003c!--撑开容器--\u003e\n        \u003cdiv style=\"background: black;\"\u003e\n            \u003cimg class=\"pc_bf\" style=\"position: relative; z-index: 0; width: 100%; opacity: 0;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_07.webp\"\u003e\n            \u003cimg class=\"ph_bf\" style=\"position: relative; z-index: 0; width: 100%; opacity: 0;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_07.webp\"\u003e\n        \u003c\/div\u003e\n        \u003cimg class=\"pc_bf\" style=\"left: 0px;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_07.webp\"\u003e\n        \u003cimg class=\"ph_bf\" style=\"left: 0px;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_07.webp\"\u003e\n        \u003cimg class=\"pc_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_08.webp\"\u003e\n        \u003cimg class=\"ph_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_08.webp\"\u003e\n        \u003cimg class=\"pc_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_09.webp\"\u003e\n        \u003cimg class=\"ph_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_09.webp\"\u003e\n        \u003cdiv class=\"btnA2 prev2\"\u003e\u0026lt;\u003c\/div\u003e\n        \u003cdiv class=\"btnA2 next2\"\u003e\u0026gt;\u003c\/div\u003e\n        \u003cul class=\"nav2\" style=\"display: none;\"\u003e\n            \u003cli class=\"on2\"\u003eGAME\u003c\/li\u003e\n            \u003cli\u003eOFFICE\u003c\/li\u003e\n            \u003cli\u003eOFFICE\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cscript\u003e\n        $(function () {\n            \/\/手机端删掉pc轮播图,pc端删掉手机轮播图\n            if (screen.height \u003e= 800 \u0026\u0026 screen.width \u003e= screen.height) {\n                $(\".box2\u003e.ph_bf\").remove()\n            }else {\n                $(\".box2\u003e.pc_bf\").remove()\n            }\n\n        });\n        var prevIndex2 = 0;\n        var curIndex2 = 0;\n        $(\".next2\").click(function() {\n            \/\/.is(\":animated\"):正在执行动画返回true，没在执行动画返回false\n            if ($(this).parent(\".box2\").children(\"img\").eq(curIndex2).is(\":animated\")) {\n                return;\n            }\n            if (curIndex2 \u003e= $(\".box2\u003eimg\").length - 1) {\n                curIndex2 = 0;\n            } else {\n                curIndex2++\n            }\n            tab2();\n            prevIndex2 = curIndex2;\n        });\n        $(\".prev2\").click(function() {\n            if ($(this).parent(\".box2\").children(\"img\").eq(curIndex2).is(\":animated\")) {\n                return;\n            }\n            if (curIndex2 \u003c= 0) {\n                curIndex2 = $(\".box2\u003eimg\").length - 1;\n            } else {\n                curIndex2--;\n            }\n            tab2();\n            prevIndex2 = curIndex2;\n        });\n        \/\/左边按钮：向右边滑动；\n        function tab2() {\n            \/\/切大图；\n            if (curIndex2 == 0 \u0026\u0026 prevIndex2 == 2) {\n                \/\/边界2，当前在最后一张，点击next\n                \/\/向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置；\n                $(\".box2\u003eimg\").eq(prevIndex2).animate({\n                    left: -100+\"%\"\n                }, 500)\n                $(\".box2\u003eimg\").eq(curIndex2).css(\"left\", \"100%\").animate({\n                    left: 0\n                }, 500)\n            } else if (prevIndex2 == 0 \u0026\u0026 curIndex2 == 2  ) {\n                \/\/边界1，当前在第一张，点击prev\n                \/\/向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置\n                $(\".box2\u003eimg\").eq(prevIndex2).animate({\n                    left: 100+\"%\"\n                }, 500)\n                $(\".box2\u003eimg\").eq(curIndex2).css(\"left\", \"-100%\").animate({\n                    left: 0\n                }, 500)\n            } else if (curIndex2 \u003e prevIndex2) {\n                $(\".box2\u003eimg\").eq(prevIndex2).animate({\n                    left: -100+\"%\"\n                }, 500)\n                $(\".box2\u003eimg\").eq(curIndex2).css(\"left\", \"100%\").animate({\n                    left: 0\n                }, 500)\n            } else {\n                $(\".box2\u003eimg\").eq(prevIndex2).animate({\n                    left: 100+\"%\"\n                }, 500)\n                $(\".box2\u003eimg\").eq(curIndex2).css(\"left\", \"-100%\").animate({\n                    left: 0\n                }, 500)\n            }\n\n        }\n    \u003c\/script\u003e\n\n    \u003cdiv\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/PC_10.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH117\/M_10.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"GTRACING（ジーティーレーシング）","offers":[{"title":"グレー","offer_id":43891298140355,"sku":"CH117-GR","price":12610.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック","offer_id":43891280281795,"sku":"CH117-BLK","price":12610.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0549\/3299\/6291\/files\/715zyo3CEdL._AC_SL1500.jpg?v=1752568657","url":"https:\/\/jp.gtplayer.com\/products\/ch117","provider":"GTRACING（ジーティーレーシング）Japan公式サイト","version":"1.0","type":"link"}