{"title":"ホームページ","description":null,"products":[{"product_id":"quadpour","title":"QuadPour™ 4in1液もれ防止トラベルボトル","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Zen+Old+Mincho:wght@400;600;700\u0026family=Zen+Kaku+Gothic+New:wght@400;500;700\u0026display=swap');\n\n.qp-wrap{\n  max-width:760px;\n  margin:0 auto;\n  padding:0 12px;\n  color:#242424;\n  font-family:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN',sans-serif;\n  line-height:1.85;\n  letter-spacing:.02em;\n  box-sizing:border-box;\n}\n\n.qp-wrap *{\n  box-sizing:border-box;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.qp-hero{\n  position:relative;\n  overflow:hidden;\n  margin:0 0 18px;\n  padding:34px 22px 30px;\n  border-radius:16px;\n  background:linear-gradient(\n    135deg,\n    #B86F5D 0%,\n    #D88973 62%,\n    #F2DDD6 100%\n  );\n  color:#FFFFFF;\n  text-align:center;\n  box-shadow:0 10px 28px rgba(184,111,93,.20);\n}\n\n.qp-hero .blob{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(30px);\n  background:rgba(255,255,255,.22);\n  pointer-events:none;\n  animation:qp-float 9s ease-in-out infinite;\n}\n\n.qp-hero .blob-a{\n  width:180px;\n  height:180px;\n  top:-70px;\n  left:-50px;\n  animation-delay:0s;\n}\n\n.qp-hero .blob-b{\n  width:140px;\n  height:140px;\n  bottom:-60px;\n  right:-30px;\n  background:rgba(242,221,214,.35);\n  animation-delay:2.4s;\n}\n\n.qp-hero .blob-c{\n  width:90px;\n  height:90px;\n  top:20%;\n  right:12%;\n  background:rgba(255,255,255,.16);\n  animation-delay:4.8s;\n}\n\n@keyframes qp-float{\n  0%,100%{\n    transform:translate(0,0) scale(1);\n  }\n\n  50%{\n    transform:translate(10px,-14px) scale(1.06);\n  }\n}\n\n.qp-badge{\n  position:relative;\n  z-index:2;\n  display:inline-block;\n  margin-bottom:13px;\n  padding:5px 13px;\n  border:1px solid rgba(255,255,255,.4);\n  border-radius:999px;\n  background:rgba(255,255,255,.14);\n  color:#FFFFFF;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.1em;\n  transition:transform .3s ease,background .3s ease;\n}\n\n.qp-badge:hover{\n  transform:translateY(-2px);\n  background:rgba(255,255,255,.22);\n}\n\n.qp-hero h2{\n  position:relative;\n  z-index:2;\n  margin:0 0 13px;\n  color:#FFFFFF;\n  font-family:'Zen Old Mincho','Hiragino Mincho ProN',serif;\n  font-size:26px;\n  line-height:1.45;\n  font-weight:700;\n  letter-spacing:.04em;\n}\n\n.qp-hero p{\n  position:relative;\n  z-index:2;\n  margin:0 auto;\n  max-width:600px;\n  color:#FCF3F0;\n  font-size:14px;\n  line-height:1.9;\n}\n\n.qp-pills{\n  position:relative;\n  z-index:2;\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:7px;\n  margin-top:18px;\n}\n\n.qp-pill{\n  padding:6px 12px;\n  border-radius:999px;\n  font-size:12px;\n  font-weight:700;\n  cursor:default;\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.qp-pill:hover{\n  transform:translateY(-3px) scale(1.05);\n  box-shadow:0 6px 14px rgba(0,0,0,.12);\n}\n\n.qp-pill.p1{\n  background:#FFFFFF;\n  color:#B86F5D;\n}\n\n.qp-pill.p2{\n  background:#EEE9E1;\n  color:#6B5D52;\n}\n\n.qp-pill.p3{\n  background:rgba(255,255,255,.85);\n  color:#7C8574;\n}\n\n\n\/* =========================\n   SECTION\n========================= *\/\n\n.qp-section{\n  margin:0 0 18px;\n}\n\n.qp-label-wrap{\n  margin-bottom:14px;\n  text-align:center;\n}\n\n.qp-label{\n  margin:0 0 4px;\n  color:#B86F5D;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.14em;\n  text-align:center;\n}\n\n\n\/* =========================\n   FEATURE GRID\n========================= *\/\n\n.qp-grid{\n  display:grid;\n  grid-template-columns:repeat(\n    auto-fit,\n    minmax(210px,1fr)\n  );\n  gap:10px;\n}\n\n.qp-card{\n  padding:19px 16px;\n  border:1px solid #EEE9E1;\n  border-radius:12px;\n  background:#FAF8F4;\n  cursor:default;\n  transition:\n    transform .35s cubic-bezier(.2,.8,.2,1),\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n.qp-card:hover{\n  transform:translateY(-7px);\n  box-shadow:0 16px 30px rgba(184,111,93,.16);\n  border-color:#D88973;\n}\n\n.qp-icon{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:34px;\n  height:34px;\n  margin-bottom:10px;\n  border-radius:50%;\n  color:#FFFFFF;\n  font-size:16px;\n  font-weight:800;\n  transition:\n    transform .4s cubic-bezier(.2,.8,.2,1);\n}\n\n.qp-card:hover .qp-icon{\n  transform:rotate(-8deg) scale(1.12);\n}\n\n.qp-card h3{\n  margin:0 0 8px;\n  color:#242424;\n  font-size:16px;\n  line-height:1.55;\n}\n\n.qp-card p{\n  margin:0;\n  color:#5C5651;\n  font-size:13px;\n  line-height:1.8;\n}\n\n\/* observação do label *\/\n.qp-card .qp-note{\n  display:block;\n  margin-top:7px;\n  color:#8A817B;\n  font-size:10px;\n  line-height:1.6;\n}\n\n\n\/* =========================\n   FINAL CTA\n========================= *\/\n\n.qp-final{\n  position:relative;\n  overflow:hidden;\n  margin:0;\n  padding:28px 19px;\n  border-radius:14px;\n  background:linear-gradient(\n    135deg,\n    #EEE9E1 0%,\n    #F2DDD6 100%\n  );\n  text-align:center;\n}\n\n.qp-final .blob{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(34px);\n  background:rgba(216,137,115,.25);\n  animation:qp-float 10s ease-in-out infinite;\n  pointer-events:none;\n}\n\n.qp-final .blob-a{\n  width:160px;\n  height:160px;\n  top:-60px;\n  right:-40px;\n}\n\n.qp-final .blob-b{\n  width:120px;\n  height:120px;\n  bottom:-50px;\n  left:-30px;\n  animation-delay:3s;\n}\n\n.qp-final-label{\n  position:relative;\n  z-index:2;\n  margin:0 0 5px;\n  color:#B86F5D;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.08em;\n}\n\n.qp-final h3{\n  position:relative;\n  z-index:2;\n  margin:0 0 10px;\n  color:#242424;\n  font-family:'Zen Old Mincho','Hiragino Mincho ProN',serif;\n  font-size:22px;\n  line-height:1.5;\n}\n\n.qp-final p{\n  position:relative;\n  z-index:2;\n  margin:0 auto 17px;\n  max-width:560px;\n  color:#5C5651;\n  font-size:13px;\n}\n\n.qp-btn{\n  position:relative;\n  z-index:2;\n  display:inline-block;\n  padding:11px 26px;\n  border-radius:999px;\n  background:#B86F5D;\n  color:#FFFFFF;\n  font-size:14px;\n  font-weight:800;\n  box-shadow:0 6px 16px rgba(184,111,93,.25);\n  cursor:pointer;\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    background .3s ease;\n}\n\n.qp-btn:hover{\n  transform:translateY(-3px);\n  background:#A65E4D;\n  box-shadow:0 12px 26px rgba(184,111,93,.35);\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media screen and (max-width:749px){\n\n  .qp-wrap{\n    padding:0 10px;\n  }\n\n  .qp-hero{\n    padding:27px 17px 24px;\n    border-radius:14px;\n  }\n\n  .qp-hero h2{\n    font-size:23px;\n  }\n\n  .qp-hero p{\n    font-size:13px;\n    line-height:1.8;\n  }\n\n  .qp-grid{\n    grid-template-columns:1fr;\n    gap:8px;\n  }\n\n  .qp-card{\n    padding:16px 15px;\n  }\n\n  .qp-card h3{\n    font-size:15px;\n  }\n\n  .qp-card p{\n    font-size:12px;\n  }\n\n  .qp-final{\n    padding:24px 16px;\n  }\n\n  .qp-final h3{\n    font-size:20px;\n  }\n}\n\n\n\/* =========================\n   REDUCED MOTION\n========================= *\/\n\n@media (prefers-reduced-motion:reduce){\n\n  .qp-hero .blob,\n  .qp-final .blob{\n    animation:none;\n  }\n\n  .qp-card,\n  .qp-badge,\n  .qp-pill,\n  .qp-btn,\n  .qp-icon{\n    transition:none;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"qp-wrap\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"qp-hero\"\u003e\n\n    \u003cspan class=\"blob blob-a\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"blob blob-b\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"blob blob-c\"\u003e\u003c\/span\u003e\n\n    \u003cdiv class=\"qp-badge\"\u003e\n      ✨ QuadPour™ 4WAY詰め替えボトル\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      荷物を、もっとシンプルに\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      何本も持ち歩くボトル、\n      どれがどれか分からなくなる中身、\n      バッグの中でかさばる悩み…\n      QuadPour™なら、これ1本ですっきり解決します。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"qp-pills\"\u003e\n      \u003cspan class=\"qp-pill p1\"\u003e\n        4in1構造\n      \u003c\/span\u003e\n\n      \u003cspan class=\"qp-pill p2\"\u003e\n        二重密閉\n      \u003c\/span\u003e\n\n      \u003cspan class=\"qp-pill p3\"\u003e\n        ワンプッシュ\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection class=\"qp-section\"\u003e\n\n    \u003cdiv class=\"qp-label-wrap\"\u003e\n      \u003cp class=\"qp-label\"\u003e\n        QuadPour™\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"qp-grid\"\u003e\n\n\n      \u003c!-- 1 --\u003e\n      \u003cdiv class=\"qp-card\"\u003e\n\n        \u003cdiv class=\"qp-icon\" style=\"background:#D88973;\"\u003e\n          🧴\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          4種類をこれ1本に\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          複数のボトルを持ち歩く必要はもうありません。\n          毎日使うものを、これ1本にまとめられます。\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 2 --\u003e\n      \u003cdiv class=\"qp-card\"\u003e\n\n        \u003cdiv class=\"qp-icon\" style=\"background:#B86F5D;\"\u003e\n          💧\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          約30ml×4 独立ボトル\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          4つの独立したボトルに、\n          それぞれお好きな中身を入れて使い分けられます。\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 3 - LABEL --\u003e\n      \u003cdiv class=\"qp-card\"\u003e\n\n        \u003cdiv class=\"qp-icon\" style=\"background:#A9B1A0;\"\u003e\n          🏷️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          ラベル付きで迷わない\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          キャップには\n          \u003cstrong\u003e英語と日本語の2か国語表記ラベル\u003c\/strong\u003e\n          が付いているので、\n          開けなくても中身が一目でわかります。\n        \u003c\/p\u003e\n\n        \u003cspan class=\"qp-note\"\u003e\n          ※ラベルは英語・日本語の2か国語表記です。\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 4 --\u003e\n      \u003cdiv class=\"qp-card\"\u003e\n\n        \u003cdiv class=\"qp-icon\" style=\"background:#8F9887;\"\u003e\n          🔒\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          二重構造で液もれをガード\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          外側カバーと内側キャップの二重構造。\n          バッグに入れても安心です。\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 5 --\u003e\n      \u003cdiv class=\"qp-card\"\u003e\n\n        \u003cdiv class=\"qp-icon\" style=\"background:#D88973;\"\u003e\n          📱\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          スマホとほぼ同じサイズ\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          片手にすっと収まるサイズ感で、\n          荷物の圧迫感もありません。\n          誰でも使いやすいシンプルな設計です。\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"qp-final\"\u003e\n\n    \u003cspan class=\"blob blob-a\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"blob blob-b\"\u003e\u003c\/span\u003e\n\n    \u003cp class=\"qp-final-label\"\u003e\n      QuadPour™\n    \u003c\/p\u003e\n\n    \u003ch3\u003e\n      QuadPour™で、毎日をもっとシンプルに、\u003cbr\u003e\n      もっと身軽に。\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      今すぐ手に入れて、\n      すっきりとした毎日を体験してください。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"qp-btn\"\u003e\n      QuadPour™を手に入れる\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Mikketto","offers":[{"title":"ホワイト","offer_id":54602794991982,"sku":null,"price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"グリーン","offer_id":54602795024750,"sku":null,"price":6980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1017\/0741\/5918\/files\/1.png?v=1787058971"}],"url":"https:\/\/mikketto.com\/collections\/frontpage.oembed","provider":"Mikketto","version":"1.0","type":"link"}