{"title":"マウスパッド","description":"\u003ch1\u003eエルゴノミックマウスパッド – 手首をサポートし、快適さを向上\u003c\/h1\u003e\n\u003cp\u003eProtoArcのマウスパッドは、長時間のパソコン作業中の手首の負担を軽減し、疲労を防ぐよう設計されています。MP50は8°のエルゴノミック傾斜、マッサージ突起付きのメモリーフォーム手首レスト、正確なトラッキングを可能にする滑らかなライクラ表面、滑り止めPUベースを備えています。仕事、デザイン、ゲームのいずれでも、手首を自然でリラックスした位置に保ちます。\u003c\/p\u003e\n\u003ch2\u003eなぜProtoArcのマウスパッドを選ぶのか？\u003c\/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003e8°のエルゴノミック傾斜\u003c\/strong\u003e – 手首を中立角度に持ち上げ、手根管への圧力を軽減します。\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eメモリーフォームコア\u003c\/strong\u003e – ゆっくり戻るフォームが手首にフィットし、一日中快適でへたりません。\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eマッサージ突起デザイン\u003c\/strong\u003e – 優しいテクスチャーが空気循環を促し、汗を減らします。\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003e滑らかなライクラ表面\u003c\/strong\u003e – 低摩擦の生地で高速かつ正確なマウストラッキング（光学式、レーザー式、ワイヤレス）を実現します。\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003e滑り止めPUベース\u003c\/strong\u003e – 素早い動きでもパッドをしっかり固定します。\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eゆったりサイズ\u003c\/strong\u003e – 30 x 19.5 x 3 cm（11.8 x 7.7 x 1.2インチ）で、オフィスやゲーミングマウスに十分な広さです。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eマウス体験をアップグレード\u003c\/h2\u003e\n\u003cp\u003e標準的なマウスパッドは手首の健康に役立ちません。ProtoArcのエルゴノミックマウスパッドは手首を積極的にサポートし、不快感なく何時間もクリックやスクロールが可能です。自宅のオフィス、企業のデスク、ゲーミング環境に最適です。\u003c\/p\u003e\n\u003cp\u003e完全なエルゴノミックアクセサリーをお探しなら、\u003ca href=\"\/ja-jp\/collections\/seat-cushions\"\u003eシートクッション\u003c\/a\u003e、\u003ca href=\"\/ja-jp\/collections\/touchpads\"\u003eタッチパッド\u003c\/a\u003e、または\u003ca href=\"\/ja-jp\/collections\/accessories\"\u003eすべてのアクセサリー\u003c\/a\u003eをご覧ください。手首の痛み緩和には\u003ca href=\"\/ja-jp\/collections\/wrist-pain\"\u003e手首の痛み対策\u003c\/a\u003eもおすすめです。\u003c\/p\u003e","products":[{"product_id":"mp50-ergonomic-mouse-pad","title":"MP50 リストレスト付きエルゴノミックマウスパッド","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\u003cstyle\u003e\n\/* ===== Global Reset + Brand Standards ===== *\/\n* { margin:0; padding:0; box-sizing:border-box; }\nbody { background-color: #ffffff; font-family: Arial, sans-serif; }\n.responsive { width: 100%; height: auto; }\n\n\/* Top Title Area *\/\n.k90-feature-wrap {\n    margin: 40px auto 0;\n    padding: 0 20px;\n    text-align: center;\n}\n.k90-model {\n    font-size: 35px;\n    font-weight: 700;\n    color: #f3a330;\n    margin-bottom: 8px;\n    line-height: 1.2;\n}\n.k90-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: #222;\n    line-height: 1.3;\n    margin-bottom: 30px;\n}\n@media (max-width:750px) {\n    .k90-model {font-size:22px;}\n    .k90-title {font-size:18px; margin-bottom:20px;}\n}\n\n\/* Selling Point Icon Area *\/\n.page_specs_container2 {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    width: 100% !important;\n    margin: 0 auto !important;\n    background-color: #f5f7f8;\n    padding: 10px 0 !important;\n}\n.specs_wrapper2 {\n    width: 33.3333% !important;\n    flex: 0 0 33.3333% !important;\n    padding: 25px 15px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    min-height: 120px !important;\n    box-sizing: border-box !important;\n}\n@media (max-width:750px) {\n    .page_specs_container2 {max-width: 100% !important;}\n    .specs_wrapper2 {\n        width: 50% !important; \n        flex: 0 0 50% !important;\n        padding:20px 8px !important;\n        min-height: 100px !important;\n    }\n}\n.gm_icon_blocks_a {\n    line-height: 1.5;\n    color: #000000;\n    font-size: 14px;\n    margin: auto;\n    text-align: center;\n    width: 100%;\n}\n.material-icons_shopifyuse {\n    font-family: 'Material Icons_shopifyuse';\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1;\n    display: block;\n    text-align: center;\n    font-size: 28px;\n    color: #f3a330;\n    margin-bottom: 12px;\n}\n@media (max-width:750px) {\n    .material-icons_shopifyuse {font-size:24px;}\n}\n\n\/* ===== Core Adjustment: Carousel Area Layout (Title Top \/ Image Middle \/ Text Bottom) ===== *\/\n.product_detail_banner {\n    position: relative;\n    display: block;\n    text-align: center;\n    background-color: #ffffff;\n    margin: 40px auto 0; \/* Carousel section spacing *\/\n    padding: 0 20px 30px;\n}\n\n\/* Carousel Title (Separated, placed above carousel images) *\/\n.carousel-title {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom:20px;\n    color:#222;\n    line-height:1.2;\n    text-align: center;\n}\n\n\/* Carousel Container (Center display, core fix for arrow centering) *\/\n.carousel-container {\n    position: relative;\n    overflow: hidden;\n    touch-action: pan-y;\n    display: block !important;\n    margin: 0 auto 20px; \/* Spacing between carousel image and text below *\/\n    width: 100% !important;\n    \/* Ensure container height follows image, arrows centered *\/\n    aspect-ratio: 1464 \/ 600; \/* Match image ratio, force container ratio *\/\n}\n.carousel-slides {\n    display: flex;\n    transition: transform 0.3s ease-out;\n    will-change: transform;\n    height: 100%; \/* Carousel slides fill container height *\/\n}\n.carousel-slide {\n    width: 100% !important;\n    flex-shrink: 0;\n    height: 100%; \/* Carousel slide fill container height *\/\n}\n.carousel-slide img {\n    display: block;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: contain; \/* Image center display, no stretching *\/\n}\n\n\/* Carousel Text Description (Below carousel) *\/\n.carousel-desc {\n    line-height: 1.6;\n    color: #555;\n    font-size:14px;\n    text-align: center;\n    padding: 0 10px;\n}\n\n\/* Carousel Arrows (Vertically centered based on container height) *\/\n.carousel-prev, .carousel-next {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%); \/* Precise vertical centering *\/\n    background: rgba(255,255,255,0.8);\n    border: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index:10;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n    transition: all 0.2s ease;\n}\n.carousel-prev {left: 15px;}\n.carousel-next {right: 15px;}\n.carousel-prev::before {\n    content:''; width:8px; height:8px;\n    border-top:2px solid #f3a330; border-left:2px solid #f3a330;\n    transform: rotate(-45deg);\n}\n.carousel-next::before {\n    content:''; width:8px; height:8px;\n    border-top:2px solid #f3a330; border-right:2px solid #f3a330;\n    transform: rotate(45deg);\n}\n.carousel-prev:hover, .carousel-next:hover {background:#fff;}\n@media (max-width:750px) {\n    .carousel-prev, .carousel-next {width:32px; height:32px;}\n    .carousel-prev {left:8px;}\n    .carousel-next {right:8px;}\n}\n\n\/* Carousel Dots *\/\n.carousel-dots {\n    position: absolute;\n    bottom:20px;\n    left:50%;\n    transform: translateX(-50%);\n    display:flex;\n    gap:10px;\n    z-index:10;\n}\n.carousel-dot {\n    width:10px;\n    height:10px;\n    border-radius:50%;\n    background:rgba(255,255,255,0.6);\n    cursor:pointer;\n    transition:all 0.3s ease;\n}\n.carousel-dot.active {\n    background:#f3a330;\n    width:24px;\n    border-radius:5px;\n}\n@media (max-width:750px) {\n    .carousel-dot {width:8px; height:8px;}\n    .carousel-dot.active {width:20px;}\n}\n\n\/* Font Library *\/\n@font-face {\n    font-family: 'Material Icons_shopifyuse';\n    font-style: normal;\n    font-weight: 400;\n    src: url(https:\/\/fonts.gstatic.com\/s\/materialicons\/v128\/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');\n    font-display: swap;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- Top Title Area --\u003e\n\u003cdiv class=\"k90-feature-wrap\"\u003e\n    \u003cdiv class=\"k90-model\"\u003eMP50\u003c\/div\u003e\n    \u003cdiv class=\"k90-title\"\u003eProtoArc エルゴノミクスマウスパッド\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Selling Point Icon Area --\u003e\n\u003cdiv class=\"page_specs_container2\"\u003e\n    \u003cdiv class=\"specs_wrapper2\"\u003e\n        \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n            \u003cspan class=\"material-icons_shopifyuse\"\u003eアクセシビリティ\u003c\/span\u003e\n            \u003cp\u003e8°エルゴノミクス\u003cbr\u003e傾斜\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"specs_wrapper2\"\u003e\n        \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n            \u003cspan class=\"material-icons_shopifyuse\"\u003eスパ\u003c\/span\u003e\n            \u003cp\u003eマッサージ\u003cbr\u003eビーズデザイン\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"specs_wrapper2\"\u003e\n        \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n            \u003cspan class=\"material-icons_shopifyuse\"\u003efitness_center\u003c\/span\u003e\n            \u003cp\u003eプレミアム\u003cbr\u003eメモリーフォーム\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"specs_wrapper2\"\u003e\n        \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n            \u003cspan class=\"material-icons_shopifyuse\"\u003e質感\u003c\/span\u003e\n            \u003cp\u003e高品質\u003cbr\u003ePUレザー\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"specs_wrapper2\"\u003e\n        \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n            \u003cspan class=\"material-icons_shopifyuse\"\u003eロック\u003c\/span\u003e\n            \u003cp\u003e滑り止め\u003cbr\u003ePUベース\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"specs_wrapper2\"\u003e\n        \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n            \u003cspan class=\"material-icons_shopifyuse\"\u003etrack_changes\u003c\/span\u003e\n            \u003cp\u003e正確\u003cbr\u003eマウストラッキング\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- First Carousel (Ergonomic Comfort Support) --\u003e\n\u003cdiv class=\"product_detail_banner\"\u003e\n    \u003c!-- Carousel Title (Top) --\u003e\n    \u003ch4 class=\"carousel-title\"\u003eエルゴノミクス8°傾斜＆快適さ\u003c\/h4\u003e\n    \u003c!-- Carousel Images (Middle) - Replace with actual image links --\u003e\n    \u003cdiv class=\"carousel-container\" aria-label=\"Ergonomic comfort carousel\"\u003e\n        \u003cbutton class=\"carousel-prev\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"carousel-next\"\u003e\u003c\/button\u003e\n        \u003cdiv class=\"carousel-slides\"\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/58541a59-aed4-477c-bf70-47f6f92b6ba3.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1766713163\" loading=\"lazy\" alt=\"8°エルゴノミクス傾斜デザイン\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/122b1f43-7f29-45f1-9bac-202afa71775a.__CR0_0_1464_600_PT0_SX1464_V1____1.png?v=1766713163\" loading=\"lazy\" alt=\"手首の快適さを促進するマッサージビーズ\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/06467c3e-d229-4fbf-9bfe-f5672342cc80.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1766713163\" loading=\"lazy\" alt=\"手根管症候群の緩和\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"carousel-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- Carousel Text (Bottom) --\u003e\n    \u003cdiv class=\"carousel-desc\"\u003e\n        このエルゴノミクスマウスパッドは8度の傾斜を持ち、手首と手のひらを安定的にサポート。長時間の使用による疲労を効果的に軽減し、手根管症候群（CTS）に伴う不快感の改善にも役立ちます。マッサージ突起のデザインは空気の循環を促進し、汗による不快感を防ぎ、一日中手首を涼しく乾いた状態に保ちます。\u003cbr\u003e\u003cbr\u003e慣れるまでの期間：初回使用時は1～2週間の適応期間が必要です。\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Second Carousel (PU Surface \u0026 Non-Slip Base) --\u003e\n\u003cdiv class=\"product_detail_banner\"\u003e\n    \u003c!-- Carousel Title (Top) --\u003e\n    \u003ch4 class=\"carousel-title\"\u003e滑り止めベース＆正確なトラッキングを備えたPU表面\u003c\/h4\u003e\n    \u003c!-- Carousel Images (Middle) - Replace with actual image links --\u003e\n    \u003cdiv class=\"carousel-container\" aria-label=\"PU surface carousel\"\u003e\n        \u003cbutton class=\"carousel-prev\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"carousel-next\"\u003e\u003c\/button\u003e\n        \u003cdiv class=\"carousel-slides\"\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/9ca58383-2461-474f-8ad6-73bbc894c034.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1766713163\" loading=\"lazy\" alt=\"滑らかなPUレザー表面\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/875049e3-02dd-4520-bdfb-a2ad98c723c1.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1766713163\" loading=\"lazy\" alt=\"滑り止めPUベース\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"carousel-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- Carousel Text (Bottom) --\u003e\n    \u003cdiv class=\"carousel-desc\"\u003e\n        滑らかなPUレザー表面でピクセル単位の正確なトラッキングを実現し、滑り止めのラバーベースでしっかりと安定。二重構造でスムーズかつコントロールしやすい動きを保証します。滑らかな表面はマウスの滑りを軽減し、正確なカーソル操作を可能にし、ワイヤレス、縦型、ゲーミングマウスに対応しています。\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Third Carousel (Size \u0026 Applicability) --\u003e\n\u003cdiv class=\"product_detail_banner\"\u003e\n    \u003c!-- Carousel Title (Top) --\u003e\n    \u003ch4 class=\"carousel-title\"\u003eすべてのユーザーに最適なサイズ＆幅広い用途\u003c\/h4\u003e\n    \u003c!-- Carousel Images (Middle) - Replace with actual image links --\u003e\n    \u003cdiv class=\"carousel-container\" aria-label=\"Size and applicability carousel\"\u003e\n        \u003cbutton class=\"carousel-prev\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"carousel-next\"\u003e\u003c\/button\u003e\n        \u003cdiv class=\"carousel-slides\"\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/eac66cf1-cfa4-4941-94c9-be3e73785d29.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1766713162\" loading=\"lazy\" alt=\"11.81x7.67インチサイズ\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/9ca58383-2461-474f-8ad6-73bbc894c034.__CR0_0_1464_600_PT0_SX1464_V1____1.png?v=1766713163\" loading=\"lazy\" alt=\"家庭用／オフィス用／ゲーム用\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"carousel-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- Carousel Text (Bottom) --\u003e\n    \u003cdiv class=\"carousel-desc\"\u003e\n        サイズは30x19.5x4cm（11.81x7.67x1.57インチ）で、マウスの動きに十分なスペースを提供し、右利き・左利きの両方に適しています。ゲーム、オフィス作業、家庭用に最適です。ご注意：初めてこのエルゴノミクスマウスパッドを使用する際は形状に慣れるまで時間がかかるため、最初は不便に感じるかもしれませんが、長時間のマウス使用による手首の負担や痛みを軽減するのに役立ちます。\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Carousel JS (Keep unchanged) --\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.carousel-container').forEach(container =\u003e {\n    const slides = container.querySelector('.carousel-slides');\n    const slideItems = container.querySelectorAll('.carousel-slide');\n    const prevBtn = container.querySelector('.carousel-prev');\n    const nextBtn = container.querySelector('.carousel-next');\n    const dotsContainer = container.querySelector('.carousel-dots');\n    const slideCount = slideItems.length;\n    let currentIndex = 0;\n    let isDragging = false;\n    let startX = 0;\n    let startTranslate = 0;\n    let currentTranslate = 0;\n    let autoPlayInterval;\n\n    const generateDots = () =\u003e {\n        dotsContainer.innerHTML = '';\n        slideItems.forEach((_, index) =\u003e {\n            const dot = document.createElement('div');\n            dot.className = `carousel-dot ${index === 0 ? 'active' : ''}`;\n            dot.addEventListener('click', () =\u003e goToSlide(index));\n            dotsContainer.appendChild(dot);\n        });\n    };\n    const getSlideWidth = () =\u003e slideItems[0].offsetWidth;\n    const updateCarousel = () =\u003e {\n        const slideWidth = getSlideWidth();\n        currentTranslate = -currentIndex * slideWidth;\n        slides.style.transform = `translateX(${currentTranslate}px)`;\n        container.querySelectorAll('.carousel-dot').forEach((dot, i) =\u003e {\n            dot.classList.toggle('active', i === currentIndex);\n        });\n    };\n    const goToSlide = (index) =\u003e {currentIndex = index; updateCarousel(); resetAutoPlay();};\n    const prevSlide = () =\u003e {currentIndex = (currentIndex -1 + slideCount) % slideCount; updateCarousel(); resetAutoPlay();};\n    const nextSlide = () =\u003e {currentIndex = (currentIndex +1) % slideCount; updateCarousel(); resetAutoPlay();};\n\n    const handleTouchStart = (e) =\u003e {\n        isDragging = true; startX = e.touches[0].clientX; startTranslate = currentTranslate; slides.style.transition = 'none'; resetAutoPlay();\n    };\n    const handleTouchMove = (e) =\u003e {\n        if (!isDragging) return;\n        const diffX = e.touches[0].clientX - startX;\n        currentTranslate = (currentIndex===0\u0026\u0026diffX\u003e0)||(currentIndex===slideCount-1\u0026\u0026diffX\u003c0) ? startTranslate + diffX*0.3 : startTranslate + diffX;\n        slides.style.transform = `translateX(${currentTranslate}px)`;\n    };\n    const handleTouchEnd = (e) =\u003e {\n        if (!isDragging) return; isDragging = false; slides.style.transition = 'transform 0.3s ease-out';\n        const diffX = e.changedTouches[0].clientX - startX;\n        const threshold = getSlideWidth() * 0.15;\n        diffX\u003ethreshold ? prevSlide() : diffX\u003c-threshold ? nextSlide() : updateCarousel();\n    };\n\n    const startAutoPlay = () =\u003e autoPlayInterval = setInterval(nextSlide,5000);\n    const resetAutoPlay = () =\u003e {clearInterval(autoPlayInterval); startAutoPlay();};\n    window.addEventListener('resize', updateCarousel);\n    slideItems.forEach(s=\u003es.querySelector('img').addEventListener('load',updateCarousel));\n\n    prevBtn.addEventListener('click', prevSlide);\n    nextBtn.addEventListener('click', nextSlide);\n    container.addEventListener('touchstart', handleTouchStart, {passive:true});\n    container.addEventListener('touchmove', handleTouchMove, {passive:true});\n    container.addEventListener('touchend', handleTouchEnd);\n    container.addEventListener('mouseenter',()=\u003eclearInterval(autoPlayInterval));\n    container.addEventListener('mouseleave', startAutoPlay);\n\n    generateDots();\n    slideItems[0].querySelector('img').complete ? updateCarousel() : slideItems[0].querySelector('img').addEventListener('load', updateCarousel);\n    startAutoPlay();\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ProtoArc","offers":[{"title":"Black","offer_id":42943090589785,"sku":"CP016706","price":26.59,"currency_code":"USD","in_stock":false},{"title":"Gray","offer_id":42943119720537,"sku":"CP016708","price":28.49,"currency_code":"USD","in_stock":false},{"title":"Beige","offer_id":42943119753305,"sku":"CP016707","price":28.49,"currency_code":"USD","in_stock":false},{"title":"Black PU Leather","offer_id":42943146197081,"sku":"CP016704","price":20.49,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/MP50_Mouse_Pad_Main.png?v=1775031852"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/collections\/mousepad_collection_cover.webp?v=1778299407","url":"https:\/\/www.protoarc.com\/ja-jp\/collections\/mouse-pads.oembed","provider":"ProtoArc","version":"1.0","type":"link"}