{"product_id":"ritmo-latino-womens-rlt-rl02-navy","title":"【EVEN6月号掲載】【Ritmo Latino MILANO】 WOMEN 半袖ポロシャツ NAVY (RLT-RL02)","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;\"\u003e\n\u003cspan\u003eRITMO LATINO MILANO\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eリトモラティーノ ミラノ\u003c\/span\u003e\u003cbr\u003e\n\u003c\/dt\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cb\u003eイタリア・ミラノ発祥の個性派ウォッチブランド「Ritmo Latino（リトモラティーノ）」から、ブランドの世界観をそのまま落とし込んだ\u003cspan style=\"color: rgb(255, 0, 0);\"\u003e新作Tシャツコレクション\u003c\/span\u003eが登場しました。\u003c\/b\u003e\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cb\u003e\u003cstrong data-start=\"190\" data-end=\"222\"\u003e世界で初めてドーム型レンズを採用した独創的な時計デザイン\u003c\/strong\u003eをモチーフにした、遊び心あふれるグラフィックがあしらわれています。リトモラティーノの代表的なウォッチフェイスやパーツを大胆にプリントし、シンプルでありながらも圧倒的な存在感を放つ仕上がり♪\u003cstrong data-start=\"346\" data-end=\"375\"\u003e普段使いからゴルフなどのスポーツシーンまで対応可能\u003c\/strong\u003eなバリエーションをご用意。デザインはもちろん、着心地にもこだわり、コットン素材の柔らかい肌触りや、吸水速乾性に優れた機能素材を採用したタイプなど、シーンに合わせて選べるラインナップです。\u003c\/b\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp style=\"line-height: 1.6; padding: 0px; margin: 20px 0px 20px 0px;\"\u003e\u003cb\u003eカラーバリエーションも豊富で、シンプルなモノトーンから、目を惹くビビッドなブルーやレッドまで展開。\u003cstrong data-start=\"519\" data-end=\"558\"\u003e“身に着けるアート”として、遊び心を大切にした大人のカジュアルスタイル\u003c\/strong\u003eを提案します。\u003c\/b\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\u003cstrong style=\"font-size: 0.875rem;\"\u003e\u003c\/strong\u003e\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\u003cstrong\u003eRLT-RL02-NAVY\u003c\/strong\u003e\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e\n\u003cbr\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仕様\u003c\/dt\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003eカラー：NAVY(ネイビー)\u003cbr\u003e\n\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e素材：ポリエステル100%\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cstyle\u003e\n        \/* テーブル全体のスタイル *\/\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 20px 0;\n        }\n        \n        \/* テーブルヘッダー *\/\n        th {\n            background-color: #f2f2f2;\n            text-align: center;\n            padding: 12px;\n        }\n        \n        \/* テーブルセル *\/\n        td {\n            text-align: center;\n            padding: 12px;\n            border: 1px solid #ddd;\n        }\n        \n        \/* テーブルのレスポンシブ対応 *\/\n        .responsive-table {\n            overflow-x: auto;\n            -webkit-overflow-scrolling: touch;\n            display: block;\n        }\n        \n        \/* テーブルヘッダーの色を変える *\/\n        th {\n            background-color: #5dbab7;\n            color: white;\n        }\n\n        \/* モバイル対応：小さい画面でもテーブルが横スクロール可能 *\/\n        @media screen and (max-width: 600px) {\n            table {\n                width: 100%;\n                font-size: 12px;\n            }\n            th, td {\n                padding: 8px;\n            }\n        }\n    \u003c\/style\u003e\n\u003ch2\u003eサイズ表\u003c\/h2\u003e\n\u003cdiv class=\"responsive-table\"\u003e\n\u003ctable style=\"width: 99.9972%;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 25.417%;\"\u003e\u003c\/th\u003e\n\u003cth style=\"width: 37.3144%;\"\u003eM\u003c\/th\u003e\n\u003cth style=\"width: 37.3144%;\"\u003eL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 25.417%;\"\u003e身丈\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e59.0 cm\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e61.0 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 25.417%;\"\u003e肩幅\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e38.0 cm\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e39.0 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 25.417%;\"\u003e身幅\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e44.0 cm\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e48.0 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 25.417%;\"\u003e袖丈\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e22.0 cm\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e23.0 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 25.417%;\"\u003e着丈\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e55.0 cm\u003c\/td\u003e\n\u003ctd style=\"width: 37.3144%;\"\u003e57.0 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdl style=\"width: 100%; margin: 0 auto;\"\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素材\u003c\/dt\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003e- 本体 -\u003cbr\u003eポリエステル：100% \u003cbr\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備考\u003c\/dt\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複数の店舗にて販売しておりますので、ご注文を頂きましたタイミングによりましては、商品の在庫が切れております、ご\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※付属品は仕様変更等により、予告なく変更する場合がございます。予めご了承ください。\u003c\/dd\u003e\n\u003cdd style=\"margin: 20px 0; padding: 0; line-height: 1.6;\"\u003eお急ぎのお客様はお手数をおかけしますが、お問い合わせをお願い致します。 \u003cbr\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/dd\u003e\n\u003c\/dl\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\/ritmo-latino-woman-coordinate-03\"\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\/muta20260511-06_6786f807-fff0-49d5-bc0c-0aae1d3a07b8.jpg?v=1778471585\"\u003e\n      \u003c\/li\u003e\n\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\/ritmo-latino-woman-coordinate-03\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/muta20260511-06.jpg?v=1778467840\"\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":"Ritmo Latino MILANO","offers":[{"title":"M","offer_id":43675531771974,"sku":"RLT-RL02-NAVY-M","price":17600.0,"currency_code":"JPY","in_stock":true},{"title":"L","offer_id":43675531804742,"sku":"RLT-RL02-NAVY-L","price":17600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0271\/9999\/5974\/files\/RL-02-NAVY_209a259c-772e-4de4-882e-f56607987c7d.jpg?v=1754643534","url":"https:\/\/colony-jp.com\/products\/ritmo-latino-womens-rlt-rl02-navy","provider":"Colony","version":"1.0","type":"link"}