{"title":"仮ALL ITEM","description":"\u003cstyle\u003e\n\/* =========================\n   手動切り替えバナー\n========================= *\/\n\n.wf-manual-carousel {\n  position: relative;\n  width: 100%;\n  max-width: 900px;\n  margin: 16px auto 24px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n\/* ラジオボタンは非表示 *\/\n.wf-manual-carousel input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n\/* バナーを横並びにする *\/\n.wf-manual-track {\n  display: flex;\n  width: 300%;\n  transition: transform 0.4s ease;\n}\n\n.wf-manual-slide {\n  position: relative;\n  flex: 0 0 33.333333%;\n  width: 33.333333%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.wf-manual-slide a {\n  display: block;\n  line-height: 0;\n}\n\n.wf-manual-slide img {\n  display: block;\n  width: 100%;\n  height: auto;\n  border: 0;\n}\n\n\/* ラジオボタンの選択状態に応じて移動 *\/\n#wf-manual-1:checked ~ .wf-manual-track {\n  transform: translateX(0);\n}\n\n#wf-manual-2:checked ~ .wf-manual-track {\n  transform: translateX(-33.333333%);\n}\n\n#wf-manual-3:checked ~ .wf-manual-track {\n  transform: translateX(-66.666667%);\n}\n\n\/* 左右の矢印 *\/\n.wf-manual-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 5;\n  transform: translateY(-50%);\n\n  display: none;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n  padding: 0;\n\n  border: 1px solid #469BE0;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.92);\n\n  color: #469BE0;\n  font-size: 25px;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.wf-manual-prev {\n  left: 10px;\n}\n\n.wf-manual-next {\n  right: 10px;\n}\n\n\/* 1枚目の矢印 *\/\n#wf-manual-1:checked ~ .wf-manual-controls .wf-prev-1,\n#wf-manual-1:checked ~ .wf-manual-controls .wf-next-1 {\n  display: flex;\n}\n\n\/* 2枚目の矢印 *\/\n#wf-manual-2:checked ~ .wf-manual-controls .wf-prev-2,\n#wf-manual-2:checked ~ .wf-manual-controls .wf-next-2 {\n  display: flex;\n}\n\n\/* 3枚目の矢印 *\/\n#wf-manual-3:checked ~ .wf-manual-controls .wf-prev-3,\n#wf-manual-3:checked ~ .wf-manual-controls .wf-next-3 {\n  display: flex;\n}\n\n.wf-manual-arrow:hover {\n  background: #D2ECFA;\n}\n\n\/* 下部のドット *\/\n.wf-manual-dots {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.wf-manual-dots label {\n  display: block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #d5d5d5;\n  cursor: pointer;\n}\n\n#wf-manual-1:checked ~ .wf-manual-dots label[for=\"wf-manual-1\"],\n#wf-manual-2:checked ~ .wf-manual-dots label[for=\"wf-manual-2\"],\n#wf-manual-3:checked ~ .wf-manual-dots label[for=\"wf-manual-3\"] {\n  background: #469BE0;\n}\n\n\/* 動きを控えたい場合 *\/\n@media (prefers-reduced-motion: reduce) {\n  .wf-manual-track {\n    transition: none;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"wf-manual-carousel\"\u003e\n\u003c!-- 初期表示は1枚目 --\u003e \u003cinput type=\"radio\" name=\"wf-manual-banner\" id=\"wf-manual-1\" checked\u003e \u003cinput type=\"radio\" name=\"wf-manual-banner\" id=\"wf-manual-2\"\u003e \u003cinput type=\"radio\" name=\"wf-manual-banner\" id=\"wf-manual-3\"\u003e \u003c!-- バナー画像 --\u003e\n\u003cdiv class=\"wf-manual-track\"\u003e\n\u003cdiv class=\"wf-manual-slide\"\u003e\u003ca href=\"%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88URL1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/5-100_c1bcea5d-ce79-44dd-8f99-9b2bd2189e9b.jpg?v=1793244573\" alt=\"キャンペーンバナー1\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-manual-slide\"\u003e\u003ca href=\"%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88URL2\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/4-100_2b3f9ca6-df76-498c-804a-84d6810e543d.jpg?v=1793244573\" alt=\"キャンペーンバナー2\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-manual-slide\"\u003e\u003ca href=\"%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88URL3\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/2_-100_8025168c-5bbe-4f6e-aac1-36c434244758.jpg?v=1793244573\" alt=\"キャンペーンバナー3\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 左右の矢印 --\u003e\n\u003cdiv class=\"wf-manual-controls\"\u003e\n\u003clabel for=\"wf-manual-3\" class=\"wf-manual-arrow wf-manual-prev wf-prev-1\" aria-label=\"前のバナー\"\u003e‹\u003c\/label\u003e \u003clabel for=\"wf-manual-2\" class=\"wf-manual-arrow wf-manual-next wf-next-1\" aria-label=\"次のバナー\"\u003e›\u003c\/label\u003e \u003clabel for=\"wf-manual-1\" class=\"wf-manual-arrow wf-manual-prev wf-prev-2\" aria-label=\"前のバナー\"\u003e‹\u003c\/label\u003e \u003clabel for=\"wf-manual-3\" class=\"wf-manual-arrow wf-manual-next wf-next-2\" aria-label=\"次のバナー\"\u003e›\u003c\/label\u003e \u003clabel for=\"wf-manual-2\" class=\"wf-manual-arrow wf-manual-prev wf-prev-3\" aria-label=\"前のバナー\"\u003e‹\u003c\/label\u003e \u003clabel for=\"wf-manual-1\" class=\"wf-manual-arrow wf-manual-next wf-next-3\" aria-label=\"次のバナー\"\u003e›\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c!-- 下部のドット --\u003e\n\u003cdiv class=\"wf-manual-dots\"\u003e\n\u003clabel for=\"wf-manual-1\" aria-label=\"バナー1を表示\"\u003e\u003c\/label\u003e \u003clabel for=\"wf-manual-2\" aria-label=\"バナー2を表示\"\u003e\u003c\/label\u003e \u003clabel for=\"wf-manual-3\" aria-label=\"バナー3を表示\"\u003e\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eALL ITEMS\u003c\/h2\u003e\n\u003cdiv class=\"all-items-buttons\"\u003e\n\u003ca href=\"https:\/\/waterfront-umbrella.live\/collections\/slender\"\u003e \u003cspan\u003e長傘\u003c\/span\u003e \u003cspan class=\"all-items-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"https:\/\/waterfront-umbrella.live\/collections\/%E5%BD%A2%E7%8A%B6%E8%A8%98%E6%86%B6%E5%82%98\"\u003e \u003cspan\u003e折りたたみ傘\u003c\/span\u003e \u003cspan class=\"all-items-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"https:\/\/waterfront-umbrella.live\/collections\/light\"\u003e \u003cspan\u003eたたみやすい傘\u003c\/span\u003e \u003cspan class=\"all-items-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"https:\/\/waterfront-umbrella.live\/collections\/bigsize\"\u003e \u003cspan\u003e軽い傘\u003c\/span\u003e \u003cspan class=\"all-items-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"https:\/\/waterfront-umbrella.live\/collections\/cool\"\u003e \u003cspan\u003e涼しい傘\u003c\/span\u003e \u003cspan class=\"all-items-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"https:\/\/waterfront-umbrella.live\/collections\/strong\"\u003e \u003cspan\u003e丈夫な傘\u003c\/span\u003e \u003cspan class=\"all-items-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.all-items-buttons {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n  gap: 10px;\n  margin: 24px 0;\n}\n\n.all-items-buttons a {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  box-sizing: border-box;\n  min-width: 0;\n  min-height: 50px;\n  padding: 12px 9px;\n  border: 1px solid #469BE0;\n  border-radius: 6px;\n  background: #fff;\n  color: #222 !important;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none !important;\n  overflow: hidden;\n  isolation: isolate;\n  transition: color 0.3s ease;\n}\n\n.all-items-buttons a::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  width: 0;\n  background: #D2ECFA;\n  z-index: -1;\n  transition: width 0.4s ease;\n}\n\n.all-items-buttons a:hover::before {\n  width: 100%;\n}\n\n.all-items-buttons a:hover {\n  color: #222 !important;\n}\n\n.all-items-arrow {\n  flex-shrink: 0;\n  color: #469BE0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1;\n  transition: transform 0.3s ease;\n}\n\n.all-items-buttons a:hover .all-items-arrow {\n  transform: translateX(3px);\n}\n\n@media screen and (max-width: 767px) {\n  .all-items-buttons {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 8px;\n    margin: 20px 0;\n  }\n\n  .all-items-buttons a {\n    min-height: 46px;\n    padding: 10px 8px;\n    font-size: 13px;\n  }\n\n  .all-items-arrow {\n    font-size: 14px;\n  }\n}\n\u003c\/style\u003e","products":[],"url":"https:\/\/waterfront-umbrella.live\/en\/collections\/%e4%bb%ae.oembed","provider":"Waterfront Official Shop","version":"1.0","type":"link"}