{"title":"2027福袋","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBAB HAPPY BAG 2026\u003c\/title\u003e\n\n\u003cstyle\u003e\n\n#bab-happybag {\n  font-family: \"Yu Gothic\", \"游ゴシック\", YuGothic, sans-serif;\n}\n\n\/* 英語・数字もシンプルなゴシック体に統一 *\/\n#bab-happybag :lang(en) {\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* =========================\n   BAB HAPPY BAG\n========================= *\/\n#bab-happybag {\n  --bg: #f8f5f1;\n  --text: #39332f;\n  --sub: #8b8176;\n  --pink: #eeb6cf;\n  --tab: #9dbbc5;\n  --line: #d9d1ca;\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  overflow: hidden;\n  background: var(--bg);\n  color: var(--text);\n  font-family: \"Yu Gothic\", \"Noto Sans JP\", sans-serif;\n}\n\n#bab-happybag *,\n#bab-happybag *::before,\n#bab-happybag *::after {\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n#bab-happybag img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n#bab-happybag a {\n  color: inherit;\n  text-decoration: none;\n}\n\n#bab-happybag button {\n  font-family: inherit;\n}\n\n\/* ---------- Top visual ---------- *\/\n#bab-happybag .hb-top {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 58svh;\n  min-height: 400px;\n  max-height: 600px;\n  overflow: hidden;\n  background: var(--bg);\n}\n\n#bab-happybag .hb-top-stack {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 47%;\n  max-width: 460px;\n  aspect-ratio: 3 \/ 4;\n  transform: translate(-50%, -50%);\n}\n\n#bab-happybag .hb-top-image {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(40px) scale(.94);\n  box-shadow: 0 5px 20px rgba(0, 0, 0, .12);\n  transition:\n    opacity .8s ease,\n    transform 1.1s cubic-bezier(.2, .7, .2, 1);\n}\n\n#bab-happybag .hb-top-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n#bab-happybag .hb-top-image:nth-child(1) {\n  transform: translateY(40px) rotate(-8deg);\n  transition-delay: .1s;\n}\n\n#bab-happybag .hb-top-image:nth-child(2) {\n  transform: translateY(40px) rotate(7deg);\n  transition-delay: .4s;\n}\n\n#bab-happybag .hb-top-image:nth-child(3) {\n  transform: translateY(40px) rotate(-4deg);\n  transition-delay: .7s;\n}\n\n#bab-happybag .hb-top-image:nth-child(4) {\n  transform: translateY(40px) rotate(5deg);\n  transition-delay: 1s;\n}\n\n#bab-happybag .hb-top-image:nth-child(5) {\n  transform: translateY(40px) rotate(-2deg);\n  transition-delay: 1.3s;\n}\n\n#bab-happybag .hb-top-image:nth-child(6) {\n  transform: translateY(40px) rotate(0);\n  transition-delay: 1.6s;\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image {\n  opacity: 1;\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image:nth-child(1) {\n  transform: translateY(0) rotate(-8deg);\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image:nth-child(2) {\n  transform: translateY(0) rotate(7deg);\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image:nth-child(3) {\n  transform: translateY(0) rotate(-4deg);\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image:nth-child(4) {\n  transform: translateY(0) rotate(5deg);\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image:nth-child(5) {\n  transform: translateY(0) rotate(-2deg);\n}\n\n#bab-happybag .hb-top.is-active .hb-top-image:nth-child(6) {\n  transform: translateY(0) rotate(0);\n}\n\n\/* ---------- Heading ---------- *\/\n#bab-happybag .hb-heading {\n  padding: 35px 20px 30px;\n  text-align: center;\n}\n\n#bab-happybag .hb-heading small {\n  display: block;\n  margin-bottom: 4px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 12px;\n  letter-spacing: .2em;\n}\n\n#bab-happybag .hb-heading h2 {\n  margin: 0;\n  font-size: clamp(24px, 3vw, 36px);\n  font-weight: 500;\n  letter-spacing: .08em;\n}\n\n#bab-happybag .hb-heading p {\n  margin-top: 25px;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* ---------- Tabs ---------- *\/\n#bab-happybag .hb-tabs-wrap {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  border-bottom: 1px solid var(--line);\n  background: var(--bg);\n}\n\n#bab-happybag .hb-tabs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 2px;\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n#bab-happybag .hb-tab {\n  position: relative;\n  padding: 20px 10px;\n  border: 1px solid #fff;\n  border-radius: 12px 12px 0 0;\n  background: var(--tab);\n  color: #fff;\n  font-size: 13px;\n  letter-spacing: .08em;\n  cursor: pointer;\n  transition: background .3s, color .3s;\n}\n\n#bab-happybag .hb-tab span {\n  display: block;\n  margin-bottom: 7px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 10px;\n  letter-spacing: .15em;\n}\n\n#bab-happybag .hb-tab.is-active {\n  background: #fff;\n  color: var(--text);\n  border: 1px solid var(--tab);\n  border-bottom: 3px solid var(--tab);\n  font-weight: 600;\n}\n\n#bab-happybag .hb-tab.is-active::after {\n  display: block;\n  margin-top: 7px;\n  color: var(--tab);\n  font-size: 9px;\n  content: \"▼\";\n}\n\n\/* ---------- Panels ---------- *\/\n#bab-happybag .hb-panel {\n  display: none;\n}\n\n#bab-happybag .hb-panel.is-active {\n  display: block;\n}\n\n#bab-happybag .hb-scene {\n  width: 95%;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 80px 30px 100px;\n}\n\n#bab-happybag .hb-scene-title {\n  margin-bottom: 50px;\n  text-align: center;\n}\n\n#bab-happybag .hb-scene-title small {\n  display: block;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: .1em;\n  margin-bottom: 5px;\n}\n\n#bab-happybag .hb-scene-title h3 {\n  margin: 0;\n  font-size: clamp(29px, 3vw, 36px);\n  font-weight: 600;\n  letter-spacing: .01em;\n}\n\n#bab-happybag .hb-scene-title p {\n  margin-top: 10px;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* ---------- Slider \/ Coordinate ---------- *\/\n#bab-happybag .hb-coordinate {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  width: 100%;\n  max-width: 680px;\n  margin: 0 auto 80px;\n}\n\n#bab-happybag .hb-slider {\n  position: relative;\n  grid-column: 1;\n  grid-row: 1;\n  width: 80%;\n  margin: 0 auto;\n  overflow: hidden;\n  background: #e8e0d8;\n}\n\n#bab-happybag .hb-slide {\n  display: none;\n}\n\n#bab-happybag .hb-slide.is-active {\n  display: block;\n  animation: hbFade .7s ease;\n}\n\n#bab-happybag .hb-slide img {\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  object-fit: cover;\n  object-position: center;\n}\n\n@keyframes hbFade {\n  from { opacity: .3; }\n  to { opacity: 1; }\n}\n\n#bab-happybag .hb-slider-arrow {\n  display: none !important;\n}\n\n#bab-happybag .hb-slider-count {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 5;\n  padding: 6px 12px;\n  background: rgba(255, 255, 255, .85);\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 11px;\n}\n\n\/* ---------- Coordinate marquee ---------- *\/\n#bab-happybag .hb-coordinate-marquee {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: end;\n  z-index: 6;\n  width: 50%;\n  margin: 0;\n  padding: 12px 0;\n  overflow: hidden;\n  background: var(--pink);\n  color: var(--text);\n  transform: translateY(50%);\n  pointer-events: none;\n}\n\n#bab-happybag .hb-coordinate-marquee-track {\n  display: flex;\n  width: max-content;\n  white-space: nowrap;\n  animation: hbCoordinateScroll 20s linear infinite;\n}\n\n#bab-happybag .hb-coordinate-marquee-track span {\n  flex-shrink: 0;\n  padding: 0 25px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 24px;\n  letter-spacing: .04em;\n}\n\n@keyframes hbCoordinateScroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n#bab-happybag .hb-coordinate-copy {\n  grid-column: 1;\n  grid-row: 2;\n  position: relative;\n  z-index: 3;\n  width: 92%;\n  margin: 40px auto 0;\n  padding: 15px;\n  background: var(--pink);\n  font-size: 12px;\n  line-height: 1.8;\n  letter-spacing: .03em;\n}\n\n\/* ---------- Credit ---------- *\/\n#bab-happybag .hb-credit {\n  width: 100%;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n#bab-happybag .hb-credit-title {\n  display: none;\n}\n\n#bab-happybag .hb-credit-item {\n  display: grid;\n  grid-template-columns: 75px minmax(0, 1fr) 65px;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  padding: 10px 0;\n}\n\n#bab-happybag .hb-credit-item img {\n  width: 75px;\n  aspect-ratio: 3 \/ 4;\n  object-fit: cover;\n}\n\n#bab-happybag .hb-credit-info {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 11px;\n  line-height: 1.3;\n}\n\n#bab-happybag .hb-credit-info small {\n  display: block;\n  margin-bottom: 5px;\n  font-size: 14px;\n  letter-spacing: .08em;\n}\n\n#bab-happybag .hb-credit-info p {\n  margin: 0;\n}\n\n#bab-happybag .hb-credit-price {\n  margin-top: 5px !important;\n}\n\n#bab-happybag .hb-buy {\n  display: inline-block;\n  padding: 7px 15px;\n  background: #554b4b;\n  color: #fff !important;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 11px;\n  letter-spacing: .05em;\n  white-space: nowrap;\n}\n\n\/* ---------- Mobile ---------- *\/\n@media screen and (max-width: 767px) {\n  #bab-happybag .hb-top {\n    height: 43svh;\n    min-height: 360px;\n    max-height: 500px;\n  }\n\n  #bab-happybag .hb-top-stack {\n    width: 55%;\n  }\n\n  #bab-happybag .hb-heading {\n    padding: 10px 15px 50px;\n  }\n\n  #bab-happybag .hb-tab {\n    padding: 10px 3px;\n    font-size: 11px;\n  }\n\n  #bab-happybag .hb-tab span {\n    font-size: 9px;\n  }\n\n  #bab-happybag .hb-scene {\n    padding: 30px 15px 40px;\n  }\n\n  #bab-happybag .hb-scene-title {\n    margin-bottom: 35px;\n  }\n\n  #bab-happybag .hb-coordinate {\n    margin-bottom: 20px;\n  }\n\n  #bab-happybag .hb-coordinate-marquee {\n    padding: 8px 0;\n  }\n\n  #bab-happybag .hb-coordinate-marquee-track {\n    animation-duration: 16s;\n  }\n\n  #bab-happybag .hb-coordinate-marquee-track span {\n    padding: 0 20px;\n    font-size: 20px;\n  }\n\n  #bab-happybag .hb-coordinate-copy {\n    width: 100%;\n    padding: 12px;\n    font-size: 11px;\n  }\n\n  #bab-happybag .hb-credit-item {\n    grid-template-columns: 60px minmax(0, 1fr) 55px;\n    gap: 8px;\n  }\n\n  #bab-happybag .hb-credit-item img {\n    width: 60px;\n  }\n\n  #bab-happybag .hb-credit-info {\n    font-size: 14px;\n  }\n\n  #bab-happybag .hb-buy {\n    padding: 10px 4px;\n    font-size: 15px;\n  }\n}\n\n\/* ---------- Reduced motion ---------- *\/\n@media (prefers-reduced-motion: reduce) {\n  #bab-happybag *,\n  #bab-happybag *::before,\n  #bab-happybag *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\n\n\n\n\u003cdiv id=\"bab-happybag\"\u003e\n\n  \u003c!-- =========================\n       01. TOP VISUAL\n  ========================= --\u003e\n  \u003csection class=\"hb-top\"\u003e\n\n    \u003cdiv class=\"hb-top-stack\"\u003e\n\n      \u003cdiv class=\"hb-top-image\"\u003e\n        \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_31.jpg?v=1793425195\u0026amp;width=1000\" alt=\"\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-top-image\"\u003e\n        \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_11.jpg?v=1793425439\u0026amp;width=1000\" alt=\"\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-top-image\"\u003e\n        \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_17.jpg?v=1793425439\u0026amp;width=1000\" alt=\"\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-top-image\"\u003e\n        \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016608_04.jpg?v=1793424993\u0026amp;width=1000\" alt=\"\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-top-image\"\u003e\n        \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_02.jpg?v=1793425196\u0026amp;width=1000\" alt=\"\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-top-image\"\u003e\n        \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_38.jpg?v=1793425195\u0026amp;width=1000\" alt=\"\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- =========================\n       02. TITLE\n  ========================= --\u003e\n  \u003csection class=\"hb-heading\"\u003e\n    \u003csmall lang=\"en\"\u003e2027 HAPPY BAG\u003c\/small\u003e\n    \u003ch2\u003e福袋ご予約スタート\u003c\/h2\u003e\n    \u003cp\u003e\n      新しい一年を彩る、3つの福袋。\u003cbr\u003e\n      ワクワク感と、うれしいときめきを詰め込んで。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- =========================\n       03. TABS\n  ========================= --\u003e\n  \u003cdiv class=\"hb-tabs-wrap\"\u003e\n    \u003cdiv class=\"hb-tabs\" role=\"tablist\"\u003e\n\n      \u003cbutton class=\"hb-tab is-active\" type=\"button\" data-tab=\"0\" aria-selected=\"true\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        福袋.1\n      \u003c\/button\u003e\n\n      \u003cbutton class=\"hb-tab\" type=\"button\" data-tab=\"1\" aria-selected=\"false\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        福袋.2\n      \u003c\/button\u003e\n\n      \u003cbutton class=\"hb-tab\" type=\"button\" data-tab=\"2\" aria-selected=\"false\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        福袋.3\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- =========================\n       BAG 01\n  ========================= --\u003e\n  \u003cdiv class=\"hb-panel is-active\" data-panel=\"0\"\u003e\n\n    \u003csection class=\"hb-scene\"\u003e\n\n      \u003cdiv class=\"hb-scene-title\"\u003e\n        \u003csmall lang=\"en\"\u003e＜Bou Jeloud＞\u003c\/small\u003e\n        \u003ch3\u003e17,600円福袋\u003c\/h3\u003e\n        \u003cp\u003eアウター＆小物まで揃う豪華7点セット\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-coordinate\"\u003e\n\n        \u003cdiv class=\"hb-slider\" data-slider\u003e\n\n          \u003cdiv class=\"hb-slide is-active\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_36.jpg?v=1793425196\u0026amp;width=800\" alt=\"福袋A コーディネート1\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_02.jpg?v=1793425196\u0026amp;width=800\" alt=\"福袋A コーディネート2\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_21.jpg?v=1793425196\u0026amp;width=800\" alt=\"福袋A コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_32.jpg?v=1793425195\u0026amp;width=1000\" alt=\"福袋A コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n          \u003cbutton class=\"hb-slider-arrow hb-slider-prev\" type=\"button\" aria-label=\"前の画像\"\u003e‹\u003c\/button\u003e\n          \u003cbutton class=\"hb-slider-arrow hb-slider-next\" type=\"button\" aria-label=\"次の画像\"\u003e›\u003c\/button\u003e\n\n          \u003cdiv class=\"hb-slider-count\"\u003e\n            \u003cspan class=\"hb-current\"\u003e1\u003c\/span\u003e \/ 3\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- Coordinate 横スクロール文字 --\u003e\n        \u003cdiv class=\"hb-coordinate-marquee\" aria-label=\"Coordinate\"\u003e\n          \u003cdiv class=\"hb-coordinate-marquee-track\"\u003e\n            \u003cspan\u003eBou Jeloud\u003c\/span\u003e\n            \u003cspan\u003eHAPPY BAG 2027\u003c\/span\u003e\n            \u003cspan\u003e17,600円福袋\u003c\/span\u003e\n            \u003cspan\u003eBou Jeloud\u003c\/span\u003e\n            \u003cspan\u003eHAPPY BAG 2027\u003c\/span\u003e\n            \u003cspan\u003e17,600円福袋\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hb-coordinate-copy\"\u003e\n          アウターからボトムスまで、全7点詰め込んだ豪華セット。必ず入るのは、中綿ナイロンフードアウターと、ゼブラハンドルがオシャレなベージュのトートバッグ、さらにお出かけに便利なスマホショルダー！届いたその日から楽しめます。\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-credit\"\u003e\n\n        \u003cdiv class=\"hb-credit-title\"\u003e( CREDIT )\u003c\/div\u003e\n\n        \u003cdiv class=\"hb-credit-item\"\u003e\n          \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016609_36.jpg?v=1793425196\u0026amp;width=1000\" alt=\"福袋A 商品\"\u003e\n          \u003cdiv class=\"hb-credit-info\"\u003e\n            \u003csmall\u003eBou Jeloud\u003c\/small\u003e\n            \u003cp\u003e17,600円福袋\u003c\/p\u003e\n            \u003cp class=\"hb-credit-price\"\u003e￥17,600（税込）\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003ca href=\"https:\/\/www.boujeloud.com\/products\/5016609\" class=\"hb-buy\"\u003eBUY\u003c\/a\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- =========================\n       BAG 02\n  ========================= --\u003e\n  \u003cdiv class=\"hb-panel\" data-panel=\"1\"\u003e\n\n    \u003csection class=\"hb-scene\"\u003e\n\n      \u003cdiv class=\"hb-scene-title\"\u003e\n        \u003csmall\u003e＜Bou Jeloud＞\u003c\/small\u003e\n        \u003ch3\u003e12,100円福袋\u003c\/h3\u003e\n        \u003cp\u003eアウター入りの全5点セット\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-coordinate\"\u003e\n\n        \u003cdiv class=\"hb-slider\" data-slider\u003e\n\n           \u003cdiv class=\"hb-slide is-active\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016608_32.jpg?v=1793424994\u0026amp;width=800\" alt=\"福袋A コーディネート1\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016608_01.jpg?v=1793424993\u0026amp;width=800\" alt=\"福袋A コーディネート2\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016608_17.jpg?v=1793424993\u0026amp;width=800\" alt=\"福袋A コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016608_02.jpg?v=1793424993\u0026amp;width=1000\" alt=\"福袋A コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n          \u003cbutton class=\"hb-slider-arrow hb-slider-prev\" type=\"button\" aria-label=\"前の画像\"\u003e‹\u003c\/button\u003e\n          \u003cbutton class=\"hb-slider-arrow hb-slider-next\" type=\"button\" aria-label=\"次の画像\"\u003e›\u003c\/button\u003e\n\n          \u003cdiv class=\"hb-slider-count\"\u003e\n            \u003cspan class=\"hb-current\"\u003e1\u003c\/span\u003e \/ 3\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hb-coordinate-marquee\" aria-label=\"Coordinate\"\u003e\n          \u003cdiv class=\"hb-coordinate-marquee-track\"\u003e\n            \u003cspan\u003eBou Jeloud\u003c\/span\u003e\n            \u003cspan\u003eHAPPY BAG 2027\u003c\/span\u003e\n            \u003cspan\u003e12,100円福袋\u003c\/span\u003e\n            \u003cspan\u003eBou Jeloud\u003c\/span\u003e\n            \u003cspan\u003eHAPPY BAG 2027\u003c\/span\u003e\n            \u003cspan\u003e12,100円福袋\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hb-coordinate-copy\"\u003e\n          必ず入るのは、寒い季節に嬉しいキルティング裏ボアアウターと、ゼブラ柄ハンドルがアクセントになったブラックのトートバッグ。さらに、トップス2点とパンツ1点もセットになったお得な福袋です。\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-credit\"\u003e\n\n        \u003cdiv class=\"hb-credit-title\"\u003e( CREDIT )\u003c\/div\u003e\n\n        \u003cdiv class=\"hb-credit-item\"\u003e\n          \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5016608_32.jpg?v=1793424994\u0026amp;width=1000\" alt=\"福袋B 商品\"\u003e\n          \u003cdiv class=\"hb-credit-info\"\u003e\n            \u003csmall\u003eBou Jeloud\u003c\/small\u003e\n            \u003cp\u003e12,100円福袋\u003c\/p\u003e\n            \u003cp class=\"hb-credit-price\"\u003e￥12,100（税込）\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003ca href=\"https:\/\/www.boujeloud.com\/products\/5016608\" class=\"hb-buy\"\u003eBUY\u003c\/a\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- =========================\n       BAG 03\n  ========================= --\u003e\n  \u003cdiv class=\"hb-panel\" data-panel=\"2\"\u003e\n\n    \u003csection class=\"hb-scene\"\u003e\n\n      \u003cdiv class=\"hb-scene-title\"\u003e\n        \u003csmall\u003e＜Bab＞\u003c\/small\u003e\n        \u003ch3\u003e12,100円福袋\u003c\/h3\u003e\n        \u003cp\u003e外袋まで可愛い！アウター入り5点セット\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-coordinate\"\u003e\n\n        \u003cdiv class=\"hb-slider\" data-slider\u003e\n\n          \u003cdiv class=\"hb-slide is-active\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_23.jpg?v=1793425439\u0026amp;width=1000\" alt=\"福袋C コーディネート1\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_11.jpg?v=1793425439\u0026amp;width=1000\" alt=\"福袋C コーディネート2\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_10.jpg?v=1793425439\u0026amp;width=1000\" alt=\"福袋C コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n           \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_03.jpg?v=1793425439\u0026amp;width=1000\" alt=\"福袋C コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hb-slide\"\u003e\n            \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_16.jpg?v=1793425439\u0026amp;width=1000\" alt=\"福袋A コーディネート3\"\u003e\n          \u003c\/div\u003e\n\n\n          \u003cbutton class=\"hb-slider-arrow hb-slider-prev\" type=\"button\" aria-label=\"前の画像\"\u003e‹\u003c\/button\u003e\n          \u003cbutton class=\"hb-slider-arrow hb-slider-next\" type=\"button\" aria-label=\"次の画像\"\u003e›\u003c\/button\u003e\n\n          \u003cdiv class=\"hb-slider-count\"\u003e\n            \u003cspan class=\"hb-current\"\u003e1\u003c\/span\u003e \/ 3\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hb-coordinate-marquee\" aria-label=\"Coordinate\"\u003e\n          \u003cdiv class=\"hb-coordinate-marquee-track\"\u003e\n            \u003cspan\u003eBab\u003c\/span\u003e\n            \u003cspan\u003eHAPPY BAG 2027\u003c\/span\u003e\n            \u003cspan\u003e12,100円福袋\u003c\/span\u003e\n            \u003cspan\u003eBab\u003c\/span\u003e\n            \u003cspan\u003eHAPPY BAG 2027\u003c\/span\u003e\n            \u003cspan\u003e12,100円福袋\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hb-coordinate-copy\"\u003e\n          刺繍ロゴが可愛い外袋はグリーンとラベンダーの2カラー。ふんわりと暖かなファーコートはベージュかグレーの2カラー。それぞれランダムにお届けするので、何色が届くかはお楽しみ！その他、ニットやカットソーなど使えるトップスが3点入ったお得な福袋です！\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hb-credit\"\u003e\n\n        \u003cdiv class=\"hb-credit-title\"\u003e( CREDIT )\u003c\/div\u003e\n\n        \u003cdiv class=\"hb-credit-item\"\u003e\n          \u003cimg src=\"https:\/\/0n91gfsoogcvf1jy-68882432288.shopifypreview.com\/cdn\/shop\/files\/5027100_01.jpg?v=1793425439\u0026amp;width=1000\" alt=\"福袋C 商品\"\u003e\n          \u003cdiv class=\"hb-credit-info\"\u003e\n            \u003csmall\u003eBab\u003c\/small\u003e\n            \u003cp\u003e12,100円福袋\u003c\/p\u003e\n            \u003cp class=\"hb-credit-price\"\u003e￥00,000（税込）\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003ca href=\"https:\/\/www.boujeloud.com\/products\/5027100\" class=\"hb-buy\"\u003eBUY\u003c\/a\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(() =\u003e {\n  const root = document.getElementById('bab-happybag');\n  if (!root) return;\n\n  \/* ---------- Top visual animation ---------- *\/\n  const topVisual = root.querySelector('.hb-top');\n\n  if (topVisual) {\n    window.setTimeout(() =\u003e {\n      topVisual.classList.add('is-active');\n    }, 200);\n  }\n\n  \/* ---------- Tab switching ---------- *\/\n  const tabs = [...root.querySelectorAll('.hb-tab')];\n  const panels = [...root.querySelectorAll('.hb-panel')];\n\n  tabs.forEach((tab) =\u003e {\n    tab.addEventListener('click', () =\u003e {\n      const selectedTab = tab.dataset.tab;\n\n      tabs.forEach((item) =\u003e {\n        const isActive = item.dataset.tab === selectedTab;\n        item.classList.toggle('is-active', isActive);\n        item.setAttribute('aria-selected', String(isActive));\n      });\n\n      panels.forEach((panel) =\u003e {\n        panel.classList.toggle(\n          'is-active',\n          panel.dataset.panel === selectedTab\n        );\n      });\n    });\n  });\n\n  \/* ---------- Auto slider + swipe ---------- *\/\n  root.querySelectorAll('[data-slider]').forEach((slider) =\u003e {\n    const slides = [...slider.querySelectorAll('.hb-slide')];\n    const currentCount = slider.querySelector('.hb-current');\n\n    if (slides.length \u003c= 1) return;\n\n    let currentIndex = 0;\n    let touchStartX = 0;\n\n    const showSlide = (index) =\u003e {\n      currentIndex = (index + slides.length) % slides.length;\n\n      slides.forEach((slide, i) =\u003e {\n        slide.classList.toggle('is-active', i === currentIndex);\n      });\n\n      if (currentCount) {\n        currentCount.textContent = String(currentIndex + 1);\n      }\n    };\n\n    showSlide(0);\n\n    \/* 1.5秒ごとに自動切り替え *\/\n    window.setInterval(() =\u003e {\n      showSlide(currentIndex + 1);\n    }, 1500);\n\n    \/* スマートフォンのスワイプ *\/\n    slider.addEventListener('touchstart', (event) =\u003e {\n      touchStartX = event.changedTouches[0].screenX;\n    }, { passive: true });\n\n    slider.addEventListener('touchend', (event) =\u003e {\n      const touchEndX = event.changedTouches[0].screenX;\n      const distance = touchEndX - touchStartX;\n\n      if (Math.abs(distance) \u003e 50) {\n        showSlide(distance \u003c 0 ? currentIndex + 1 : currentIndex - 1);\n      }\n    }, { passive: true });\n  });\n})();\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","products":[{"product_id":"5531202","title":"2WAYダブルカラーワンピース","description":"\u003c!-- コンテンツstart --\u003e\n\u003cdiv style=\"padding: 0 15px 0 15px;\" class=\"item_accordion\"\u003e\n\u003cdl\u003e\n\u003cdt class=\"item_accordion_title\"\u003eアイテム説明\u003c\/dt\u003e\n\u003cdd class=\"item_accordion_detail\"\u003e\n\u003cdiv id=\"item_sp\"\u003e\n\u003c!------　アイテム説明start　------\u003e【選べるサイズ展開】２WAYダブルカラーワンピース\n\u003cbr\u003e\n\u003cbr\u003e\n＼Sサイズ、Mサイズ、Lサイズの3サイズ！体型やお好みに合わせて選んで頂けます！／\u003cbr\u003e\n  \u003cbr\u003e\n■SIZE\u003cbr\u003e\nSサイズ　着丈121cm\u003cbr\u003e\nMサイズ　着丈126cm\u003cbr\u003e\nLサイズ　着丈131cm\u003cbr\u003e\n着丈が5cmずつ違います。\u003cbr\u003e\n\u003cbr\u003e\n【Sサイズ スタッフ着用コメント】\u003cbr\u003e\n・152cm　普通体型\u003cbr\u003e\nSサイズを着用しました。足首したくらいの丈感でした。コットンが入っているので触り心地がなめらかで着心地もよかったです！お出かけコーデにたくさん使いたいです。\u003cbr\u003e\n\u003cbr\u003e\n【Mサイズ スタッフ着用コメント】\u003cbr\u003e\n・158cm　普通体型\u003cbr\u003e\nMサイズを着用しました。足首くらいの丈感でした。ローファーと合わせるとオフィスカジュアルとして使えるので会社コーデとして活用します！\u003cbr\u003e\n\u003cbr\u003e\n【Lサイズ スタッフ着用コメント】\u003cbr\u003e\n・168cm　普通体型\u003cbr\u003e\nLサイズを着用しました。足首少し上位の長さでした！バレエシューズと合わせると秋にぴったりなコーデになりました。襟がダブルカラーになっているのもシンプル過ぎずで可愛いです！\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n■POINT\u003cbr\u003e\n女性らしさを引き立てる落ち感がきれいなワンピース。長袖デザインにすとんと落ちるシルエットで、スタイルをきれいに見せつつ上品な印象を演出します。取り外し可能なダブルカラーは、クラシカルなアクセントになり、気分やシーンに合わせてフェミニンに印象チェンジ。フロントに並んだ5つのボタンが、さりげない可愛らしさをプラスしてくれます。柔らかな綿素材に伸縮性をプラスした生地で、着心地も快適。カラーは落ち着きのあるチャコール（CCL）、ニュアンス感のあるモカ、シックなブラックの3色展開で、日常から特別なシーンまで幅広く活躍します。1枚でさらっと着こなすだけで、フェミニンな雰囲気を演出できるおすすめのアイテムです。\u003cbr\u003e\n\u003cbr\u003e\n■FABRIC\u003cbr\u003e\n柔らかな綿素材に伸縮性をプラスした生地で着心地抜群です。\u003cbr\u003e\n\u003cbr\u003e\n■COORDINATE\u003cbr\u003e\nバレエシューズや華奢なストラップサンダルと合わせると軽やかで普段使いしやすいフェミニンスタイルになります。フェミニンテイストなワンピースなので小ぶりな小物アイテムや根け感のあるシアー系の羽織を合わせるのがおすすめです。パンプスと合わせてディナーコーデにも。\u003cbr\u003e\n\u003cbr\u003e\n…………………\u003cbr\u003e\n透け感：なし\u003cbr\u003e\n裏地：あり\u003cbr\u003e\n…………………\u003cbr\u003e\u003cbr\u003e\u003c!------　アイテム説明end　------\u003e\n\u003c\/div\u003e\n\u003c\/dd\u003e\n\u003c!------　アイテム説明end　------\u003e \u003c!------　サイズ枠start　------\u003e\n\u003cdt class=\"item_accordion_title\"\u003eサイズ・素材\u003c\/dt\u003e\n\u003cdd class=\"item_accordion_detail\"\u003e\n\u003cdiv id=\"item_sp\"\u003e原産国\u003cbr\u003e中国\u003cbr\u003e\u003cbr\u003e本体:綿95% ポリウレタン5% 別衿:ポリエステル100%\u003cbr\u003e\u003cbr\u003eS\u003cbr\u003e\n身幅43.5\u003cbr\u003e\n肩幅 36\u003cbr\u003e\n着丈121\u003cbr\u003e\nそで丈56\u003cbr\u003e\n\u003cbr\u003e\nM\u003cbr\u003e\n身幅45\u003cbr\u003e\n肩幅 37\u003cbr\u003e\n着丈126\u003cbr\u003e\nそで丈57\u003cbr\u003e\n\u003cbr\u003e\nL\u003cbr\u003e\n身幅46.5\u003cbr\u003e\n肩幅 38\u003cbr\u003e\n着丈131\u003cbr\u003e\nそで丈58\u003cbr\u003e\u003cbr\u003e\u003c!------　素材内容end　------\u003e\n\u003c\/div\u003e\n\u003c\/dd\u003e\n\u003c!------　素材枠end　------\u003e \u003c!------　アイテム説明start　------\u003e\n\u003cdt class=\"item_accordion_title\"\u003eご購入前に必ずご確認ください\u003c\/dt\u003e\n\u003cdd class=\"item_accordion_detail\"\u003e\n\u003cdiv id=\"item_sp\"\u003e\n\u003c!------　アイテム説明start　------\u003e ※撮影環境により、多少実際のカラーと異なる場合がございます。また、携帯やスマートフォン、パソコンなどの画面上と実物では多少色が異なって見える場合がございます。ご了承下さいませ。 \u003cbr\u003e※濃色品は、過度な摩擦や濡れた状態での摩擦により、色落ち・色移りをする恐れがあります。 \u003cbr\u003e※この商品は、素材の特性上、洗濯の際に多少の縮みが生じる恐れがあります。洗濯後は形を整えてから干してください。 \u003cbr\u003e※その他お取り扱いに関しましては、商品に付属のアテンションタグをご覧ください。 \u003c!------　アイテム説明end　------\u003e\n\u003c\/div\u003e\n\u003c\/dd\u003e\n\u003c!------　アイテム説明end　------\u003e \u003c!------　コーデアイテムend　------\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c!------　コーデアイテム枠end　------\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!------　商品説明（大）end　------\u003e","brand":"Bab","offers":[{"title":"MOCHA \/ S","offer_id":50693200150816,"sku":"5531202-035-103","price":4620.0,"currency_code":"JPY","in_stock":false},{"title":"MOCHA \/ M","offer_id":50693200118048,"sku":"5531202-035-104","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"MOCHA \/ L","offer_id":50693200085280,"sku":"5531202-035-105","price":4620.0,"currency_code":"JPY","in_stock":false},{"title":"CCL \/ S","offer_id":50693200249120,"sku":"5531202-012-103","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"CCL \/ M","offer_id":50693200216352,"sku":"5531202-012-104","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"CCL \/ L","offer_id":50693200183584,"sku":"5531202-012-105","price":4620.0,"currency_code":"JPY","in_stock":false},{"title":"BLACK \/ S","offer_id":50693200052512,"sku":"5531202-080-103","price":4620.0,"currency_code":"JPY","in_stock":false},{"title":"BLACK \/ M","offer_id":50693200019744,"sku":"5531202-080-104","price":4620.0,"currency_code":"JPY","in_stock":false},{"title":"BLACK \/ L","offer_id":50693199986976,"sku":"5531202-080-105","price":4620.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0688\/8243\/2288\/files\/5531202_035_05_e6dd240f-9038-4b3f-b5c3-e131772df487.jpg?v=1789707255"}],"url":"https:\/\/www.boujeloud.com\/collections\/2027happybag.oembed","provider":"BouJeloud公式オンラインストア","version":"1.0","type":"link"}