{"product_id":"muta-メッシュ-ショートパンツ-xl-ネイビー-mut-mmmk444228","title":"【muta】メッシュ ショートパンツ L（ブラック） MUT-MMBC190807","description":"\u003cdl style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdt style=\"background: #5dbab7; font-size: 15px; padding: 10px 0; letter-spacing: 2px; text-align: center; font-weight: bold; color: #fff;\"\u003emuta\u003cbr\u003eムータ \u003c\/dt\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cdl style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cp data-path-to-node=\"3\"\u003e\u003cb data-index-in-node=\"0\" data-path-to-node=\"3\"\u003e「大人の海」をコンセプトに、遊び心を忘れないゴルフスタイルを。\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"4\"\u003e2006年に誕生したラグジュアリーブランド「muta」から派生した、マリンライン。\u003cbr\u003eトレードマークの「8」や「ウェーブ」をあしらった独創的なデザインは、海と芝生の上、その両方で圧倒的な存在感を放ちます。\u003c\/p\u003e\n\u003cp data-path-to-node=\"5\"\u003e機能面でも一切の妥協はなく、アクティブな動きを支えるストレッチ素材や吸汗速乾性に優れた高機能ファブリックを採用。\u003c\/p\u003e\n\u003cp data-path-to-node=\"6\"\u003e「既成概念にとらわれない」自由な発想で、マリーンスタイルをゴルフ界に持ち込んだ唯一無二の世界観をお楽しみください。\u003cbr\u003e\u003cb data-index-in-node=\"57\" data-path-to-node=\"6\"\u003eアーバンカジュアルとスポーツを融合させた、大人のためのハイエンド・ゴルフウェア\u003c\/b\u003eです。\u003c\/p\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003eMUT-MMBC190807\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cdl style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdt style=\"background: #c4e2e1; font-size: 15px; padding: 10px 0; letter-spacing: 2px; text-align: center; font-weight: bold;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e商品詳細\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003eMUTA MARINEのナイロンハーフパンツは、水着としても使用可能なラッシュガード仕様で、マリンスポーツに最適です。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e軽量で速乾性に優れ、快適な着心地を提供します。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e同素材のパーカーブルゾンとセットアップが可能で、統一感のあるスタイリッシュなコーディネートが楽しめます。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e機能性とデザイン性を兼ね備えたこのハーフパンツは、夏のアクティブなシーンで活躍する一着です。\u003c\/span\u003e\u003cbr\u003e\n\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/dd\u003e\n\u003cdt style=\"background: #c4e2e1; font-size: 15px; padding: 10px 0; letter-spacing: 2px; text-align: center; font-weight: bold;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e柄・カラー・素材\u003c\/span\u003e\u003c\/dt\u003e\n\u003c\/dl\u003e\n\u003cstyle\u003e\n \n        \/* テーブル全体のスタイル *\/\n \n        table {\n \n            width: 100%;\n \n            border-collapse: collapse;\n \n            margin: 20px 0;\n \n        }\n \n        \/* テーブルヘッダー *\/\n \n        th {\n \n            background-color: #f2f2f2;\n \n            text-align: center;\n \n            padding: 12px;\n \n        }\n \n        \/* テーブルセル *\/\n \n        td {\n \n            text-align: center;\n \n            padding: 12px;\n \n            border: 1px solid #ddd;\n \n        }\n \n        \/* テーブルのレスポンシブ対応 *\/\n \n        .responsive-table {\n \n            overflow-x: auto;\n \n            -webkit-overflow-scrolling: touch;\n \n            display: block;\n \n        }\n \n        \/* テーブルヘッダーの色を変える *\/\n \n        th {\n \n            background-color: #5dbab7;\n \n            color: white;\n \n        }\n \n        \/* モバイル対応：小さい画面でもテーブルが横スクロール可能 *\/\n \n        @media screen and (max-width: 600px) {\n \n            table {\n \n                width: 100%;\n \n                font-size: 12px;\n \n            }\n \n            th, td {\n \n                padding: 8px;\n \n            }\n \n        }\n\u003c\/style\u003e\n\u003cdl style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cp\u003eカラー：.ブラック\u003cbr\u003e素材：ナイロン100％　【裏地】ポリエステル100％\u003cbr\u003e\u003c\/p\u003e\n\u003ch2\u003eサイズ表\u003c\/h2\u003e\n\u003cdiv class=\"responsive-table\"\u003e\n\u003ctable style=\"width: 99.9589%; height: 149.422px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"height: 19.2031px;\"\u003e\n\u003cth style=\"width: 14.0067%; height: 19.2031px;\"\u003e\u003c\/th\u003e\n\u003cth style=\"width: 21.5488%; height: 19.2031px;\"\u003e6（L）\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.2031px;\"\u003e\n\u003ctd style=\"width: 14.0067%; height: 19.2031px;\"\u003eウエスト\u003c\/td\u003e\n\u003ctd style=\"width: 21.5488%; height: 19.2031px;\"\u003e80 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.2031px;\"\u003e\n\u003ctd style=\"width: 14.0067%; height: 19.2031px;\"\u003e股上\u003c\/td\u003e\n\u003ctd style=\"width: 21.5488%; height: 19.2031px;\"\u003e25 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 24.2031px;\"\u003e\n\u003ctd style=\"width: 14.0067%; height: 24.2031px;\"\u003e股下\u003c\/td\u003e\n\u003ctd style=\"width: 21.5488%; height: 24.2031px;\"\u003e23 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 24.2031px;\"\u003e\n\u003ctd style=\"width: 14.0067%; height: 24.2031px;\"\u003e渡り幅\u003c\/td\u003e\n\u003ctd style=\"width: 21.5488%; height: 24.2031px;\"\u003e26 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 24.2031px;\"\u003e\n\u003ctd style=\"width: 14.0067%; height: 24.2031px;\"\u003e裾幅\u003c\/td\u003e\n\u003ctd style=\"width: 21.5488%; height: 24.2031px;\"\u003e24 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cdl style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/dd\u003e\n\u003c!--以下変えなくていい--\u003e\n\u003cdt style=\"background: #c4e2e1; font-size: 15px; padding: 10px 0; letter-spacing: 2px; text-align: center; font-weight: bold;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e備考 \u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e※弊社の取り扱いの商品には、メーカー在庫も含まれております。 \u003c\/span\u003e\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e複数の店舗にて販売しておりますので、ご注文を頂きましたタイミングによりましては、商品の在庫が切れております、ご用意しております在庫確保の可否は、ご注文後にメールにてご案内致します。\u003c\/span\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp style=\"line-height: 1.6; padding: 0px; margin: 20px 0px 20px 0px;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e※発送関係は、土・日・祝とお休みを頂戴しております。\u003c\/span\u003e\u003c\/p\u003e\n\u003cdl style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e※付属品は仕様変更等により、若干異なります。\u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003eお急ぎのお客様は有効ございますが、\u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003eお問い合わせをお願いします。\u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e \u003cbr\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e \u003cspan style=\"vertical-align: inherit;\"\u003e\u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\u003cbr\u003e\n\n\u003cdl style=\"width: 100%; margin: 0 auto;\" class=\"coordinate\"\u003e\n  \u003cdt\u003e\n    \u003ch1\u003eCOORDINATE\u003c\/h1\u003e\n  \u003c\/dt\u003e\n\u003c\/dl\u003e\n\n\u003cdiv class=\"coordinate-container\"\u003e\n  \u003c!-- メイン画像リンク枠（リンク可変） --\u003e\n  \u003ca id=\"main-image-link\" href=\"https:\/\/colony-jp.com\/products\/mens-muta-link1\"\u003e\n    \u003cul class=\"coordinate-carousel\" id=\"main-carousel\"\u003e\n      \u003cli class=\"item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/muta03-coordinate-02-TAP.jpg?v=1772676679\"\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/muta03-coordinate-01-TAP.jpg?v=1772676678\"\u003e\n      \u003c\/li\u003e\n\u003c!--\n      \u003cli class=\"item\"\u003e\n        \u003cimg src=\"画像URL③\"\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"item\"\u003e\n        \u003cimg src=\"画像URL④\"\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"item\"\u003e\n        \u003cimg src=\"画像URL⑤\"\u003e\n--\u003e\n\n    \u003c\/ul\u003e\n  \u003c\/a\u003e\n\n  \u003c!-- サムネイル（data-linkで個別リンク設定） --\u003e\n  \u003cdiv class=\"coordinate-thumbnails\"\u003e\n    \u003cimg class=\"active\" data-index=\"0\" data-link=\"https:\/\/colony-jp.com\/products\/mens-muta-yellow-lobster-%E3%83%A2%E3%83%8E%E3%82%AF%E3%83%AD%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%83%E3%82%B7%E3%83%A5%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%8D%E3%83%BC%E3%83%88\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/muta03-coordinate-02-TAP.jpg?v=1772676679\"\u003e\n    \u003cimg data-index=\"1\" data-link=\"https:\/\/colony-jp.com\/products\/mens-muta-yellow-lobster-%E3%83%A2%E3%83%8E%E3%82%AF%E3%83%AD%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%83%E3%82%B7%E3%83%A5%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%8D%E3%83%BC%E3%83%88\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/muta03-coordinate-01-TAP.jpg?v=1772676678\"\u003e\n\u003c!--\n    \u003cimg data-index=\"2\" data-link=\"リンクURL③\" src=\"画像URL③\"\u003e\n    \u003cimg data-index=\"3\" data-link=\"リンクURL④\" src=\"画像URL④\"\u003e\n    \u003cimg data-index=\"4\" data-link=\"リンクURL⑤\" src=\"画像URL⑤\"\u003e\n--\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* 既存スタイルはそのまま *\/\n.coordinate-container ul { list-style: none; padding: 0; margin: 0; }\n.coordinate h1 { position: relative; padding: 1.5rem 1rem; text-align: center; color: #5dbab7; }\n.coordinate h1:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; content: ''; background-image: repeating-linear-gradient(-45deg, #5dbab7, #5dbab7 1px, transparent 2px, transparent 5px); background-size: 7px 7px; }\n.coordinate-container { width: 100%; max-width: 600px; }\n.coordinate-carousel { display: flex !important; flex-direction: row !important; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }\n.coordinate-carousel::-webkit-scrollbar { display: none; }\n.coordinate-carousel .item { flex: 0 0 100%; scroll-snap-align: start; border-radius: 12px; overflow: hidden; }\n.coordinate-carousel img { width: 100%; height: auto; display: block; border-radius: 12px; }\n.coordinate-thumbnails { display: flex; align-items: center; gap: 10px; margin-top: 15px; overflow-x: auto; padding-bottom: 5px; -webkit-overflow-scrolling: touch; }\n.coordinate-thumbnails::-webkit-scrollbar { display: none; }\n.coordinate-thumbnails img { width: 60px; height: 60px; min-width: 60px; object-fit: cover; border-radius: 8px; cursor: pointer; border: 2px solid transparent; display: block; flex-shrink: 0; }\n.coordinate-thumbnails img.active { border: 2px solid #5dbab7; }\n@media (max-width: 768px) { .coordinate-container { padding: 0 10px; margin: 3rem 0 0 0; } }\n.coordinate-container .coordinate-carousel \u003e *, .coordinate-container .coordinate-thumbnails \u003e * { margin-block-start: 0 !important; }\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst carousel = document.getElementById('main-carousel');\nconst mainLink = document.getElementById('main-image-link');\nconst thumbnails = document.querySelectorAll('.coordinate-thumbnails img');\n\nlet currentIndex = 0;\n\n\/\/ 初期リンクセット\nmainLink.href = thumbnails[0].dataset.link || mainLink.href;\n\n\/\/ サムネイルクリックでメイン画像切替＋リンク切替\nthumbnails.forEach(thumb =\u003e {\n  thumb.addEventListener('click', () =\u003e {\n    const index = parseInt(thumb.dataset.index);\n    const link = thumb.dataset.link || mainLink.href;\n    currentIndex = index;\n    scrollToIndex(index);\n    updateActiveThumbnail(index);\n    mainLink.href = link;\n  });\n});\n\n\/\/ スクロール時にアクティブサムネイル更新\ncarousel.addEventListener('scroll', () =\u003e {\n  const scrollLeft = carousel.scrollLeft;\n  const itemWidth = carousel.offsetWidth;\n  const index = Math.round(scrollLeft \/ itemWidth);\n  if(index !== currentIndex){\n    currentIndex = index;\n    updateActiveThumbnail(index);\n    const thumb = thumbnails[index];\n    if(thumb \u0026\u0026 thumb.dataset.link){\n      mainLink.href = thumb.dataset.link;\n    }\n  }\n});\n\n\/\/ スワイプ対応：左右にスクロール\nfunction scrollToIndex(index){\n  const itemWidth = carousel.offsetWidth;\n  carousel.scrollTo({ left: itemWidth * index, behavior: 'smooth' });\n}\n\n\/\/ サムネイルのactive切替\nfunction updateActiveThumbnail(index){\n  thumbnails.forEach(t =\u003e t.classList.remove('active'));\n  if(thumbnails[index]) thumbnails[index].classList.add('active');\n}\n\u003c\/script\u003e","brand":"muta","offers":[{"title":"6(L)","offer_id":44682643701830,"sku":"MUT-MMBC190807-BK-6","price":25300.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/MMBC-190807-BK_1_f1363de6-5413-4d93-84fb-8f383494428a.png?v=1772086238","url":"https:\/\/colony-jp.com\/ko\/products\/muta-%e3%83%a1%e3%83%83%e3%82%b7%e3%83%a5-%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%83%91%e3%83%b3%e3%83%84-xl-%e3%83%8d%e3%82%a4%e3%83%93%e3%83%bc-mut-mmmk444228","provider":"Colony","version":"1.0","type":"link"}