{"product_id":"glasscase","title":"グラスケースダブル","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Cormorant+Garamond:wght@400;500;600\u0026amp;family=Noto+Sans+JP:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n\/* ========================================\n   WRAPPER \u0026 RESET\n======================================== *\/\n.hf-gc2-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}\n\n.hf-gc2-wrap *, .hf-gc2-wrap *::before, .hf-gc2-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.hf-gc2-wrap img { max-width: 100% !important; display: block !important; }\n.hf-gc2-inline-body { font-size: 13px !important; line-height: 1.9 !important; color: #ffffff !important; font-weight: 300 !important; }\n.hf-gc2-wrap a { color: inherit; text-decoration: none; }\n\n\/* ========================================\n   SHARED UTILITIES\n======================================== *\/\n.hf-gc2-divider {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 32px;\n}\n.hf-gc2-divider span {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 15px;\n  letter-spacing: 3px;\n  color: #e5b42c !important;\n}\n.hf-gc2-divider::before, .hf-gc2-divider::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: rgba(229,180,44,0.18);\n}\n\n.hf-gc2-label {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 10px;\n  letter-spacing: 4px;\n  color: #00b0ae !important;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.hf-gc2-section-heading {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-size: clamp(20px, 4.5vw, 30px) !important;\n  font-weight: 600 !important;\n  color: #e5b42c !important;\n  line-height: 1.35 !important;\n  margin-bottom: 28px;\n  text-align: center !important;\n}\n\n.hf-gc2-sep {\n  height: 1px;\n  background: linear-gradient(to right, transparent, rgba(229,180,44,0.18), transparent);\n  margin: 0 24px;\n}\n\n\/* Placeholder images *\/\n.hf-gc2-ph {\n  width: 100%; height: 100%;\n  background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 16px;\n  text-align: center;\n}\n.hf-gc2-ph-icon {\n  width: 48px; height: 48px;\n  border: 2px solid rgba(229,180,44,0.3);\n  border-radius: 4px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.hf-gc2-ph-icon svg { opacity: 0.35; }\n.hf-gc2-ph span {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: 11px;\n  letter-spacing: 0.05em;\n  color: rgba(255,255,255,0.75);\n  line-height: 1.6;\n  font-weight: 300;\n}\n\n\/* ========================================\n   01. HERO\n======================================== *\/\n.hf-gc2-hero {\n  position: relative;\n  background: #161616;\n  padding: 60px 24px 48px;\n  overflow: hidden;\n}\n.hf-gc2-hero::before {\n  content: '';\n  position: absolute;\n  top: -60px; right: -60px;\n  width: 300px; height: 300px;\n  background: radial-gradient(circle, rgba(0,176,174,0.07) 0%, transparent 70%);\n  pointer-events: none;\n}\n.hf-gc2-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -40px; left: -40px;\n  width: 250px; height: 250px;\n  background: radial-gradient(circle, rgba(229,180,44,0.06) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.hf-gc2-hero-eyebrow {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 10px;\n  letter-spacing: 4px;\n  color: #e5b42c !important;\n  display: block;\n  margin-bottom: 16px;\n}\n\n.hf-gc2-hero-catchsmall {\n  font-family: 'Noto Sans JP', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 300 !important;\n  letter-spacing: 0.02em;\n  color: #ffffff !important;\n  white-space: nowrap;\n  text-align: center !important;\n  margin-bottom: 14px;\n}\n\n.hf-gc2-hero-title {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-weight: 600 !important;\n  color: #f5f1e8 !important;\n  margin-bottom: 32px;\n  text-align: center !important;\n}\n.hf-gc2-hero-title em {\n  color: #e5b42c !important;\n  font-style: normal;\n  font-size: clamp(24px, 5.5vw, 40px) !important;\n  line-height: 1 !important;\n  display: block;\n}\n.hf-gc2-hero-title-sub {\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.08em;\n  color: #f5f1e8 !important;\n  line-height: 1 !important;\n  display: block;\n  margin-top: 10px;\n}\n\n.hf-gc2-hero-img {\n  width: 100%;\n  aspect-ratio: 4\/3;\n  background: #2b2b2b;\n  overflow: hidden;\n  position: relative;\n  margin-bottom: 36px;\n  border: 1px solid rgba(229,180,44,0.18);\n}\n.hf-gc2-hero-img img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  display: block;\n  animation: hf-gc2-kb 12s ease infinite alternate !important;\n}\n@keyframes hf-gc2-kb {\n  from { transform: scale(1) !important; }\n  to   { transform: scale(1.04) !important; }\n}\n\n.hf-gc2-hero-catch {\n  font-family: 'Noto Sans JP', sans-serif !important;\n  font-size: clamp(20px, 4.5vw, 32px) !important;\n  font-weight: 500 !important;\n  font-style: italic !important;\n  color: #ffffff !important;\n  line-height: 1.5 !important;\n  letter-spacing: 0.04em;\n  text-align: center !important;\n  margin-bottom: 16px;\n}\n.hf-gc2-catch-line {\n  display: block;\n}\n.hf-gc2-catch-deco {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  margin-bottom: 18px;\n}\n.hf-gc2-catch-deco span {\n  width: 5px !important;\n  height: 5px !important;\n  border-radius: 50% !important;\n  background: #e5b42c !important;\n  opacity: 0.85;\n  display: block !important;\n}\n.hf-gc2-catch-deco::before,\n.hf-gc2-catch-deco::after {\n  content: '';\n  width: 60px;\n  height: 1px;\n  background: rgba(229,180,44,0.5);\n}\n\n.hf-gc2-hero-sub {\n  font-size: 13px !important;\n  line-height: 1.9 !important;\n  color: #ffffff !important;\n  font-weight: 300 !important;\n}\n\n\/* ========================================\n   02. 悩み訴求\n======================================== *\/\n.hf-gc2-problem {\n  background: #222222;\n  padding: 56px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.hf-gc2-problem::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #e5b42c, transparent);\n}\n\n.hf-gc2-problem-img {\n  width: 100%;\n  aspect-ratio: 4\/3;\n  background: #2b2b2b;\n  overflow: hidden;\n  border: 1px solid rgba(229,180,44,0.18);\n  margin-bottom: 32px;\n}\n\n.hf-gc2-pain-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  border: 1px solid rgba(229,180,44,0.18);\n  margin-top: 28px;\n}\n.hf-gc2-pain-list li {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 14px 20px;\n  font-size: 16px !important;\n  color: #f5f1e8 !important;\n  line-height: 1.6 !important;\n  border-bottom: 1px solid rgba(229,180,44,0.1);\n  background: #2b2b2b;\n  transition: background 0.2s;\n}\n.hf-gc2-pain-list li:last-child { border-bottom: none; }\n.hf-gc2-pain-list li:hover { background: #333; }\n.hf-gc2-pain-bullet {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #e5b42c;\n  flex-shrink: 0;\n}\n\n\/* ========================================\n   03. 解決メッセージ\n======================================== *\/\n.hf-gc2-solution {\n  background: #161616;\n  padding: 56px 24px;\n  position: relative;\n}\n.hf-gc2-solution::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #00b0ae, transparent);\n}\n\n.hf-gc2-solution-body {\n  font-size: 13px !important;\n  line-height: 1.9 !important;\n  color: #ffffff !important;\n  font-weight: 300 !important;\n  margin-bottom: 28px;\n}\n\n.hf-gc2-strong-copy {\n  background: #222222;\n  padding: 32px 24px !important;\n  margin-bottom: 36px;\n  text-align: center !important;\n}\n.hf-gc2-strong-item {\n  display: block !important;\n}\n.hf-gc2-strong-text {\n  font-family: 'Cormorant Garamond', serif !important;\n  font-size: clamp(20px, 4.5vw, 28px) !important;\n  font-weight: 600 !important;\n  color: #f5f1e8 !important;\n  display: block !important;\n  line-height: 1.6 !important;\n  letter-spacing: 0.04em;\n}\n.hf-gc2-strong-text em {\n  color: #e5b42c !important;\n  font-style: normal !important;\n}\n.hf-gc2-strong-sep {\n  display: block !important;\n  width: 24px !important;\n  height: 1px !important;\n  background: rgba(229,180,44,0.3) !important;\n  margin: 4px auto !important;\n}\n\n.hf-gc2-4grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 8px !important;\n}\n.hf-gc2-4grid-cell {\n  background: #2b2b2b;\n  border: 1px solid rgba(229,180,44,0.18);\n  overflow: hidden;\n}\n.hf-gc2-4grid-img {\n  aspect-ratio: 1;\n  background: #1a1a1a;\n}\n.hf-gc2-4grid-label {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 11px;\n  letter-spacing: 3px;\n  color: #e5b42c !important;\n  padding: 10px 12px;\n  display: block;\n  text-align: center;\n}\n\n\/* ========================================\n   04. POINT LIST\n======================================== *\/\n.hf-gc2-points {\n  background: #222222;\n  padding: 56px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.hf-gc2-points::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #e5b42c, transparent);\n}\n\n\/* Point block: alternating layout *\/\n.hf-gc2-point-block {\n  margin-bottom: 56px;\n}\n.hf-gc2-point-block:last-child { margin-bottom: 0; }\n\n.hf-gc2-point-num {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 72px !important;\n  line-height: 1 !important;\n  color: rgba(229,180,44,0.1) !important;\n  display: block !important;\n  margin-bottom: -16px !important;\n  letter-spacing: 2px;\n  text-align: center !important;\n}\n\n.hf-gc2-point-title {\n  font-family: 'Noto Sans JP', sans-serif !important;\n  font-size: clamp(18px, 4.5vw, 27px) !important;\n  font-weight: 600 !important;\n  color: #e5b42c !important;\n  line-height: 1.4 !important;\n  margin-bottom: 16px !important;\n  text-align: center !important;\n  word-break: keep-all;\n  overflow-wrap: break-word;\n}\n\n.hf-gc2-point-body {\n  font-size: 13px !important;\n  line-height: 1.95 !important;\n  color: #ffffff !important;\n  font-weight: 300 !important;\n  margin-bottom: 28px !important;\n}\n.hf-gc2-point-body p + p {\n  margin-top: 12px !important;\n}\n\n.hf-gc2-point-img {\n  width: 100%;\n  aspect-ratio: 4\/3;\n  background: #2b2b2b;\n  overflow: hidden;\n  border: 1px solid rgba(229,180,44,0.15);\n  margin-top: 0;\n}\n.hf-gc2-point-img img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  transition: transform 0.8s ease;\n}\n.hf-gc2-point-img:hover img { transform: scale(1.04); }\n\n.hf-gc2-note {\n  font-size: 11px !important;\n  color: rgba(201,192,173,0.6) !important;\n  margin-top: 10px !important;\n}\n\n\/* ========================================\n   05. SCENE\n======================================== *\/\n.hf-gc2-scene {\n  background: #161616;\n  padding: 56px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.hf-gc2-scene::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #00b0ae, transparent);\n}\n\n.hf-gc2-scene-body {\n  font-size: 13px !important;\n  line-height: 1.9 !important;\n  color: #ffffff !important;\n  font-weight: 300 !important;\n  margin-bottom: 32px;\n}\n\n.hf-gc2-scene-cards {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 16px !important;\n}\n.hf-gc2-scene-card {\n  background: #2b2b2b;\n  border: 1px solid rgba(229,180,44,0.18);\n  overflow: hidden;\n  transition: border-color 0.35s, transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.35s;\n  will-change: transform;\n}\n.hf-gc2-scene-card:hover {\n  border-color: #e5b42c;\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(229,180,44,0.25);\n}\n.hf-gc2-scene-card-img {\n  width: 100%;\n  aspect-ratio: 16\/9;\n  background: #1a1a1a;\n  overflow: hidden;\n}\n.hf-gc2-scene-card-img img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n.hf-gc2-scene-card:hover .hf-gc2-scene-card-img img { transform: scale(1.06); }\n.hf-gc2-scene-card-label {\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.hf-gc2-scene-card-badge {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 9px;\n  letter-spacing: 3px;\n  color: #161616 !important;\n  background: #e5b42c;\n  padding: 3px 10px;\n  flex-shrink: 0;\n}\n.hf-gc2-scene-card-text {\n  font-size: 13px !important;\n  color: #f5f1e8 !important;\n}\n\n\/* ========================================\n   SIZE\n======================================== *\/\n.hf-gc2-size {\n  background: #222222;\n  padding: 56px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.hf-gc2-size::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #e5b42c, transparent);\n}\n.hf-gc2-size-img {\n  width: 100%;\n  aspect-ratio: 4\/3;\n  background: #2b2b2b;\n  border: 1px solid rgba(229,180,44,0.18);\n  overflow: hidden;\n  margin-top: 0;\n}\n.hf-gc2-size-img img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  transition: transform 0.8s ease;\n}\n.hf-gc2-size-img:hover img { transform: scale(1.04); }\n.hf-gc2-size-ph {\n  width: 100%; height: 100%;\n  background: #1a1a1a;\n}\n\n\/* ========================================\n   SPEC\n======================================== *\/\n.hf-gc2-spec {\n  background: #161616;\n  padding: 56px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.hf-gc2-spec::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #00b0ae, transparent);\n}\n\n.hf-gc2-spec-title {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 18px;\n  letter-spacing: 3px;\n  color: #e5b42c !important;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.hf-gc2-spec-title::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: rgba(229,180,44,0.18);\n}\n\n.hf-gc2-spec-list {\n  list-style: none;\n  border: 1px solid rgba(229,180,44,0.18);\n  overflow: hidden;\n  margin-bottom: 0;\n}\n.hf-gc2-spec-list li {\n  display: flex;\n  align-items: flex-start;\n  border-bottom: 1px solid rgba(229,180,44,0.1);\n  font-size: 13px !important;\n  transition: background 0.2s;\n}\n.hf-gc2-spec-list li:last-child { border-bottom: none; }\n.hf-gc2-spec-list li:hover { background: rgba(255,255,255,0.02); }\n.hf-gc2-spec-th {\n  padding: 14px 16px;\n  color: #ffffff !important;\n  font-weight: 300 !important;\n  width: 38%;\n  flex-shrink: 0;\n}\n.hf-gc2-spec-td {\n  padding: 14px 16px;\n  color: #f5f1e8 !important;\n}\n.hf-gc2-spec-td-note {\n  font-size: 11px !important;\n  color: rgba(201,192,173,0.6) !important;\n  display: block;\n  margin-top: 4px;\n}\n\n\/* ========================================\n   CAUTION\n======================================== *\/\n.hf-gc2-caution {\n  background: #222222;\n  padding: 40px 24px;\n  position: relative;\n}\n.hf-gc2-caution::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #e5b42c, transparent);\n}\n\n.hf-gc2-acc {\n  border: 1px solid rgba(229,180,44,0.18);\n  margin-bottom: 12px;\n  overflow: hidden;\n}\n.hf-gc2-acc-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 18px 20px;\n  cursor: pointer;\n  background: #2b2b2b;\n  transition: background 0.3s;\n  user-select: none;\n}\n.hf-gc2-acc-header:hover { background: #333; }\n.hf-gc2-acc-header-inner {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.hf-gc2-acc-badge {\n  width: 28px; height: 28px;\n  border-radius: 50%;\n  background: rgba(229,180,44,0.15);\n  border: 1px solid #e5b42c;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 12px;\n  color: #e5b42c !important;\n  flex-shrink: 0;\n}\n.hf-gc2-acc-title {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 15px;\n  letter-spacing: 2px;\n  color: #f5f1e8 !important;\n}\n.hf-gc2-acc-arrow {\n  width: 20px; height: 20px;\n  display: flex; align-items: center; justify-content: center;\n  transition: transform 0.35s;\n  color: #e5b42c !important;\n}\n.hf-gc2-acc.open .hf-gc2-acc-arrow { transform: rotate(180deg); }\n\n.hf-gc2-acc-body {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.3s;\n  background: #1e1e1e;\n  padding: 0 20px;\n}\n.hf-gc2-acc.open .hf-gc2-acc-body {\n  max-height: 800px;\n  padding: 24px 20px;\n}\n.hf-gc2-acc-sub {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 12px;\n  letter-spacing: 3px;\n  color: #00b0ae !important;\n  display: block;\n  margin-bottom: 16px;\n}\n.hf-gc2-acc-body p {\n  font-size: 12px !important;\n  line-height: 1.9 !important;\n  color: #ffffff !important;\n  margin-bottom: 12px;\n  padding-left: 12px;\n  border-left: 2px solid rgba(229,180,44,0.18);\n}\n.hf-gc2-acc-body p:last-child { margin-bottom: 0; }\n\n\/* ========================================\n   CUSTOMER SUPPORT\n======================================== *\/\n.hf-gc2-support {\n  background: #161616;\n  padding: 72px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.hf-gc2-support::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #e5b42c, transparent);\n}\n.hf-gc2-support-logo {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 11px;\n  letter-spacing: 0.4em;\n  color: #00b0ae !important;\n  margin-bottom: 16px;\n  display: block;\n  text-align: center;\n}\n.hf-gc2-support-tagline {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: clamp(28px, 5vw, 52px);\n  letter-spacing: 0.08em;\n  color: #f5f1e8 !important;\n  margin-bottom: 48px;\n  display: block;\n  text-align: center;\n}\n.hf-gc2-support-items {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 2px !important;\n  display: grid !important;\n}\n@media (max-width: 768px) {\n  .hf-gc2-support-items { grid-template-columns: 1fr !important; }\n}\n.hf-gc2-support-item {\n  background: #2b2b2b;\n  border-top: 2px solid #e5b42c;\n  padding: 32px 28px 36px;\n}\n.hf-gc2-support-icon {\n  width: 80px !important; height: 80px !important;\n  margin: 0 auto 16px !important;\n  display: block !important;\n  filter: brightness(0) invert(1) opacity(0.85);\n}\n.hf-gc2-support-item-title {\n  font-family: 'Noto Sans JP', sans-serif !important;\n  font-size: 15px !important; font-weight: 700 !important;\n  color: #f5f1e8 !important; margin-bottom: 12px !important;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(229,180,44,0.2);\n}\n.hf-gc2-support-item-body {\n  font-size: 13px !important; line-height: 2 !important;\n  color: #ffffff !important; font-weight: 300 !important;\n}\n\n\/* ========================================\n   SCROLL FADE-IN\n======================================== *\/\n.hf-gc2-fade {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s cubic-bezier(0.25,0.46,0.45,0.94),\n              transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.hf-gc2-fade.hf-gc2-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n.hf-gc2-fade-left {\n  opacity: 0;\n  transform: translateX(-20px);\n  transition: opacity 0.55s cubic-bezier(0.25,0.46,0.45,0.94),\n              transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.hf-gc2-fade-left.hf-gc2-visible {\n  opacity: 1 !important;\n  transform: translateX(0) !important;\n}\n.hf-gc2-d1 { transition-delay: 0.1s; }\n.hf-gc2-d2 { transition-delay: 0.2s; }\n.hf-gc2-d3 { transition-delay: 0.3s; }\n\n\/* ========================================\n   MOBILE OVERRIDES (〜430px \/ iPhone対応)\n======================================== *\/\n@media (max-width: 430px) {\n\n  \/* --- HERO --- *\/\n  .hf-gc2-hero {\n    padding: 40px 20px 36px;\n  }\n  .hf-gc2-hero-title {\n    margin-bottom: 24px;\n  }\n  .hf-gc2-hero-title em {\n    font-size: 26px !important;\n  }\n  .hf-gc2-hero-title-sub {\n    font-size: 12px !important;\n    margin-top: 8px;\n  }\n  .hf-gc2-hero-catchsmall {\n    font-size: 11px !important;\n    margin-bottom: 10px;\n  }\n  .hf-gc2-hero-catch {\n    font-size: 15px !important;\n    line-height: 1.65 !important;\n    text-align: center !important;\n  }\n  .hf-gc2-catch-line {\n    white-space: nowrap;\n    display: block;\n    font-size: 15px !important;\n  }\n\n  \/* --- SECTION共通 --- *\/\n  .hf-gc2-problem,\n  .hf-gc2-solution,\n  .hf-gc2-points,\n  .hf-gc2-scene,\n  .hf-gc2-size,\n  .hf-gc2-spec,\n  .hf-gc2-caution,\n  .hf-gc2-support {\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-top: 44px;\n    padding-bottom: 44px;\n  }\n\n  \/* --- セクション見出し --- *\/\n  .hf-gc2-section-heading {\n    font-size: 20px !important;\n    margin-bottom: 20px;\n  }\n  .hf-gc2-heading-line {\n    display: block;\n    white-space: nowrap;\n    font-size: 20px !important;\n  }\n\n  \/* --- 解決メッセージ 強調コピー --- *\/\n  .hf-gc2-strong-copy {\n    padding: 24px 16px !important;\n    margin-bottom: 24px;\n  }\n  .hf-gc2-strong-text {\n    font-size: 18px !important;\n  }\n\n  \/* --- 4機能グリッド --- *\/\n  .hf-gc2-4grid {\n    gap: 6px !important;\n  }\n  .hf-gc2-4grid-label {\n    font-size: 10px;\n    padding: 8px 10px;\n  }\n\n  \/* --- POINT番号 --- *\/\n  .hf-gc2-point-num {\n    font-size: 56px !important;\n    margin-bottom: -12px !important;\n  }\n  .hf-gc2-point-title {\n    font-size: 17px !important;\n    line-height: 1.45 !important;\n  }\n\n  \/* --- divider --- *\/\n  .hf-gc2-divider {\n    margin-bottom: 24px;\n  }\n  .hf-gc2-divider span {\n    font-size: 12px;\n    letter-spacing: 2px;\n  }\n\n  \/* --- SCENEカード --- *\/\n  .hf-gc2-scene-card-label {\n    padding: 10px 14px;\n  }\n  .hf-gc2-scene-card-text {\n    font-size: 12px !important;\n  }\n\n  \/* --- SPEC --- *\/\n  .hf-gc2-spec-title {\n    font-size: 15px;\n    letter-spacing: 2px;\n  }\n  .hf-gc2-spec-th,\n  .hf-gc2-spec-td {\n    padding: 11px 12px;\n    font-size: 12px !important;\n  }\n\n  \/* --- アコーディオン --- *\/\n  .hf-gc2-acc-title {\n    font-size: 13px;\n    letter-spacing: 1px;\n  }\n  .hf-gc2-acc-header {\n    padding: 15px 16px;\n  }\n\n  \/* --- カスタマーサポート --- *\/\n  .hf-gc2-support-tagline {\n    font-size: 28px !important;\n    margin-bottom: 32px;\n  }\n  .hf-gc2-support-item {\n    padding: 24px 20px 28px;\n  }\n  .hf-gc2-support-icon {\n    width: 60px !important;\n    height: 60px !important;\n  }\n  .hf-gc2-support-item-title {\n    font-size: 14px !important;\n  }\n\n  \/* --- SEP margin --- *\/\n  .hf-gc2-sep {\n    margin: 0 16px;\n  }\n}\n\/* ========================================\n   SECTION BIG TITLE\n======================================== *\/\n.hf-gc2-section-title-wrap {\n  text-align: center !important;\n  margin-bottom: 48px;\n  padding-bottom: 32px;\n}\n.hf-gc2-section-title-en {\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: 12px !important;\n}\n.hf-gc2-section-title-main {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: clamp(52px, 12vw, 96px) !important;\n  line-height: 1 !important;\n  letter-spacing: 0.06em !important;\n  color: #f5f1e8 !important;\n  display: block !important;\n  margin-bottom: 8px !important;\n}\n.hf-gc2-section-title-sub {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 13px !important;\n  letter-spacing: 4px !important;\n  color: rgba(229,180,44,0.5) !important;\n  display: block !important;\n}\n\n.hf-gc2-scene-header {\n  text-align: center !important;\n  position: relative;\n  margin-bottom: 40px;\n}\n.hf-gc2-scene-header-bg {\n  position: absolute;\n  top: -8px;\n  left: 50%;\n  transform: translateX(-50%);\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 96px !important;\n  font-weight: 900 !important;\n  color: rgba(229,180,44,0.04) !important;\n  line-height: 1;\n  pointer-events: none;\n  white-space: nowrap;\n  letter-spacing: 0.06em;\n}\n.hf-gc2-scene-header-label {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 9px !important;\n  letter-spacing: 5px !important;\n  color: #00b0ae !important;\n  display: block !important;\n  margin-bottom: 10px;\n  position: relative;\n}\n.hf-gc2-scene-header-deco {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  margin-bottom: 10px;\n  position: relative;\n}\n.hf-gc2-scene-header-deco-line {\n  width: 40px;\n  height: 1px;\n  background: rgba(229,180,44,0.35);\n}\n.hf-gc2-scene-header-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.hf-gc2-scene-header-title {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: clamp(36px, 8vw, 56px) !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.1em !important;\n  color: #f5f1e8 !important;\n  line-height: 1 !important;\n  margin-bottom: 6px;\n  position: relative;\n  display: block !important;\n}\n.hf-gc2-scene-header-sub {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 11px !important;\n  letter-spacing: 3px !important;\n  color: rgba(229,180,44,0.5) !important;\n  position: relative;\n  display: block !important;\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"hf-gc2-wrap\" id=\"hf-gc2-wrap\"\u003e\n\n  \u003c!-- ========================================\n       01. HERO\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-hero\"\u003e\n    \u003cspan class=\"hf-gc2-hero-eyebrow\"\u003eHILLS FIELD GLASS CASE\u003c\/span\u003e\n    \u003cp class=\"hf-gc2-hero-catchsmall\"\u003e割れない安心、持ち歩ける楽しさ。\u003c\/p\u003e\n    \u003ch2 class=\"hf-gc2-hero-title\"\u003e\n      \u003cem\u003eGLASS CASE DOUBLE\u003c\/em\u003e\n      \u003cspan class=\"hf-gc2-hero-title-sub\"\u003eグラスケースダブル\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"hf-gc2-hero-img hf-gc2-fade\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_hero_1600x1200_e99a148e-29ae-409e-9180-afc0fb4a1257.jpg?v=1784094645\" alt=\"割れない安心、持ち歩ける楽しさ。グラスケース\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hf-gc2-catch-deco hf-gc2-fade hf-gc2-d1\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n    \u003ch3 class=\"hf-gc2-hero-catch hf-gc2-fade hf-gc2-d1\"\u003e\n      \u003cspan class=\"hf-gc2-catch-line\"\u003eお気に入りのグラスを、割れる心配なく。\u003c\/span\u003e\u003cspan class=\"hf-gc2-catch-line\"\u003eキャンプにもBBQにも連れ出せるグラスケース。\u003c\/span\u003e\n    \u003c\/h3\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hf-gc2-sep\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ========================================\n       02. 悩み訴求\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-problem\"\u003e\n    \u003ch2 class=\"hf-gc2-section-heading hf-gc2-fade\"\u003e\n      グラスを持ち歩くのって、意外と気を使う。\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hf-gc2-inline-body\"\u003e\n      お気に入りのグラスをキャンプやBBQに持って行きたい。でも実際に持ち運んでみると、割れないか不安だったり、収納に困ったり、小さなストレスを感じることがあります。\n    \u003c\/p\u003e\n\n    \u003cul class=\"hf-gc2-pain-list hf-gc2-fade hf-gc2-d2\"\u003e\n      \u003cli\u003e\n\u003cspan class=\"hf-gc2-pain-bullet\"\u003e\u003c\/span\u003eむき出しで持ち運んで、割れないか心配\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"hf-gc2-pain-bullet\"\u003e\u003c\/span\u003e収納袋が薄くて、バッグの中で不安\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"hf-gc2-pain-bullet\"\u003e\u003c\/span\u003eそのまま持ち運ぶと、汚れや傷が気になる\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"hf-gc2-pain-bullet\"\u003e\u003c\/span\u003e荷物の中でかさばって、収納場所に困る\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"hf-gc2-pain-bullet\"\u003e\u003c\/span\u003e見た目がシンプルすぎて、自分らしさを出せない\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"hf-gc2-pain-bullet\"\u003e\u003c\/span\u003eキャンプ以外にも気軽に持ち出せる専用ケースがない\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hf-gc2-sep\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ========================================\n       03. 解決メッセージ\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-solution\"\u003e\n    \u003cspan class=\"hf-gc2-label\"\u003eOUR ANSWER\u003c\/span\u003e\n    \u003cdiv class=\"hf-gc2-divider\"\u003e\n      \u003cspan\u003eTHE SOLUTION\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"hf-gc2-section-heading\"\u003e\u003cspan class=\"hf-gc2-heading-line\"\u003eだから、割れない安心とデザインを両立させたケースを。\u003c\/span\u003e\u003c\/h2\u003e\n\n    \u003cp class=\"hf-gc2-solution-body hf-gc2-fade\"\u003e\n      グラスケースは、しまうためだけのケースではありません。極厚ウレタンで守る、PEVA裏地で清潔に保つ、カラビナで自分好みにカスタムする。キャンプからBBQまで、グラスと過ごす時間を自由にするケースです。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"hf-gc2-strong-copy hf-gc2-fade hf-gc2-d1\"\u003e\n      \u003cdiv class=\"hf-gc2-strong-item\"\u003e\n        \u003cspan class=\"hf-gc2-strong-text\"\u003e\u003cem\u003e守れる。\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-strong-sep\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-strong-text\"\u003e運べる。\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-strong-sep\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-strong-text\"\u003e\u003cem\u003e清潔に。\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-strong-sep\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-strong-text\"\u003e楽しめる。\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hf-gc2-sep\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ========================================\n       04. POINT\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-points\"\u003e\n    \u003cdiv class=\"hf-gc2-section-title-wrap hf-gc2-fade\"\u003e\n      \u003cspan class=\"hf-gc2-section-title-en\"\u003eHILLS FIELD — FEATURES\u003c\/span\u003e\n      \u003cspan class=\"hf-gc2-section-title-main\"\u003e7 POINTS\u003c\/span\u003e\n      \u003cspan class=\"hf-gc2-section-title-sub\"\u003eグラスケースの7つのポイント\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- POINT 01 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 01\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003eEASY CARRY\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e01\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003e安全に持ち運べる収納力\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003eお気に入りのグラスを、そのまま持ち運ぶのは少し不安。グラスケースなら、専用の収納力でしっかり包み込み、安心して持ち運べます。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point01_1600x1200_3ea158f9-17c0-4547-83eb-fbb91e72bdb6.jpg?v=1784094645\" alt=\"安全に持ち運べる収納力\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- POINT 02 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 02\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003eTHICK PROTECTION\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e02\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003e極厚のウレタンがグラスをしっかり保護\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003e芯材には10mmの極厚ウレタンフォームを採用。持ち運び中の衝撃や揺れからグラスをしっかり守ります。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point02_1600x1200_63a76df5-af61-436b-91f2-646389bd826c.jpg?v=1784094645\" alt=\"極厚のウレタンがグラスをしっかり保護\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- POINT 03 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 03\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003eHYGIENIC DESIGN\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e03\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003e衛生面も考慮した使いやすいデザイン\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003eグラスを口にする道具だからこそ、衛生面にもこだわりました。汚れが気になりにくく、清潔に使い続けられるデザインです。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point03_1600x1200_bca729aa-d011-4eca-bacd-764d24518244.jpg?v=1784094645\" alt=\"衛生面も考慮した使いやすいデザイン\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- POINT 04 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 04\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003ePEVA LINING\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e04\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003e裏地にはPEVA生地を採用\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003e裏地には水や汚れに強いPEVA生地を採用。グラスの結露や飲みこぼしにも気兼ねなく対応できます。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point04_1600x1200_7371e6c2-1221-4cb2-89b0-939ca5156912.jpg?v=1784094644\" alt=\"裏地にはPEVA生地を採用\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- POINT 05 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 05\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003eINNER POCKET\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e05\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003e上部内側に便利な収納ポケット付き\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003eケース上部の内側には便利な収納ポケットを装備。コースターや小物もまとめて持ち運べます。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point05_1600x1200_d01ab5dd-001e-45b4-b551-30f45f3f813b.jpg?v=1784094645\" alt=\"上部内側に便利な収納ポケット付き\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- POINT 06 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 06\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003eCUSTOMIZABLE\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e06\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003eカラビナやストラップを取り付けて自分好みにカスタマイズ\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003eカラビナやストラップを取り付けられる仕様で、自分好みのスタイルにカスタマイズ可能。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point06_1600x1200_55f45507-c84e-4c57-8231-23d1f7b442ec.jpg?v=1784094644\" alt=\"カラビナやストラップを取り付けて自分好みにカスタマイズ\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c!-- POINT 07 --\u003e\n    \u003cdiv class=\"hf-gc2-point-block\"\u003e\n      \u003cspan class=\"hf-gc2-label\"\u003ePOINT 07\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-divider hf-gc2-fade\"\u003e\u003cspan\u003eANYWHERE, ANYTIME\u003c\/span\u003e\u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-point-num hf-gc2-fade\"\u003e07\u003c\/span\u003e\n      \u003ch2 class=\"hf-gc2-point-title hf-gc2-fade\"\u003eキャンプやBBQへ気軽に運べる\u003c\/h2\u003e\n      \u003cdiv class=\"hf-gc2-point-body hf-gc2-fade hf-gc2-d1\"\u003e\u003cp\u003eキャンプはもちろん、BBQや公園でのピクニックにも気軽に持ち出せます。お気に入りのグラスと一緒に、いつもの外での時間を楽しめます。\u003c\/p\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-point-img hf-gc2-fade hf-gc2-d2\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_point07_1600x1200_ca84f890-cc08-4844-bf92-ef5b24ab1ff1.jpg?v=1784094644\" alt=\"キャンプやBBQへ気軽に運べる\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hf-gc2-sep\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ========================================\n       SIZE\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-size\"\u003e\n    \u003cdiv class=\"hf-gc2-scene-header hf-gc2-fade\"\u003e\n      \u003cspan class=\"hf-gc2-scene-header-bg\"\u003eSIZE\u003c\/span\u003e\n      \u003cspan class=\"hf-gc2-scene-header-label\"\u003eSIZE\u003c\/span\u003e\n      \u003cdiv class=\"hf-gc2-scene-header-deco\"\u003e\n        \u003cdiv class=\"hf-gc2-scene-header-deco-line\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hf-gc2-scene-header-deco-dot\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hf-gc2-scene-header-deco-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hf-gc2-scene-header-title\"\u003eSIZE GUIDE\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hf-gc2-size-img hf-gc2-fade\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase_size_1600x1200_c2557079-7644-47d5-8368-d7a2c9b1b208.jpg?v=1784094644\" alt=\"SIZE図\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hf-gc2-sep\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ========================================\n       SPEC\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-spec\"\u003e\n    \u003cdiv class=\"hf-gc2-divider\"\u003e\n      \u003cspan\u003ePRODUCT DETAILS\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hf-gc2-spec-title hf-gc2-fade\"\u003eGLASS CASE DOUBLE\u003c\/div\u003e\n    \u003cul class=\"hf-gc2-spec-list hf-gc2-fade hf-gc2-d1\"\u003e\n      \u003cli\u003e\n        \u003cspan class=\"hf-gc2-spec-th\"\u003e表地\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-spec-td\"\u003e300Dナイロン ダイヤモンドリップストップ\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"hf-gc2-spec-th\"\u003e裏地\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-spec-td\"\u003ePEVA\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"hf-gc2-spec-th\"\u003e芯材\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-spec-td\"\u003eウレタンフォーム材 10mm\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"hf-gc2-spec-th\"\u003e重量\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-spec-td\"\u003e約220g\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"hf-gc2-spec-th\"\u003e製造国\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-spec-td\"\u003e中国\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"hf-gc2-spec-th\"\u003eセット内容\u003c\/span\u003e\n        \u003cspan class=\"hf-gc2-spec-td\"\u003eケース本体\n          \u003cspan class=\"hf-gc2-spec-td-note\"\u003e※こちらの商品はケースのみとなります。グラスは付いてきません。\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hf-gc2-sep\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ========================================\n       CAUTION\n  ======================================== --\u003e\n  \u003csection class=\"hf-gc2-caution\"\u003e\n    \u003cdiv class=\"hf-gc2-divider\"\u003e\n      \u003cspan\u003eNOTES \u0026amp; WARNINGS\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hf-gc2-acc\" id=\"hf-gc2-acc-1\"\u003e\n      \u003cdiv class=\"hf-gc2-acc-header\" data-gc2-acc=\"hf-gc2-acc-1\"\u003e\n        \u003cdiv class=\"hf-gc2-acc-header-inner\"\u003e\n          \u003cdiv class=\"hf-gc2-acc-badge\"\u003e!\u003c\/div\u003e\n          \u003cspan class=\"hf-gc2-acc-title\"\u003eグラスケース 注意事項\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hf-gc2-acc-arrow\"\u003e\n          \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpolyline points=\"4 6 8 10 12 6\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hf-gc2-acc-body\"\u003e\n        \u003cspan class=\"hf-gc2-acc-sub\"\u003eご使用上の注意\u003c\/span\u003e\n        \u003cp\u003e完全にグラス保護をするわけではございません。高い所からの落下、強い衝撃でグラスが割れる可能性はございますのでご注意ください。\u003c\/p\u003e\n        \u003cp\u003eグラス保護を目的としておりますので、グラス以外の用途に使用する想定はしておりませんのでご了承お願いいたします。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n(function() {\n  function initFade() {\n    var targets = document.querySelectorAll(\n      '#hf-gc2-wrap .hf-gc2-fade, #hf-gc2-wrap .hf-gc2-fade-left'\n    );\n    if (!targets.length) return;\n\n    \/\/ fallback: IntersectionObserver非対応環境では即表示\n    if (!('IntersectionObserver' in window)) {\n      targets.forEach(function(el) { el.classList.add('hf-gc2-visible'); });\n      return;\n    }\n\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('hf-gc2-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n    targets.forEach(function(el) { io.observe(el); });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFade);\n  } else {\n    initFade();\n  }\n})();\n\u003c\/script\u003e\n\u003cscript\u003e\n(function() {\n  function initAcc() {\n    var headers = document.querySelectorAll('[data-gc2-acc]');\n    headers.forEach(function(header) {\n      header.style.cursor = 'pointer';\n      header.addEventListener('click', function() {\n        var id = this.getAttribute('data-gc2-acc');\n        var acc = document.getElementById(id);\n        if (acc) acc.classList.toggle('open');\n      });\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAcc);\n  } else {\n    initAcc();\n  }\n})();\n\u003c\/script\u003e","brand":"HILLSFIELD","offers":[{"title":"Default Title","offer_id":43126430433345,"sku":"HF-GLC-A","price":7700.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/0313\/2481\/files\/glasscase-sum.jpg?v=1765079854","url":"https:\/\/www.hills-field.com\/products\/glasscase","provider":"HILLS FIELD","version":"1.0","type":"link"}