{"product_id":"mock-neck-spring-outing-fair","title":"\u003c男女兼用\u003eメリノウールモックネック長袖Tシャツ (Spring Outing Fair)","description":"\u003c!-- ==================== CSS 全体 ==================== --\u003e\n\u003cstyle\u003e\n  \/* ベース *\/\n  body {\n    font-family: 'Noto Sans JP', sans-serif;\n    background-color: #FFFFF9;\n    color: #48350D;\n    margin: 0;\n    padding: 0;\n  }\n  .container {\n    max-width: 1024px;\n    margin: 0 auto;\n    padding: 1rem;\n  }\n  .text-primary-dark { color: #48350D; }\n  .text-secondary-dark { color: #6B705C; }\n  .accent-bg { background-color: #8D8741; }\n  .accent-hover:hover { background-color: #6B705C; }\n\n  \/* 見出し *\/\n  .section-heading {\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: #48350D;\n    border-left: 4px solid #8D8741;\n    padding-left: 1rem;\n    margin-bottom: 1.5rem;\n  }\n\n  \/* 折りたたみ *\/\n  .collapsible-summary {\n    font-weight: 600;\n    color: #48350D;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    padding: 1rem 0;\n  }\n  .collapsible-summary svg {\n    width: 0.875rem;\n    height: 0.875rem;\n    transition: transform 0.3s;\n  }\n  details[open] .collapsible-summary svg {\n    transform: rotate(180deg);\n  }\n  .collapsible-content {\n    padding-top: 1rem;\n    border-top: 1px solid #E0E0E0;\n  }\n\n  \/* テーブル *\/\n  .size-chart {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 1rem 0;\n    font-family: Arial, sans-serif;\n  }\n  .size-chart th, .size-chart td {\n    border: 1px solid #ddd;\n    padding: 8px;\n    text-align: center;\n  }\n  .size-chart th {\n    background-color: #f2f2f2;\n    font-weight: bold;\n  }\n  .size-chart tbody tr:nth-child(even) {\n    background-color: #f9f9f9;\n  }\n  .size-chart tbody tr:hover {\n    background-color: #f1f1f1;\n  }\n\n  \/* ギャラリー *\/\n  #staff-coords-gallery {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    gap: 1.5rem;\n    padding-bottom: 1rem;\n  }\n  .staff-coord-item {\n    flex: 0 0 calc((100% - (1.5rem * 4)) \/ 5);\n    min-width: 180px;\n    text-align: center;\n  }\n\n  \/* ライトボックス *\/\n  .lightbox-overlay {\n    position: fixed;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: rgba(0,0,0,0.8);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    z-index: 9999;\n  }\n  .lightbox-overlay.active {\n    display: flex;\n  }\n  .lightbox-content img {\n    max-width: 90%;\n    max-height: 80vh;\n    border-radius: 0.75rem;\n  }\n  .lightbox-close {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    font-size: 2rem;\n    color: #fff;\n    cursor: pointer;\n    background: none;\n    border: none;\n    opacity: 0.8;\n  }\n  .lightbox-close:hover {\n    opacity: 1;\n  }\n  .feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n.feature-item {\n  text-align: center;\n}\n\n.feature-item-title {\n  font-size: 1.25rem;    \/* 見出しを18px相当に *\/\n  font-weight: 600;\n  color: #48350D;\n  margin-bottom: 0.5rem;\n}\n\n.feature-item-desc {\n  font-size: 1.25rem;        \/* 説明文を16px相当に *\/\n  color: #6B705C;\n  line-height: 1.6;\n}\n  .carousel-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.carousel-container {\n  overflow: hidden;\n  \/* 2枚分の幅 + gap *\/\n  width: calc(3 * 200px + 16px);\n  margin: 0 0.5rem;\n}\n\n.carousel-track {\n  display: flex;\n  gap: 16px;\n  transition: transform 0.4s ease;\n}\n\n.staff-coord-item {\n  flex: 0 0 200px; \/* 各アイテム幅 *\/\n}\n\n.carousel-btn {\n  background: rgba(0,0,0,0.3);\n  color: #fff;\n  border: none;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 1.2rem;\n  line-height: 32px;\n  text-align: center;\n  z-index: 2;\n  display: none; \/* 初期は隱藏 *\/\n}\n\n.carousel-btn:hover {\n  background: rgba(0,0,0,0.6);\n}\n\n\/* 左右ボタン表示位置 *\/\n.carousel-btn.prev { position: absolute; left: 0; }\n.carousel-btn.next { position: absolute; right: 0; }\n.carousel-card,\n.card {\n  background-color: #ffffff;            \/* 白底 *\/\n  border-radius: 0.5rem;                \/* 圆角 8px *\/\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  \/* 轻微阴影 *\/\n  padding: 2rem;                        \/* 内边距 *\/\n  margin: 2.5rem 0;                     \/* 上下外边距 *\/\n  position: relative;                   \/* 让内部绝对定位元素（箭头）相对定位 *\/\n}\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003c!-- 0. メインキャッチコピー \u0026 商品概要 --\u003e\n\u003csection\u003e\n\u003ch2 class=\"section-heading\"\u003e日常を極める、上質の一枚。\u003cbr\u003eメリノウールモックネック長袖Tシャツ\u003c\/h2\u003e\n\u003cp style=\"line-height: 1.75; margin-bottom: 2rem;\" class=\"text-primary-dark\"\u003e洗練されたモックネックが特徴のウール素材の長袖Tシャツです。上質な日本製ファインメリノウールを使用し、スーパー100の質感で、肌触りがとても柔らかく快適です。余裕と優雅さを感じさせるスタイリッシュなデザインに仕上げました。C MOCK NECKウールＴシャツは、あなたの大人のスタイルをより一層引き立ててくれます。ビジネスシーンからカジュアルなお出かけまで、幅広いシチュエーションで着用できます。モックネックが首元をしっかりとカバーし、チクチク感もなく快適な着心地を実現します。オフィスでの大事なプレゼンテーションやデートのおしゃれなディナーなど、優雅で落ち着いた雰囲気を醸し出し、あなたのファッションセンスを格上げしてくれます。\n\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 1. サイズガイド \u0026 お手入れ方法 --\u003e\n\u003csection style=\"margin: 2.5rem 0; padding: 2rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\u003e\n\u003ch2 class=\"section-heading\"\u003eサイズガイド \u0026amp; お手入れ方法\u003c\/h2\u003e\n\u003c!-- サイズガイド --\u003e\n\u003cdetails style=\"border-bottom:1px solid #ddd; padding:1rem 0;\"\u003e\n      \u003csummary class=\"collapsible-summary\"\u003e\n        \u003cspan\u003eサイズガイド\u003c\/span\u003e\n        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" stroke=\"#48350D\" fill=\"none\"\u003e\n          \u003cpath d=\"M19 9l-7 7-7-7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/summary\u003e\n      \u003cdiv class=\"collapsible-content\"\u003e\n        \u003ctable class=\"size-chart\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eサイズ\u003c\/th\u003e\n              \u003cth\u003e着丈\u003c\/th\u003e\n              \u003cth\u003eバスト\u003c\/th\u003e\n              \u003cth\u003e肩幅\u003c\/th\u003e\n              \u003cth\u003e袖丈\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e65cm\u003c\/td\u003e\n\u003ctd\u003e91cm\u003c\/td\u003e\n\u003ctd\u003e40cm\u003c\/td\u003e\n\u003ctd\u003e55cm\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e69cm\u003c\/td\u003e\n\u003ctd\u003e105cm\u003c\/td\u003e\n\u003ctd\u003e46cm\u003c\/td\u003e\n\u003ctd\u003e60cm\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e73cm\u003c\/td\u003e\n\u003ctd\u003e113cm\u003c\/td\u003e\n\u003ctd\u003e48cm\u003c\/td\u003e\n\u003ctd\u003e61cm\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eLL\u003c\/td\u003e\n\u003ctd\u003e76cm\u003c\/td\u003e\n\u003ctd\u003e119cm\u003c\/td\u003e\n\u003ctd\u003e50cm\u003c\/td\u003e\n\u003ctd\u003e62cm\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"text-secondary-dark\" style=\"font-size:0.875rem; margin-top:1rem;\"\u003e\n          ※上記は平置き採寸です。多少の誤差はご容赦ください。\u003cbr\u003e\n          ご自身の普段のTシャツとサイズを比較いただくことをお勧めします。\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\u003c!-- お手入れ方法 --\u003e\n\u003cdetails style=\"border-bottom: 1px solid #ddd; padding: 1rem 0; margin-top: 1rem;\"\u003e\n\u003csummary class=\"collapsible-summary\"\u003e\u003cspan\u003eお手入れ方法\u003c\/span\u003e \u003csvg fill=\"none\" stroke=\"#48350D\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"collapsible-content\"\u003e\n\u003ca data-full-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/2025-06-27_122124.png?v=1750994717\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/2025-06-27_122124.png?v=1750994717\"\u003e \u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 1rem;\" alt=\"C-oneメリノウールのお手入れ方法\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/2025-06-27_122124.png?v=1750994717\"\u003e \u003c\/a\u003e\n\u003cp style=\"font-size: 0.875rem;\" class=\"text-secondary-dark\"\u003eC-oneのSuper100'sメリノウールは、高品質ながらご自宅で簡単にケアできるよう設計されています。適切なケアで、長くご愛用いただけます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- 2. デザイナーのこだわり --\u003e\n\u003csection style=\"margin: 2.5rem 0; padding: 2rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\u003e\n\u003ch2 class=\"section-heading\"\u003eデザイナーのこだわり\u003c\/h2\u003e\n\u003cp style=\"line-height: 1.75; margin-bottom: 1.5rem;\" class=\"text-primary-dark\"\u003eC-oneのTシャツは、単なる服ではありません。着用者の日常に安らぎと洗練をもたらすため、見えない部分にこそデザイナーの情熱と哲学が宿っています。\u003c\/p\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\n\u003ch2 style=\"font-size: 1.8rem; font-weight: 600; color: #48350d; margin-bottom: 0.5rem;\"\u003e\u003cstrong\u003e 01. 首元を美しく演出してくれる絶妙なサイズ感 \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/20230810hope_model_0440.jpg?v=1697107394\"\u003e\n\u003cp style=\"line-height: 1.6;\" class=\"text-primary-dark\"\u003e首を締め付けない、絶妙なサイズ感を修正を重ねることで実現しました。チクチク感もなく快適な着心地。ビジネスシーンからカジュアルなお出掛けまで様々なシーンでスタイティッシュに引き立ててくれます。\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/IMG_1657.jpg?v=1697107410\"\u003e\n\u003cp style=\"line-height: 1.6;\" class=\"text-primary-dark\"\u003e衿がやや高めで首元まで温かく、ジャケット着用の際にジャケットの衿が汚れたり直接肌に触れることがないデザイン。\u003cbr\u003e\u003cbr\u003eビジネスシーンからカジュアルなお出掛けまで様々なシーンでスタイティッシュに引き立ててくれます。\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\n\u003ch2 style=\"font-size: 1.8rem; font-weight: 600; color: #48350d; margin-bottom: 0.5rem;\"\u003e\u003cstrong\u003e 02. 袖口・裾をスッキリ見せるこだわりのデザイン \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/20230810hope_model_0416.jpg?v=1697108807\"\u003e\n\n\u003cp style=\"line-height: 1.6;\" class=\"text-primary-dark\"\u003e袖口と裾は切替仕様で、メリハリのあるシルエットを演出。\u003cbr\u003e着用すると自然と体にフィットする感覚が味わえます。\u003cbr\u003e袖口・裾が締まると、品の良さが増します。\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. 商品特徴 --\u003e\n\u003csection style=\"margin: 2.5rem 0; padding: 2rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\u003e\n\u003ch2 class=\"section-heading\"\u003eメリノウールモックネック長袖Tシャツ：細部に宿る、C-oneのこだわり\u003c\/h2\u003e\n\u003cp style=\"line-height: 1.75; margin-bottom: 1.5rem;\" class=\"text-primary-dark\"\u003e素材選びから縫製技術まで一切の妥協を許さず、着用するたびに感動が生まれる一枚をお届けします。\u003c\/p\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start; margin-bottom: 2rem;\"\u003e\n\u003c!-- 特徴1 --\u003e\n\u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\n\u003ch2 style=\"font-size: 1.8rem; font-weight: 600; color: #48350d; margin-bottom: 0.5rem;\"\u003e\u003cstrong\u003e01. 高品質素材\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/hQ.png?v=1751011621\"\u003e\n\u003cp style=\"line-height: 1.6;\" class=\"text-primary-dark\"\u003eSuper100'sメリノウールが持つ自然なとろみと、C-one独自のパターンが融合。身体のラインを拾いすぎず、美しく自然なドレープを生み出します。カジュアルでありながら、洗練された大人の品格を演出。どんなボトムスにも合わせやすく、着る人のスタイルを引き立てます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 特徴2 --\u003e\n\u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\n\u003ch2 style=\"font-size: 1.8rem; font-weight: 600; color: #48350d; margin-bottom: 0.5rem;\"\u003e\u003cstrong\u003e 02. 熟練の技が光る、日本製ならではの確かな仕立て\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.75rem;\" alt=\"Tシャツの袖口または裾の縫製クローズアップ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/JP_0.png?v=1751014103\"\u003e\n\u003cp style=\"line-height: 1.6;\" class=\"text-primary-dark\"\u003eデリケートなSuper100'sメリノウールの特性を最大限に引き出すため、C-oneは日本の熟練した職人による編み立て・縫製にこだわりました。見えない部分にこそ宿る匠の技が、C-one Tシャツの美しい見た目と、繰り返し着用・洗濯しても型崩れしにくい高い耐久性を支えています。長くご愛用いただける「本物」の証です。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start;\"\u003e\n\u003c!-- 特徴3 --\u003e\n\u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\n\u003ch2 style=\"font-size: 1.8rem; font-weight: 600; color: #48350d; margin-bottom: 0.5rem;\"\u003e\u003cstrong\u003e03. 正直価格\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.75rem;\" alt=\"正直価格\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/0_bcb474c8-9e72-4805-a2c2-621f095428ee.png?v=1751014103\"\u003e\n\u003cp style=\"line-height: 1.6;\" class=\"text-primary-dark\"\u003e国内の信頼できる工場と、間に商社を挟まずに直接やりとりをすることで、細かな仕様の調整や品質チェックを徹底。\u003cbr\u003eそれによって生まれたのが、着心地や仕立てに一切妥協のないウールウェアです。\u003cbr\u003e流通にかかる余分なコストを削減することで、本来もっと高くなってしまうはずのクオリティを、この価格で。\u003cbr\u003e見た目だけではなく、肌に触れたとき、着続けたときに感じる「本物のよさ」を届けたい――それが C-one のものづくりの原点です。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. Super100'sメリノウール：素材の真価 --\u003e\n\u003csection style=\"margin: 2.5rem 0; padding: 2rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\" class=\"feature-section\"\u003e\n\u003ch2 class=\"section-heading\"\u003eSuper100'sメリノウール：C-oneが選ぶ、本物の素材\u003c\/h2\u003e\n\u003cp style=\"line-height: 1.75; margin-bottom: 1.5rem;\" class=\"text-primary-dark\"\u003eC-oneの全Tシャツに共通する極上の素材「Super100'sメリノウール」。この一枚が、あなたの日常を変えます。\u003c\/p\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"font-size: 3rem; margin-bottom: 0.5rem;\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003eカシミヤのような肌触り\u003c\/div\u003e\n\u003cdiv class=\"feature-item-desc\"\u003eチクチクせず、とろける滑らかさ。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"font-size: 3rem; margin-bottom: 0.5rem;\"\u003e🌡️\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e一年中快適な調温性\u003c\/div\u003e\n\u003cdiv class=\"feature-item-desc\"\u003e夏は涼しく、冬は暖かい天然素材。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"font-size: 3rem; margin-bottom: 0.5rem;\"\u003e👃\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e驚きの防臭力\u003c\/div\u003e\n\u003cdiv class=\"feature-item-desc\"\u003e天然の抗菌作用で、一日中清潔。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"font-size: 3rem; margin-bottom: 0.5rem;\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e抜群の吸湿速乾性\u003c\/div\u003e\n\u003cdiv class=\"feature-item-desc\"\u003e汗をかいてもべたつかず、さらりとドライ。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"font-size: 3rem; margin-bottom: 0.5rem;\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e自宅で洗えるイージーケア\u003c\/div\u003e\n\u003cdiv class=\"feature-item-desc\"\u003e高品質なのに、手軽にお手入れ可能。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"font-size: 3rem; margin-bottom: 0.5rem;\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e地球に優しい天然素材\u003c\/div\u003e\n\u003cdiv class=\"feature-item-desc\"\u003e再生可能で、生分解性のサステナブル素材。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\u003ca style=\"color: #8d8741; font-weight: 600; text-decoration: underline;\" href=\"\/pages\/super100s-story\"\u003e Super100'sメリノウールの物語を深く知る \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. スタッフの着こなしギャラリー --\u003e\n\u003csection class=\"staff-carousel-section carousel-card\"\u003e\n\u003ch2 class=\"section-heading\"\u003eスタッフの着こなし：あなたの日常に溶け込む究極の一枚\u003c\/h2\u003e\n\u003cp style=\"line-height: 1.75; margin-bottom: 1rem;\" class=\"text-primary-dark\"\u003e「どう着こなせばいい？」お客様の声から生まれた、メリノウールモックネック長袖Tシャツのおすすめスタイルをご紹介します。\u003c\/p\u003e\n\u003cdiv class=\"carousel-wrapper\"\u003e\n\u003cbutton aria-label=\"前へ\" class=\"carousel-btn prev\"\u003e\u0026lt;\u003c\/button\u003e\n\u003cdiv class=\"carousel-container\"\u003e\n\u003cdiv class=\"carousel-track\"\u003e\n\u003cdiv class=\"staff-coord-item\"\u003e\n\u003ca data-full-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/ec0dd4f5c00a027f767f6b1525c6893b_aba60712-1b2a-497c-aef2-3c1c76fec177.png?v=1751031008\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/ec0dd4f5c00a027f767f6b1525c6893b_aba60712-1b2a-497c-aef2-3c1c76fec177.png?v=1751031008\"\u003e \u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.5rem;\" alt=\"スタッフコーデ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/ec0dd4f5c00a027f767f6b1525c6893b_aba60712-1b2a-497c-aef2-3c1c76fec177.png?v=1751031008\"\u003e \u003c\/a\u003e\n\u003cp style=\"font-size: 0.875rem;\" class=\"text-secondary-dark\"\u003eGina \/ 身長：155cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"staff-coord-item\"\u003e\n\u003ca data-full-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/tei_20ed5d1c-2008-46de-bab6-c9ec8495af6f.png?v=1751031010\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/tei_20ed5d1c-2008-46de-bab6-c9ec8495af6f.png?v=1751031010\"\u003e \u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.5rem;\" alt=\"スタッフコーデ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/tei_20ed5d1c-2008-46de-bab6-c9ec8495af6f.png?v=1751031010\"\u003e \u003c\/a\u003e\n\u003cp style=\"font-size: 0.875rem;\" class=\"text-secondary-dark\"\u003eTei \/ 身長：168cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"staff-coord-item\"\u003e\n\u003ca data-full-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/d947d2ad588dcfc69d74f53a527b7764_c542e3de-9360-4159-91d3-0fd0f415d9a7.png?v=1751031011\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/d947d2ad588dcfc69d74f53a527b7764_c542e3de-9360-4159-91d3-0fd0f415d9a7.png?v=1751031011\"\u003e \u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.5rem;\" alt=\"スタッフコーデ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/d947d2ad588dcfc69d74f53a527b7764_c542e3de-9360-4159-91d3-0fd0f415d9a7.png?v=1751031011\"\u003e \u003c\/a\u003e\n\u003cp style=\"font-size: 0.875rem;\" class=\"text-secondary-dark\"\u003eJimmy \/ 身長：170cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"staff-coord-item\"\u003e\n\u003ca data-full-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/tuzi.png?v=1751031012\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/tuzi.png?v=1751031012\"\u003e \u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.5rem;\" alt=\"スタッフコーデ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/tuzi.png?v=1751031012\"\u003e \u003c\/a\u003e\n\u003cp style=\"font-size: 0.875rem;\" class=\"text-secondary-dark\"\u003eヨウコ \/ 身長：155cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"staff-coord-item\"\u003e\n\u003ca data-full-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/2_4b094e7e-bea0-46c7-bf06-a60175645db5.png?v=1751031012\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/2_4b094e7e-bea0-46c7-bf06-a60175645db5.png?v=1751031012\"\u003e \u003cimg style=\"width: 100%; border-radius: 0.5rem; margin-bottom: 0.5rem;\" alt=\"スタッフコーデ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/2_4b094e7e-bea0-46c7-bf06-a60175645db5.png?v=1751031012\"\u003e \u003c\/a\u003e\n\u003cp style=\"font-size: 0.875rem;\" class=\"text-secondary-dark\"\u003eGina \/ 身長：155cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"carousel-btn next\" aria-label=\"次へ\"\u003e\u0026gt;\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"lightbox-overlay\" class=\"lightbox-overlay\"\u003e\n  \u003cbutton class=\"lightbox-close\"\u003e×\u003c\/button\u003e\n  \u003cdiv class=\"lightbox-content\"\u003e\n    \u003cimg id=\"lightbox-image\" alt=\"拡大画像\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  const track      = document.querySelector('.carousel-track');\n  const container  = document.querySelector('.carousel-container');\n  const prevBtn    = document.querySelector('.carousel-btn.prev');\n  const nextBtn    = document.querySelector('.carousel-btn.next');\n  const items      = Array.from(track.children);\n  const gap        = 16; \/\/ CSS 里定义的 gap\n  let index        = 0;\n\n  \/\/ 1) 动态计算可见数量\n  function getVisibleCount() {\n    const containerWidth = container.offsetWidth;\n    const singleWidth    = items[0].offsetWidth + gap;\n    return Math.floor(containerWidth \/ singleWidth);\n  }\n\n  \/\/ 2) 根据 index 和可见数 更新按钮状态\n  function updateButtons() {\n    const visibleCount = getVisibleCount();\n    \/\/ 最左\n    prevBtn.style.display = index === 0 ? 'none' : 'block';\n    \/\/ 最右\n    nextBtn.style.display = index \u003e= items.length - visibleCount ? 'none' : 'block';\n  }\n\n  \/\/ 3) 执行滚动\n  function scrollToIndex() {\n    const singleWidth = items[0].offsetWidth + gap;\n    track.style.transform = `translateX(-${singleWidth * index}px)`;\n  }\n\n  \/\/ 4) 初始化 \u0026 监听\n  updateButtons();\n  window.addEventListener('resize', () =\u003e {\n    \/\/ 如果屏幕变了，重新算位置 \u0026 按钮\n    \/\/ 保证 index 不超出范围\n    const maxIndex = Math.max(0, items.length - getVisibleCount());\n    index = Math.min(index, maxIndex);\n    scrollToIndex();\n    updateButtons();\n  });\n\n  prevBtn.addEventListener('click', () =\u003e {\n    if (index \u003e 0) {\n      index--;\n      scrollToIndex();\n      updateButtons();\n    }\n  });\n  nextBtn.addEventListener('click', () =\u003e {\n    const maxIndex = items.length - getVisibleCount();\n    if (index \u003c maxIndex) {\n      index++;\n      scrollToIndex();\n      updateButtons();\n    }\n  });\n});\n\u003c\/script\u003e","brand":"C-one ONLINE STORE","offers":[{"title":"450ロイヤルブルー \/ S","offer_id":52591963963692,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"450ロイヤルブルー \/ M","offer_id":52591963996460,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":false},{"title":"450ロイヤルブルー \/ L","offer_id":52591964029228,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"450ロイヤルブルー \/ LL","offer_id":52591964061996,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"850ラベンダー \/ S","offer_id":52591964094764,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"850ラベンダー \/ M","offer_id":52591964127532,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":false},{"title":"850ラベンダー \/ L","offer_id":52591964160300,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"850ラベンダー \/ LL","offer_id":52591964193068,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"300ライトピンク \/ S","offer_id":52591964225836,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"300ライトピンク \/ M","offer_id":52591964258604,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"300ライトピンク \/ L","offer_id":52591964291372,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"300ライトピンク \/ LL","offer_id":52591964324140,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"601ダークブラウン \/ S","offer_id":52591964356908,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"601ダークブラウン \/ M","offer_id":52591964389676,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":false},{"title":"601ダークブラウン \/ L","offer_id":52591964422444,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"601ダークブラウン \/ LL","offer_id":52591964455212,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"901ダークネイビー \/ S","offer_id":52591964487980,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":false},{"title":"901ダークネイビー \/ M","offer_id":52591964520748,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"901ダークネイビー \/ L","offer_id":52591964553516,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true},{"title":"901ダークネイビー \/ LL","offer_id":52591964586284,"sku":null,"price":14960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0688\/8810\/1164\/files\/t-450-8218611.png?v=1769407842","url":"https:\/\/c-one.tokyo\/products\/mock-neck-spring-outing-fair","provider":"C-one ONLINE STORE","version":"1.0","type":"link"}