{"product_id":"leather-logo-sweatpants","title":"Leather Logo Sweatpants","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cdiv class=\"dd-product-tabs\"\u003e\n  \u003cinput checked name=\"dd-tabs-men-pants\" id=\"dd-tab-item-men-pants\" type=\"radio\"\u003e\n  \u003cinput name=\"dd-tabs-men-pants\" id=\"dd-tab-size-men-pants\" type=\"radio\"\u003e\n\n  \u003cdiv class=\"dd-tab-labels\"\u003e\n    \u003clabel for=\"dd-tab-item-men-pants\"\u003eアイテム詳細\u003c\/label\u003e\n    \u003clabel for=\"dd-tab-size-men-pants\"\u003eサイズ詳細\u003c\/label\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- アイテム詳細 --\u003e\n  \u003cdiv class=\"dd-tab-content dd-item-content\"\u003e\n    \u003cp class=\"dd-lead-text\"\u003e\n      ブラックを基調に仕上げた、DEARDOMINION オリジナルスウェットパンツ。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      無駄を削ぎ落としたミニマルなデザインの中に、\n      細部のディテールで静かな存在感を加えた一本です。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      ラフになりすぎないバランスに仕上げ、\n      単体でもセットアップでも着用できるデザインに落とし込みました。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dd-detail-block\"\u003e\n      \u003ch3\u003eTAPERED SILHOUETTE\u003c\/h3\u003e\n      \u003cp\u003e\n        シルエットは、すっきりとしたテーパード設計。\n        程よくゆとりを持たせながらも、裾に向かって自然に絞ることで、\n        ラフになりすぎない印象に仕上げています。\n      \u003c\/p\u003e\n      \u003cp\u003e\n        セットアップとしての着用はもちろん、単体でもスタイルを組みやすい一本です。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dd-detail-block\"\u003e\n      \u003ch3\u003eDESIGN SPEC\u003c\/h3\u003e\n      \u003cp\u003e\n        カラー：ブラック\u003cbr\u003e\n        シルエット：テーパード \/ ジョガー\u003cbr\u003e\n        セットアップ対応：同シリーズパーカーあり\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dd-detail-block\"\u003e\n      \u003ch3\u003eMATERIAL\u003c\/h3\u003e\n      \u003cp\u003e\n        コットン 80% \/ ポリエステル 20%\u003cbr\u003e\n        450GSM 裏起毛コットンフリース\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dd-detail-block\"\u003e\n      \u003ch3\u003eRETURN \/ EXCHANGE\u003c\/h3\u003e\n      \u003cp\u003e\n        お客様都合による返品・交換はお受けしておりません。\u003cbr\u003e\n        初期不良の場合のみ、交換対応を行います。\u003cbr\u003e\n        商品到着後7日以内にご連絡ください。\n      \u003c\/p\u003e\n      \u003ca class=\"dd-inline-link\" href=\"\/pages\/return-policy\"\u003e返品・交換ポリシーの詳細はこちら →\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- サイズ詳細 --\u003e\n  \u003cdiv class=\"dd-tab-content dd-size-content\"\u003e\n    \u003cp class=\"dd-size-lead dd-lead-text\"\u003e\n      本商品はメンズS \/ M \/ L \/ XLサイズ展開となります。\u003cbr\u003e\n      すっきりとしたテーパードシルエットで、単体でもセットアップでも着用しやすいバランスです。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dd-size-scroll\"\u003e\n      \u003ctable class=\"dd-size-table\"\u003e\n        \u003ctbody\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          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eS\u003c\/td\u003e\n            \u003ctd\u003e160〜168cm\u003c\/td\u003e\n            \u003ctd\u003e約68〜74cm\u003c\/td\u003e\n            \u003ctd\u003e約65〜66.5cm\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eM\u003c\/td\u003e\n            \u003ctd\u003e168〜175cm\u003c\/td\u003e\n            \u003ctd\u003e約72〜75cm\u003c\/td\u003e\n            \u003ctd\u003e約68〜68.5cm\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eL\u003c\/td\u003e\n            \u003ctd\u003e175〜180cm\u003c\/td\u003e\n            \u003ctd\u003e約76〜78cm\u003c\/td\u003e\n            \u003ctd\u003e約70〜70.5cm\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eXL\u003c\/td\u003e\n            \u003ctd\u003e180cm以上\u003c\/td\u003e\n            \u003ctd\u003e約78〜82cm\u003c\/td\u003e\n            \u003ctd\u003e約72〜73cm\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dd-size-quick\"\u003e\n      \u003ch3\u003eサイズ早見診断\u003c\/h3\u003e\n      \u003cp class=\"dd-size-check-desc\"\u003e身長に近い項目を選ぶと、おすすめサイズの目安が表示されます。\u003c\/p\u003e\n\n      \u003cinput type=\"radio\" name=\"dd-height-range-men\" id=\"dd-hm-1\" class=\"dd-height-radio\"\u003e\n      \u003clabel for=\"dd-hm-1\" class=\"dd-height-chip\"\u003e〜167cm\u003c\/label\u003e\n      \u003cinput type=\"radio\" name=\"dd-height-range-men\" id=\"dd-hm-2\" class=\"dd-height-radio\"\u003e\n      \u003clabel for=\"dd-hm-2\" class=\"dd-height-chip\"\u003e168〜174cm\u003c\/label\u003e\n      \u003cinput type=\"radio\" name=\"dd-height-range-men\" id=\"dd-hm-3\" class=\"dd-height-radio\"\u003e\n      \u003clabel for=\"dd-hm-3\" class=\"dd-height-chip\"\u003e175〜179cm\u003c\/label\u003e\n      \u003cinput type=\"radio\" name=\"dd-height-range-men\" id=\"dd-hm-4\" class=\"dd-height-radio\"\u003e\n      \u003clabel for=\"dd-hm-4\" class=\"dd-height-chip\"\u003e180cm〜\u003c\/label\u003e\n\n      \u003cp class=\"dd-height-result dd-height-result--1\"\u003eおすすめサイズ：\u003cspan class=\"dd-size-check-size\"\u003eS\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"dd-height-result dd-height-result--2\"\u003eおすすめサイズ：\u003cspan class=\"dd-size-check-size\"\u003eM\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"dd-height-result dd-height-result--3\"\u003eおすすめサイズ：\u003cspan class=\"dd-size-check-size\"\u003eL\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"dd-height-result dd-height-result--4\"\u003eおすすめサイズ：\u003cspan class=\"dd-size-check-size\"\u003eXL\u003c\/span\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dd-detail-block dd-size-feel\"\u003e\n      \u003ch3\u003eSIZE FEEL\u003c\/h3\u003e\n      \u003cp\u003e\n        腰まわりには程よくゆとりを持たせながら、\n        裾に向かってすっきりと見えるテーパードシルエットです。\n        ラフすぎず、きれいめにも合わせやすいバランスに仕上げています。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"dd-note\"\u003e\n      ※平置き採寸のため、多少の誤差がある場合がございます。\u003cbr\u003e\n      ※身長目安はサイズ選びの参考としてご確認ください。\u003cbr\u003e\n      ※着用感には個人差がございます。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.dd-product-tabs {\n  --dd-sans: -apple-system, BlinkMacSystemFont, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", YuGothic, \"Helvetica Neue\", Arial, sans-serif;\n  --dd-mono: \"IBM Plex Mono\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", YuGothic, monospace;\n  --dd-accent: #ff5ea8;\n  width: 100%;\n  margin-top: 40px;\n  padding: 36px 30px;\n  background: #222020;\n  color: #ffffff;\n  font-family: var(--dd-sans);\n  box-sizing: border-box;\n}\n.dd-product-tabs input {\n  display: none;\n}\n\n\/* タブ切替 *\/\n.dd-tab-labels {\n  display: flex;\n  gap: 32px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.14);\n}\n.dd-tab-labels label {\n  position: relative;\n  padding-bottom: 16px;\n  color: rgba(255, 255, 255, 0.4);\n  font-size: 13.5px;\n  letter-spacing: 0.08em;\n  font-weight: 600;\n  cursor: pointer;\n  transition: color 0.3s ease;\n}\n.dd-tab-labels label:hover {\n  color: rgba(255, 255, 255, 0.75);\n}\n.dd-tab-labels label::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -1px;\n  width: 0;\n  height: 2px;\n  background: var(--dd-accent);\n  transition: width 0.3s ease;\n}\n#dd-tab-item-men-pants:checked ~ .dd-tab-labels label[for=\"dd-tab-item-men-pants\"],\n#dd-tab-size-men-pants:checked ~ .dd-tab-labels label[for=\"dd-tab-size-men-pants\"] {\n  color: #ffffff;\n}\n#dd-tab-item-men-pants:checked ~ .dd-tab-labels label[for=\"dd-tab-item-men-pants\"]::after,\n#dd-tab-size-men-pants:checked ~ .dd-tab-labels label[for=\"dd-tab-size-men-pants\"]::after {\n  width: 100%;\n}\n\n\/* コンテンツ *\/\n.dd-tab-content {\n  display: none;\n  padding-top: 32px;\n  line-height: 1.95;\n  font-size: 14px;\n  color: rgba(255, 255, 255, 0.72);\n}\n#dd-tab-item-men-pants:checked ~ .dd-item-content,\n#dd-tab-size-men-pants:checked ~ .dd-size-content {\n  display: block;\n}\n.dd-tab-content p {\n  margin: 0 0 16px;\n}\n.dd-lead-text {\n  color: #ffffff;\n  font-size: 15.5px;\n  padding-bottom: 24px;\n  margin-bottom: 24px !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n\/* 詳細ブロック *\/\n.dd-detail-block {\n  position: relative;\n  padding: 26px 0 26px 18px;\n  margin-left: -18px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  transition: background-color 0.3s ease;\n}\n.dd-detail-block::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 26px;\n  bottom: 26px;\n  width: 0;\n  background: var(--dd-accent);\n  transition: width 0.3s ease;\n}\n.dd-detail-block:hover {\n  background-color: rgba(255, 255, 255, 0.02);\n}\n.dd-detail-block:hover::before {\n  width: 2px;\n}\n.dd-detail-block:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n.dd-detail-block h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 12px;\n  color: #ffffff;\n  font-size: 13px;\n  letter-spacing: 0.14em;\n  font-weight: 700;\n}\n.dd-detail-block h3::before {\n  content: \"\";\n  flex: none;\n  width: 14px;\n  height: 1px;\n  background: rgba(255, 94, 168, 0.6);\n}\n.dd-detail-block p {\n  margin: 0 0 14px;\n}\n.dd-detail-block p:last-child {\n  margin-bottom: 0;\n}\n.dd-inline-link {\n  display: inline-block;\n  margin-top: 4px;\n  color: var(--dd-accent);\n  font-size: 12.5px;\n  letter-spacing: 0.03em;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(255, 94, 168, 0.4);\n  transition: border-color 0.3s ease, opacity 0.3s ease;\n}\n.dd-inline-link:hover {\n  border-color: var(--dd-accent);\n  opacity: 0.8;\n}\n\n\/* サイズ表 *\/\n.dd-size-scroll {\n  width: 100%;\n  overflow-x: auto;\n  margin-bottom: 28px;\n}\n.dd-size-table {\n  width: 100%;\n  min-width: 560px;\n  border-collapse: separate;\n  border-spacing: 0;\n  text-align: center;\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.85);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  border-radius: 10px;\n  overflow: hidden;\n}\n.dd-size-table th,\n.dd-size-table td {\n  border-right: 1px solid rgba(255, 255, 255, 0.1);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding: 15px 8px;\n  vertical-align: middle;\n}\n.dd-size-table th:last-child,\n.dd-size-table td:last-child {\n  border-right: none;\n}\n.dd-size-table tr:last-child td {\n  border-bottom: none;\n}\n.dd-size-table th {\n  background: rgba(255, 255, 255, 0.05);\n  color: #ffffff;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  font-size: 12px;\n}\n.dd-size-table td:first-child {\n  font-weight: 700;\n  color: #ffffff;\n  background: rgba(255, 255, 255, 0.02);\n}\n\n\/* サイズ早見診断（CSSのみで動作／JS不要） *\/\n.dd-size-quick {\n  margin-top: 30px;\n  padding: 24px 22px;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 10px;\n}\n.dd-size-quick h3 {\n  margin: 0 0 8px;\n  color: #ffffff;\n  font-size: 13px;\n  letter-spacing: 0.14em;\n  font-weight: 700;\n}\n.dd-size-check-desc {\n  margin: 0 0 18px;\n  color: rgba(255, 255, 255, 0.55);\n  font-size: 12.5px;\n  line-height: 1.8;\n}\n.dd-height-radio {\n  display: none;\n}\n.dd-height-chip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 8px 8px 0;\n  padding: 10px 16px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 999px;\n  font-size: 12.5px;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.65);\n  cursor: pointer;\n  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n}\n.dd-height-chip:hover {\n  border-color: rgba(255, 255, 255, 0.4);\n  color: #ffffff;\n}\n.dd-height-radio:checked + .dd-height-chip {\n  background: var(--dd-accent);\n  border-color: var(--dd-accent);\n  color: #000000;\n  font-weight: 700;\n}\n.dd-height-result {\n  display: none;\n  margin: 18px 0 0;\n  padding-top: 16px;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.75);\n  font-size: 13px;\n  line-height: 1.9;\n}\n#dd-hm-1:checked ~ .dd-height-result--1,\n#dd-hm-2:checked ~ .dd-height-result--2,\n#dd-hm-3:checked ~ .dd-height-result--3,\n#dd-hm-4:checked ~ .dd-height-result--4 {\n  display: block;\n}\n.dd-size-check-size {\n  color: var(--dd-accent);\n  font-weight: 700;\n  font-size: 15px;\n}\n\n\/* サイズ感（詳細ブロックと共通） *\/\n.dd-size-feel {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n\/* 注意書き *\/\n.dd-note {\n  margin-top: 22px;\n  padding: 16px 18px;\n  font-size: 12px;\n  line-height: 1.85;\n  color: rgba(255, 255, 255, 0.45);\n  background: rgba(255, 255, 255, 0.02);\n  border-left: 2px solid rgba(255, 255, 255, 0.18);\n  border-radius: 0 8px 8px 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dd-tab-labels label,\n  .dd-tab-labels label::after {\n    transition: none;\n  }\n}\n\n@media screen and (max-width: 749px) {\n  .dd-product-tabs {\n    margin-top: 30px;\n    padding: 26px 18px;\n  }\n  .dd-tab-labels {\n    gap: 22px;\n  }\n  .dd-tab-labels label {\n    font-size: 12px;\n  }\n  .dd-tab-content {\n    font-size: 13px;\n    padding-top: 26px;\n  }\n  .dd-detail-block {\n    padding: 22px 0;\n  }\n  .dd-detail-block h3 {\n    font-size: 11.5px;\n  }\n  .dd-size-table {\n    font-size: 12px;\n    min-width: 540px;\n  }\n  .dd-size-table th,\n  .dd-size-table td {\n    padding: 12px 6px;\n  }\n  .dd-note {\n    font-size: 11px;\n    padding: 14px 15px;\n  }\n  .dd-size-quick {\n    padding: 20px 16px;\n  }\n}\n\u003c\/style\u003e","brand":"DEARDOMINION","offers":[{"title":"S","offer_id":47550991859924,"sku":null,"price":23800.0,"currency_code":"JPY","in_stock":true},{"title":"M","offer_id":47550991827156,"sku":null,"price":23800.0,"currency_code":"JPY","in_stock":true},{"title":"L","offer_id":47550991794388,"sku":null,"price":23800.0,"currency_code":"JPY","in_stock":true},{"title":"XL","offer_id":47550991761620,"sku":null,"price":23800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0814\/0236\/4116\/files\/5F79BB15-0128-4F7F-9149-D396A052505A.png?v=1784608658","url":"https:\/\/deardominion.com\/products\/leather-logo-sweatpants","provider":"DEARDOMINION","version":"1.0","type":"link"}