{"product_id":"ch318","title":"人間工学シリーズ  CH318","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    \u003cdiv\u003e\n        \u003ciframe class=\"YouTubeVideo\" src=\"https:\/\/www.youtube.com\/embed\/Tyu5NUDkh7Y\" title=\"ComHoma  オフィスチェア CH318\" 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    \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        text-shadow: 2px 0px #ffffff;\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\/CH318\/PC_02.webp\"\u003e\n            \u003cimg class=\"ph_bf\" style=\"position: relative; z-index: 0; width: 100%; opacity: 0;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_02.webp\"\u003e\n        \u003c\/div\u003e\n        \u003cimg class=\"pc_bf\" style=\"left: 0px;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/PC_02.webp\"\u003e\n        \u003cimg class=\"ph_bf\" style=\"left: 0px;\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_02.webp\"\u003e\n        \u003cimg class=\"pc_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/PC_02_02.webp\"\u003e\n        \u003cimg class=\"ph_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_02_02.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 == 1) {\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 == 1  ) {\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    \u003cdiv\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/PC_04.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_04.webp\" width=\"100%\"\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        text-shadow: 2px 0px #ffffff;\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\u003e4Dランバーサポート\u003c\/b\u003e\n                    \u003ch3\u003e上下・前後調節\u003c\/h3\u003e\n                    市場にある上下調節のみのランバーサポートと比べて、このチェアのランバーサポートは前後調節も可能で、より多くの人にフィットします。\n                \u003c\/div\u003e\n                \u003cdiv\u003e\u003cvideo preload=\"auto\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/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\u003e4Dヘッドレスト\u003c\/b\u003e\n                \u003ch3\u003e上下・前後・反転調節\u003c\/h3\u003e\n                市場にある上下調節のみのヘッドレストと比べて、このチェアのヘッドレストは前後調節も可能で、より多くの人の首にフィットします。\n            \u003c\/div\u003e\n            \u003cdiv\u003e\u003cvideo src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/TV01.webm\" preload=\"auto\" poster=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/TV01.webp\" controls=\"\" height=\"100%\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ctcont\"\u003e\n            \u003cdiv\u003e\n                \u003cb\u003e4Dランバーサポート\u003c\/b\u003e\n                \u003ch3\u003e上下・前後調節\u003c\/h3\u003e\n                市場にある上下調節のみのランバーサポートと比べて、このチェアのランバーサポートは前後調節も可能で、より多くの人にフィットします。\n            \u003c\/div\u003e\n            \u003cdiv\u003e\u003cvideo src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/TV02.webm\" preload=\"auto\" poster=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/TV02.webp\" controls=\"\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\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 == 1) {\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 == 1  ) {\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\/CH318\/PC_07.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_07.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/PC_08.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_08.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/PC_09.webp\" width=\"100%\"\u003e\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/JP\/CH318\/M_09.webp\" width=\"100%\"\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function setSH(num1) {\n        if(num1==2){\n            $(\".sh2\").fadeIn(400)\n        }else {\n            $(\".sh2\").fadeOut(400)\n        }\n    }\n\n    $(\".cstbox1\u003eimg\").click(function () {\n        let ind=$(\".cstbox1\u003eimg\").index($(this))+1;\n        console.log(\"sss:\"+ind);\n        SWmodel(ind)\n    });\n    function SWmodel(num2){\n        if(num2==1){\n            $(\".modelVideo1\").show();\n            $(\".modelVideo1\")[0].play();\n            $(\".modelVideo2\").hide();\n            $(\".modelVideo3\").hide();\n        }else if(num2==2) {\n            $(\".modelVideo2\").show();\n            $(\".modelVideo2\")[0].play();\n            $(\".modelVideo1\").hide();\n            $(\".modelVideo3\").hide();\n        }else if(num2==3) {\n            $(\".modelVideo3\").show();\n            $(\".modelVideo3\")[0].play();\n            $(\".modelVideo1\").hide();\n            $(\".modelVideo2\").hide();\n        }\n        $('.madelsv').css('visibility', 'visible');\n        $('.madelsv').css('opacity', '1');\n        $('.contentsv').css('transform', 'scale(1)');\n    }\n\n    function closeMdl(){\n        $('.madelsv').css('visibility', 'hidden');\n        $('.madelsv').css('opacity', '0');\n        $('.contentsv').css('transform', 'scale(0.5)');\n        $(\".modelVideo1\")[0].pause();\n        $(\".modelVideo2\")[0].pause();\n        $(\".modelVideo3\")[0].pause();\n    }\n\n    function HDmodel(e1){\n        if(event.target==e1) {\n            closeMdl();\n        }\n    }\n    $(document).keyup(function(event) {\n        switch (event.keyCode) {\n            case 27:\n                closeMdl();\n        }\n    })\n\u003c\/script\u003e","brand":"GTRACING（ジーティーレーシング）","offers":[{"title":"グレー（ヘッドレスト付き ）","offer_id":43893349089475,"sku":"CH318-GR","price":14210.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック（ヘッドレスト付き ）","offer_id":43893349023939,"sku":"CH318-BLK","price":14210.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック（ヘッドレスト無）","offer_id":43893349056707,"sku":"CH319-BLK","price":14210.0,"currency_code":"JPY","in_stock":true},{"title":"グレー（ヘッドレスト無）","offer_id":43893349122243,"sku":"CH319-GR","price":14210.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0549\/3299\/6291\/files\/bfb8781f9944c00643c63c777aeddb98.jpg?v=1724660700","url":"https:\/\/jp.gtplayer.com\/products\/ch318","provider":"GTRACING（ジーティーレーシング）Japan公式サイト","version":"1.0","type":"link"}