{"product_id":"uo2026collection_coverall_charcoal","title":"UNIVERSAL OVERALL × HILLS FIELD CAMPERS COVERALL チャコール","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026family=Cormorant+Garamond:wght@400;500;600\u0026family=Noto+Sans+JP:wght@300;400;500;600;700\u0026display=swap');\n\n\/* ========================================\n   WRAPPER\n======================================== *\/\n.hf-cs-wrap {\n  background-color: #161616 !important;\n  color: #f5f1e8 !important;\n  font-family: 'Noto Sans JP', sans-serif !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  \/* 数字を大文字と同じ高さで揃える（Cormorantの旧字体数字を無効化） *\/\n  font-feature-settings: \"lnum\" 1, \"pnum\" 1 !important;\n  font-variant-numeric: lining-nums proportional-nums !important;\n}\n.hf-cs-wrap *, .hf-cs-wrap *::before, .hf-cs-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* ========================================\n   HERO \/ COMING SOON\n======================================== *\/\n.hf-cs-hero {\n  position: relative;\n  min-height: 80vh;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: center !important;\n  padding: 80px 24px;\n  overflow: hidden;\n}\n\n.hf-cs-inner {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n}\n\n.hf-cs-eyebrow {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 11px !important;\n  letter-spacing: 5px !important;\n  color: #00b0ae !important;\n  display: block !important;\n  margin-bottom: 24px;\n}\n\n.hf-cs-title {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-size: clamp(26px, 6vw, 44px) !important;\n  font-weight: 600 !important;\n  color: #f5f1e8 !important;\n  line-height: 1.2 !important;\n  letter-spacing: 0.02em;\n  margin-bottom: 12px;\n}\n.hf-cs-title em {\n  color: #e5b42c !important;\n  font-style: normal !important;\n}\n.hf-cs-title-jp {\n  font-family: 'Noto Sans JP', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 400 !important;\n  letter-spacing: 0.22em !important;\n  color: #c9c0ad !important;\n  display: block !important;\n  margin-bottom: 44px;\n}\n\n.hf-cs-deco {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  margin-bottom: 44px;\n}\n.hf-cs-deco-line {\n  width: 60px;\n  height: 1px;\n  background: rgba(229,180,44,0.4);\n}\n.hf-cs-deco-dot {\n  width: 5px !important;\n  height: 5px !important;\n  border-radius: 50% !important;\n  background: #e5b42c !important;\n  display: block !important;\n}\n\n.hf-cs-soon {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: clamp(48px, 14vw, 120px) !important;\n  line-height: 0.95 !important;\n  letter-spacing: 0.06em !important;\n  color: #f5f1e8 !important;\n  display: block !important;\n  margin-bottom: 20px;\n}\n\n.hf-cs-note {\n  font-size: 12px !important;\n  line-height: 1.9 !important;\n  color: rgba(245,241,232,0.6) !important;\n  font-weight: 300 !important;\n}\n\n\/* ========================================\n   FADE-IN\n======================================== *\/\n.hf-cs-fade {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),\n              transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.hf-cs-fade.hf-cs-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n.hf-cs-d1 { transition-delay: 0.12s; }\n.hf-cs-d2 { transition-delay: 0.24s; }\n.hf-cs-d3 { transition-delay: 0.36s; }\n.hf-cs-d4 { transition-delay: 0.48s; }\n\n@media (max-width: 430px) {\n  .hf-cs-hero { min-height: 55vh; padding: 64px 20px; }\n  .hf-cs-title-jp { margin-bottom: 32px; }\n  .hf-cs-deco { margin-bottom: 32px; }\n  .hf-cs-deco-line { width: 44px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"hf-cs-wrap\" id=\"hf-cs-wrap\"\u003e\n  \u003csection class=\"hf-cs-hero\"\u003e\n    \u003cdiv class=\"hf-cs-inner\"\u003e\n\n      \u003cspan class=\"hf-cs-soon hf-cs-fade hf-cs-d2\"\u003eCOMING SOON\u003c\/span\u003e\n\n      \u003cp class=\"hf-cs-note hf-cs-fade hf-cs-d4\"\u003e公開までいましばらくお待ちください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  function initFade() {\n    var targets = document.querySelectorAll('#hf-cs-wrap .hf-cs-fade');\n    if (!targets.length) return;\n    if (!('IntersectionObserver' in window)) {\n      targets.forEach(function(el) { el.classList.add('hf-cs-visible'); });\n      return;\n    }\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('hf-cs-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n    targets.forEach(function(el) { io.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFade);\n  } else {\n    initFade();\n  }\n})();\n\u003c\/script\u003e","brand":"HILLSFIELD","offers":[{"title":"M","offer_id":44539494072385,"sku":"HF-CVA-UNIcham","price":22000.0,"currency_code":"JPY","in_stock":false},{"title":"L","offer_id":44539494105153,"sku":"HF-CVA-UNIchal","price":22000.0,"currency_code":"JPY","in_stock":false},{"title":"XL","offer_id":44539494137921,"sku":"HF-CVA-UNIchaxl","price":22000.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/camperscoverall-03.jpg?v=1788934622","url":"https:\/\/www.hills-field.com\/products\/uo2026collection_coverall_charcoal","provider":"HILLS FIELD","version":"1.0","type":"link"}