{"title":"仮ALL ITEM 2","description":"\u003cstyle\u003e\n\/* =========================================\n   Waterfront | トップページナビゲーション\n========================================= *\/\n\n.wf-manual-carousel,\n.wf-type-nav,\n.wf-all-items {\n  width: 100%;\n  max-width: 900px;\n  margin-right: auto;\n  margin-left: auto;\n  box-sizing: border-box;\n}\n\n.wf-manual-carousel *,\n.wf-type-nav *,\n.wf-all-items * {\n  box-sizing: border-box;\n}\n\n\/* =========================================\n   01. メインバナー｜手動カルーセル\n========================================= *\/\n\n.wf-manual-carousel {\n  position: relative;\n  margin-top: 16px;\n  margin-bottom: 24px;\n  overflow: hidden;\n}\n\n.wf-manual-carousel input[type=\"radio\"] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  opacity: 0;\n  pointer-events: none;\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}\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  margin: 0;\n  border: 0;\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.wf-manual-controls {\n  position: absolute;\n  inset: 0 0 18px;\n  pointer-events: none;\n}\n\n.wf-manual-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 2;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 48px;\n  padding: 0;\n  transform: translateY(-50%);\n  border: 0 !important;\n  border-radius: 0;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: #FFFFFF !important;\n  font-family: Arial, sans-serif;\n  font-size: 44px;\n  font-weight: 300;\n  line-height: 1;\n  text-decoration: none !important;\n  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);\n  cursor: pointer;\n  pointer-events: auto;\n  transition: opacity 0.2s ease;\n}\n\n.wf-manual-arrow:hover {\n  opacity: 0.7;\n  background: transparent !important;\n  box-shadow: none !important;\n  transform: translateY(-50%);\n}\n\n.wf-manual-prev {\n  left: 12px;\n}\n\n.wf-manual-next {\n  right: 12px;\n}\n\n#wf-manual-1:checked ~ .wf-manual-controls .wf-prev-1,\n#wf-manual-1:checked ~ .wf-manual-controls .wf-next-1,\n#wf-manual-2:checked ~ .wf-manual-controls .wf-prev-2,\n#wf-manual-2:checked ~ .wf-manual-controls .wf-next-2,\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.wf-manual-dots {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  margin-top: 12px;\n}\n\n.wf-manual-dots label {\n  display: block;\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border-radius: 50%;\n  background: #D5D5D5;\n  cursor: pointer;\n  transition: background-color 0.2s ease, transform 0.2s ease;\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  transform: scale(1.15);\n}\n\n\/* =========================================\n   02. セクション共通見出し\n========================================= *\/\n\n.wf-type-nav__heading,\n.wf-all-items__heading {\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: #333333;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-align: center;\n}\n\n\/* =========================================\n   03. 種類で選ぶ\n========================================= *\/\n\n.wf-type-nav {\n  margin-top: 0;\n  margin-bottom: 60px;\n  padding: 0 16px;\n}\n\n.wf-type-nav__heading {\n  margin-bottom: 32px;\n}\n\n.wf-type-nav__buttons {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n  width: 100%;\n}\n\n.wf-type-nav .wf-type-nav__button,\n.wf-type-nav .wf-type-nav__button:link,\n.wf-type-nav .wf-type-nav__button:visited {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  min-height: 64px;\n  padding: 12px 16px;\n  overflow: hidden;\n  border: 1.5px solid #469FE3;\n  border-radius: 8px;\n  background: #FFFFFF;\n  color: #469FE3 !important;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.4;\n  text-align: center;\n  text-decoration: none !important;\n  transition: color 0.25s ease, border-color 0.25s ease;\n}\n\n.wf-type-nav .wf-type-nav__button::before {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 0;\n  height: 100%;\n  background: #469FE3;\n  content: \"\";\n  transition: width 0.3s ease;\n}\n\n.wf-type-nav .wf-type-nav__text {\n  position: relative;\n  z-index: 1;\n}\n\n.wf-type-nav .wf-type-nav__button:hover {\n  border-color: #469FE3;\n  color: #FFFFFF !important;\n}\n\n.wf-type-nav .wf-type-nav__button:hover::before {\n  width: 100%;\n}\n\n.wf-type-nav .wf-type-nav__button:focus-visible {\n  outline: 2px solid #247FC2;\n  outline-offset: 4px;\n}\n\n\/* =========================================\n   04. こだわりで選ぶ\n========================================= *\/\n\n.wf-all-items {\n  margin-top: 0;\n  padding: 0 16px 32px;\n}\n\n.wf-all-items__heading {\n  margin-bottom: 24px;\n}\n\n.wf-all-items .all-items-icons {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n  gap: 20px;\n  width: 100%;\n  max-width: 868px;\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n}\n\n.wf-all-items .all-items-icons li {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n}\n\n.wf-all-items .all-items-icons a {\n  display: block;\n  width: 100%;\n  text-decoration: none;\n}\n\n.wf-all-items .all-items-icons img {\n  display: block;\n  width: 100%;\n  max-width: 150px;\n  height: auto;\n  margin: 0 auto;\n  border: 0;\n  opacity: 1;\n  transition: opacity 0.25s ease;\n}\n\n.wf-all-items .all-items-icons a:hover img {\n  opacity: 0.72;\n}\n\n\/* =========================================\n   05. スマートフォン\n========================================= *\/\n\n@media screen and (max-width: 779px) {\n  .wf-manual-carousel {\n    margin-top: 12px;\n    margin-bottom: 20px;\n  }\n\n  .wf-manual-arrow {\n    width: 32px;\n    height: 40px;\n    font-size: 36px;\n  }\n\n  .wf-manual-prev {\n    left: 5px;\n  }\n\n  .wf-manual-next {\n    right: 5px;\n  }\n\n  .wf-manual-dots {\n    gap: 8px;\n    margin-top: 10px;\n  }\n\n  .wf-type-nav {\n    margin-bottom: 44px;\n    padding: 0 12px;\n  }\n\n  .wf-type-nav__heading,\n  .wf-all-items__heading {\n    font-size: 19px;\n  }\n\n\n  .wf-type-nav__heading {\n    margin-bottom: 24px;\n  }\n\n  .wf-type-nav__buttons {\n    gap: 10px;\n  }\n\n  .wf-type-nav .wf-type-nav__button,\n  .wf-type-nav .wf-type-nav__button:link,\n  .wf-type-nav .wf-type-nav__button:visited {\n    min-height: 54px;\n    padding: 10px 8px;\n    border-radius: 7px;\n    font-size: 15px;\n  }\n\n  .wf-all-items {\n    padding: 0 12px 24px;\n  }\n\n  .wf-all-items__heading {\n    margin-bottom: 18px;\n  }\n\n  .wf-all-items .all-items-icons {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px 10px;\n    max-width: 100%;\n  }\n\n  .wf-all-items .all-items-icons img {\n    max-width: 110px;\n  }\n}\n\n@media screen and (max-width: 380px) {\n  .wf-type-nav__buttons {\n    gap: 8px;\n  }\n\n  .wf-type-nav .wf-type-nav__button,\n  .wf-type-nav .wf-type-nav__button:link,\n  .wf-type-nav .wf-type-nav__button:visited {\n    padding-right: 4px;\n    padding-left: 4px;\n    font-size: 14px;\n  }\n\n  .wf-all-items .all-items-icons {\n    gap: 14px 8px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wf-manual-track,\n  .wf-manual-arrow,\n  .wf-manual-dots label,\n  .wf-type-nav .wf-type-nav__button,\n  .wf-type-nav .wf-type-nav__button::before,\n  .wf-all-items .all-items-icons img {\n    transition: none;\n  }\n}\n\n.wf-type-nav .wf-type-nav__heading {\n  margin-bottom: 32px !important;\n}\n\n@media screen and (max-width: 779px) {\n  .wf-type-nav .wf-type-nav__heading {\n    margin-bottom: 24px !important;\n  }\n}\n.wf-all-items .wf-all-items__heading {\n  display: block !important;\n  margin: 0 0 32px !important;\n  padding: 0 !important;\n}\n\n@media screen and (max-width: 779px) {\n  .wf-all-items .wf-all-items__heading {\n    margin-bottom: 24px !important;\n  }\n}\n\n.wf-manual-carousel {\n  margin-bottom: 32px !important;\n}\n\n@media screen and (max-width: 779px) {\n  .wf-manual-carousel {\n    margin-bottom: 24px !important;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n     01. HTMLメインバナー｜手動カルーセル\n========================================= --\u003e\n\u003cdiv class=\"wf-manual-carousel\"\u003e\n\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\n\u003cdiv class=\"wf-manual-track\"\u003e\n\u003cdiv class=\"wf-manual-slide\"\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/%E9%9B%A8%E5%82%9810-off\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/10_76ba0df3-da91-4352-abf5-b1a84ebd8c38.jpg?v=1793252672\" alt=\"雨傘セール\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-manual-slide\"\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/cokage\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/cokage_3e90dadd-14d6-4529-ad89-cc2e6d2e34f2.jpg?v=1792728532\" alt=\"COKAGE+シリーズ\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-manual-slide\"\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/products\/u160-1373bk1-bb?_pos=1\u0026amp;_sid=deb2b832f\u0026amp;_ss=r\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/sakasanano_550__kasa.jpg?v=1776908954\" alt=\"サカサナノ\" loading=\"lazy\"\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\u003c!-- ========================================\n     02. HTML 種類で選ぶ\n========================================= --\u003e\n\u003csection class=\"wf-type-nav\"\u003e\n\u003ch2 class=\"wf-type-nav__heading\"\u003e商品タイプで探す\u003c\/h2\u003e\n\u003cdiv class=\"wf-type-nav__buttons\"\u003e\n\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/%E9%95%B7%E5%82%98\" class=\"wf-type-nav__button\"\u003e \u003cspan class=\"wf-type-nav__text\"\u003e長傘\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/%E6%8A%98%E3%82%8A%E3%81%9F%E3%81%9F%E3%81%BF%E5%82%98\" class=\"wf-type-nav__button\"\u003e \u003cspan class=\"wf-type-nav__text\"\u003e折りたたみ傘\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n     03. HTML こだわりで選ぶ\n========================================= --\u003e\n\u003csection class=\"wf-all-items\"\u003e\n\u003ch2 class=\"wf-all-items__heading\"\u003eこだわりで探す\u003c\/h2\u003e\n\u003cul class=\"all-items-icons\"\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/rain\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/03_529c9d03-0a18-4767-a6a8-fad0993ce3f7.png?v=1793256195\" alt=\"雨傘\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/%E6%99%B4%E9%9B%A8%E5%85%BC%E7%94%A8-1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/03_6a8f5aa5-fe34-4266-9806-e7fb0b9e6e3a.png?v=1793257397\" alt=\"晴雨兼用\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/light\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/03_3408d0c5-a6ce-47dc-b50a-0c04fe87f4d2.png?v=1745297158\" alt=\"軽い傘\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/%E5%BD%A2%E7%8A%B6%E8%A8%98%E6%86%B6%E5%82%98\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/b1daf93c60eb98f904a4b605476dd3b7_1def5a2e-dcd8-4e1d-9862-18614e85a9c8.png?v=1791254815\" alt=\"たたみやすい傘\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/cool\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/05_4394c8ee-3ca7-498c-b37c-14a256f2e83b.png?v=1745297158\" alt=\"涼しい傘\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/collections\/strong\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/06_59fef185-8a06-44b2-9bc0-6230275c7750.png?v=1795297159\" alt=\"丈夫な傘\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e","products":[],"url":"https:\/\/waterfron-umbrel.live\/collections\/%e4%bb%aeall-item-%e3%82%b3%e3%83%94%e3%83%bc.oembed","provider":"Waterfront Official Shop","version":"1.0","type":"link"}