{"title":"試作ページ","description":"\u003ch2\u003eポケフラット\u003c\/h2\u003e\n\u003cp\u003e\u003cimg width=\"100%\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/pokeflat.jpg?v=1727357705\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2\u003e薄さに特化した超薄型傘\u003c\/h2\u003e\n\u003cp\u003e折り畳むと厚い部分でも2.5cmほどにしかならない、薄さに特化した折傘です。ジャケットのポケットにも入ります。扇子の構造をヒントに、扁平に折り畳まれる構造にすることで薄さを実現。傘の部材をフラットな楕円形にデザインしています。「ポケフラット」シリーズは、日本経済新聞社が主催する「日経優秀製品・サービス賞」で、日経各紙に掲載された2万点の中から優秀賞を受賞。\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/waterfron-umbrel.live\/products\/pokeflat_u355-1291\" title=\"ポケフラット クイック GoodsPress 上半期アワード 大賞受賞 雨傘 形状記憶 折りたたみ傘\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0273\/8254\/6493\/files\/dp_210.jpg?v=1784019179\" alt=\"\"\u003e \u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003cstyle\u003e\n  .wf-feature-nav {\n    margin: 100px 0 40px;\n    color: #222;\n    font-family: inherit;\n  }\n\n  \/* 見出し *\/\n  .wf-feature-nav__heading {\n    display: table;\n    margin: 0 auto 24px !important;\n    padding: 7px 20px;\n    background: #469BE0;\n    color: #fff;\n    border: none;\n    border-radius: 2px;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  \/* ボタン一覧 *\/\n  .wf-feature-nav__list {\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    gap: 10px;\n    width: 100%;\n  }\n\n  \/* ボタン *\/\n  .wf-feature-nav__item {\n    position: relative;\n    display: flex !important;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    flex: 1 1 0;\n    min-width: 0;\n    padding: 16px 14px;\n    border: 1px solid #469BE0 !important;\n    border-radius: 6px;\n    color: #469BE0 !important;\n    text-decoration: none !important;\n    background: transparent !important;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* ゲージ *\/\n  .wf-feature-nav__item::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    width: 0;\n    height: 100%;\n    background: #469BE0;\n    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .wf-feature-nav__item:hover::before {\n    width: 100%;\n  }\n\n  \/* 通常の文字 *\/\n  .wf-feature-nav__text {\n    position: relative;\n    z-index: 2;\n    color: #469BE0;\n  }\n\n  .wf-feature-nav__title {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.5;\n  }\n\n  .wf-feature-nav__sub {\n    display: block;\n    margin-top: 5px;\n    color: #469BE0 !important;\n    font-size: 11px;\n    line-height: 1.6;\n  }\n\n  \/* hover時の白文字 *\/\n  .wf-feature-nav__fill {\n    position: absolute;\n    top: 16px;\n    left: 14px;\n    z-index: 3;\n    width: 0;\n    overflow: hidden;\n    color: #fff !important;\n    white-space: nowrap;\n    pointer-events: none;\n    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .wf-feature-nav__item:hover .wf-feature-nav__fill {\n    width: calc(100% - 60px);\n  }\n\n  .wf-feature-nav__fill .wf-feature-nav__sub {\n    color: #fff !important;\n  }\n\n  \/* 矢印 *\/\n  .wf-feature-nav__arrow {\n    position: relative;\n    z-index: 2;\n    flex-shrink: 0;\n    color: #469BE0;\n    font-size: 18px;\n  }\n\n  \/* hover時の白い矢印 *\/\n  .wf-feature-nav__arrow--fill {\n    position: absolute;\n    top: 50%;\n    right: 14px;\n    z-index: 3;\n    color: #fff !important;\n    transform: translateY(-50%);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.25s ease 0.2s;\n  }\n\n  .wf-feature-nav__item:hover .wf-feature-nav__arrow--fill {\n    opacity: 1;\n  }\n\n  \/* スマホ *\/\n  @media screen and (max-width: 600px) {\n    .wf-feature-nav {\n      margin: 32px 0;\n    }\n\n    .wf-feature-nav__heading {\n      margin-bottom: 14px !important;\n      font-size: 16px;\n    }\n\n    .wf-feature-nav__list {\n      flex-direction: column !important;\n      gap: 8px;\n    }\n\n    .wf-feature-nav__item {\n      width: 100%;\n      flex: none;\n      padding: 13px 14px;\n    }\n\n    .wf-feature-nav__fill {\n      top: 13px;\n      left: 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"wf-feature-nav\"\u003e\n\n  \u003ch3 class=\"wf-feature-nav__heading\"\u003e\n    機能で選ぶポケフラット\n  \u003c\/h3\u003e\n\n  \u003cdiv class=\"wf-feature-nav__list\"\u003e\n\n    \u003c!-- 晴雨兼用 --\u003e\n    \u003ca class=\"wf-feature-nav__item\" href=\"https:\/\/waterfron-umbrel.live\/products\/sunshade_s350-0773\"\u003e\n      \u003c!-- 通常文字 --\u003e\n      \u003cspan class=\"wf-feature-nav__text\"\u003e\n        \u003cspan class=\"wf-feature-nav__title\"\u003e\n          晴雨兼用\n        \u003c\/span\u003e\n        \u003cspan class=\"wf-feature-nav__sub\"\u003e\n          晴れの日も雨の日も使える。\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003c!-- hover時の白文字 --\u003e\n      \u003cspan class=\"wf-feature-nav__text wf-feature-nav__fill\"\u003e\n        \u003cspan class=\"wf-feature-nav__title\"\u003e\n          晴雨兼用\n        \u003c\/span\u003e\n        \u003cspan class=\"wf-feature-nav__sub\"\u003e\n          晴れの日も雨の日も使える。\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003c!-- 通常矢印 --\u003e\n      \u003cspan class=\"wf-feature-nav__arrow\"\u003e\n        →\n      \u003c\/span\u003e\n\n      \u003c!-- hover時の白矢印 --\u003e\n      \u003cspan class=\"wf-feature-nav__arrow wf-feature-nav__arrow--fill\"\u003e\n        →\n      \u003c\/span\u003e\n    \u003c\/a\u003e\n\n\n    \u003c!-- 形状記憶 --\u003e\n    \u003ca class=\"wf-feature-nav__item\" href=\"https:\/\/waterfron-umbrel.live\/products\/pokeflat_u355-1291\"\u003e\n      \u003c!-- 通常文字 --\u003e\n      \u003cspan class=\"wf-feature-nav__text\"\u003e\n        \u003cspan class=\"wf-feature-nav__title\"\u003e\n          たたみやすい\n        \u003c\/span\u003e\n        \u003cspan class=\"wf-feature-nav__sub\"\u003e\n          形状記憶機能付きの傘\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003c!-- hover時の白文字 --\u003e\n      \u003cspan class=\"wf-feature-nav__text wf-feature-nav__fill\"\u003e\n        \u003cspan class=\"wf-feature-nav__title\"\u003e\n          たたみやすい\n        \u003c\/span\u003e\n        \u003cspan class=\"wf-feature-nav__sub\"\u003e\n          形状記憶機能付きの傘\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003c!-- 通常矢印 --\u003e\n      \u003cspan class=\"wf-feature-nav__arrow\"\u003e\n        →\n      \u003c\/span\u003e\n\n      \u003c!-- hover時の白矢印 --\u003e\n      \u003cspan class=\"wf-feature-nav__arrow wf-feature-nav__arrow--fill\"\u003e\n        →\n      \u003c\/span\u003e\n    \u003c\/a\u003e\n\n\n    \u003c!-- 超軽量・超撥水 --\u003e\n    \u003ca class=\"wf-feature-nav__item\" href=\"https:\/\/waterfron-umbrel.live\/products\/ciric_u355-0906\"\u003e\n      \u003c!-- 通常文字 --\u003e\n      \u003cspan class=\"wf-feature-nav__text\"\u003e\n        \u003cspan class=\"wf-feature-nav__title\"\u003e\n          超軽量・超撥水\n        \u003c\/span\u003e\n        \u003cspan class=\"wf-feature-nav__sub\"\u003e\n        持ち運びしやすい。雨もしっかり対策。\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003c!-- hover時の白文字 --\u003e\n      \u003cspan class=\"wf-feature-nav__text wf-feature-nav__fill\"\u003e\n        \u003cspan class=\"wf-feature-nav__title\"\u003e\n          超軽量・超撥水\n        \u003c\/span\u003e\n        \u003cspan class=\"wf-feature-nav__sub\"\u003e\n          持ち運びしやすい。雨もしっかり対策。\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003c!-- 通常矢印 --\u003e\n      \u003cspan class=\"wf-feature-nav__arrow\"\u003e\n        →\n      \u003c\/span\u003e\n\n      \u003c!-- hover時の白矢印 --\u003e\n      \u003cspan class=\"wf-feature-nav__arrow wf-feature-nav__arrow--fill\"\u003e\n        →\n      \u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/waterfron-umbrel.live\/en\/collections\/%e8%a9%a6%e4%bd%9c%e3%83%9a%e3%83%bc%e3%82%b8.oembed","provider":"Waterfront Official Shop","version":"1.0","type":"link"}