{"product_id":"kokotiya-surippa","title":"心地スリッパ™｜毎日の足元をしっかりサポート","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@500;600;800\u0026amp;family=Zen+Kaku+Gothic+New:wght@400;500;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  :root{\n    --forest-900:#345140;\n    --forest-800:#3f6047;\n    --forest-700:#63855f;\n    --forest-600:#7f9e78;\n    --sage-500:#93b787;\n    --sage-300:#c3ddb6;\n    --sage-200:#e0efd8;\n    --cream-100:#f6f8ef;\n    --cream-50:#fdfdf8;\n    --gold-500:#c39a4d;\n    --gold-300:#e3c98a;\n    --ink-700:#33422e;\n    --ink-500:#4d5a44;\n    --shadow-soft:0 20px 45px -25px rgba(63,96,71,0.28);\n    --ease:cubic-bezier(.22,1,.36,1);\n  }\n\n  *{box-sizing:border-box; margin:0; padding:0;}\n  html{scroll-behavior:smooth;}\n\n  body{\n    font-family:'Zen Kaku Gothic New', sans-serif;\n    background:var(--cream-100);\n    color:var(--ink-700);\n    line-height:1.9;\n    letter-spacing:.02em;\n    overflow-x:hidden;\n  }\n\n  h1,h2,h3{\n    font-family:'Shippori Mincho', serif;\n    color:var(--forest-900);\n    line-height:1.5;\n  }\n\n  img,svg{display:block; max-width:100%;}\n\n  .wrap{\n    max-width:1080px;\n    margin:0 auto;\n    padding:0 28px;\n  }\n\n  a{color:inherit; text-decoration:none;}\n\n  \/* Visível por padrão SEM depender de JavaScript.\n     Se o script não rodar (comum quando o editor do Shopify remove a\n     tag \u003cscript\u003e), o conteúdo aparece normalmente, só sem a animação. *\/\n  .reveal{opacity:1; transform:none;}\n  .reveal.pre{\n    opacity:0;\n    transform:translateY(26px);\n    transition:opacity .9s var(--ease), transform .9s var(--ease);\n  }\n  .reveal.pre.in{opacity:1; transform:translateY(0);}\n\n  @media (prefers-reduced-motion:reduce){\n    .reveal.pre{opacity:1; transform:none; transition:none;}\n    *{animation:none !important;}\n  }\n\n  \/* ---------- breath divider ---------- *\/\n  .breath{\n    display:flex; align-items:center; justify-content:center;\n    gap:14px;\n    padding:52px 0;\n    color:var(--sage-500);\n  }\n  .breath .line{width:60px; height:1px; background:linear-gradient(90deg, transparent, var(--sage-300));}\n  .breath .line.right{background:linear-gradient(90deg, var(--sage-300), transparent);}\n  .breath .dot{\n    width:9px; height:9px; border-radius:50%;\n    background:var(--gold-500);\n    position:relative;\n  }\n  .breath .dot::before,.breath .dot::after{\n    content:''; position:absolute; inset:0; border-radius:50%;\n    border:1px solid var(--gold-300);\n    animation:pulse-ring 3.2s var(--ease) infinite;\n  }\n  .breath .dot::after{animation-delay:1.1s;}\n  @keyframes pulse-ring{\n    0%{transform:scale(1); opacity:.9;}\n    100%{transform:scale(3.4); opacity:0;}\n  }\n\n  \/* ---------- hero ---------- *\/\n  .hero{\n    position:relative;\n    padding:64px 0 60px;\n    overflow:hidden;\n  }\n  .hero .wrap{\n    display:grid;\n    grid-template-columns:1.05fr .95fr;\n    gap:40px;\n    align-items:center;\n  }\n  .eyebrow{\n    display:inline-flex; align-items:center; gap:10px;\n    font-size:.78rem; font-weight:700;\n    letter-spacing:.24em;\n    color:var(--forest-700);\n    margin-bottom:22px;\n  }\n  .eyebrow::before{\n    content:''; width:22px; height:1px; background:var(--gold-500);\n  }\n  .hero h1{\n    font-size:clamp(2.1rem, 4.2vw, 3.2rem);\n    font-weight:800;\n    margin-bottom:22px;\n  }\n  .hero h1 em{\n    font-style:normal;\n    color:var(--sage-500);\n    display:block;\n    font-size:.6em;\n    font-weight:500;\n    margin-top:10px;\n    letter-spacing:.04em;\n  }\n  .hero p.lead{\n    font-size:1.02rem;\n    color:var(--ink-500);\n    max-width:440px;\n    margin-bottom:34px;\n  }\n  .cta-row{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}\n  .btn-primary{\n    background:var(--forest-800);\n    color:var(--cream-50);\n    padding:17px 36px;\n    border-radius:100px;\n    font-weight:700;\n    font-size:.92rem;\n    letter-spacing:.06em;\n    box-shadow:var(--shadow-soft);\n    transition:transform .35s var(--ease), background .35s var(--ease);\n    display:inline-block;\n  }\n  .btn-primary:hover{transform:translateY(-3px); background:var(--gold-500);}\n  .price-tag{font-size:.85rem; color:var(--ink-500);}\n  .price-tag b{\n    font-family:'Shippori Mincho', serif;\n    font-size:1.3rem;\n    color:var(--forest-900);\n    margin-right:6px;\n  }\n  .price-tag s{color:var(--sage-300); margin-left:8px;}\n\n  .hero-photo-frame{\n    position:relative; z-index:2;\n    width:100%;\n    aspect-ratio:1\/1;\n    border-radius:28px;\n    overflow:hidden;\n    box-shadow:0 30px 60px -20px rgba(28,42,29,.5);\n    background:var(--cream-50);\n  }\n  .hero-photo{width:100%; height:100%; object-fit:cover;}\n\n  \/* ---------- problem section ---------- *\/\n  .problem{padding:30px 0 80px;}\n  .problem-head{max-width:640px; margin:0 auto 46px; text-align:center;}\n  .problem-head h2{font-size:clamp(1.5rem,3vw,2.1rem); font-weight:700;}\n  .problem-head p{color:var(--ink-500); margin-top:16px;}\n\n  .moments{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}\n  .moment-card{\n    background:var(--cream-50);\n    border:1px solid rgba(28,42,29,.08);\n    border-radius:20px;\n    padding:26px 18px;\n    text-align:center;\n    transition:transform .4s var(--ease), box-shadow .4s var(--ease);\n  }\n  .moment-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-soft);}\n  .moment-card svg{width:30px; height:30px; margin:0 auto 14px; stroke:var(--forest-700);}\n  .moment-card span{font-size:.92rem; font-weight:700; color:var(--forest-800);}\n\n  .problem-close{\n    text-align:center;\n    margin-top:44px;\n    font-family:'Shippori Mincho', serif;\n    font-size:1.25rem;\n    color:var(--forest-800);\n  }\n\n  \/* ---------- philosophy ---------- *\/\n  .philosophy{padding:20px 0 70px; text-align:center;}\n  .philosophy .wrap{max-width:660px;}\n  .philosophy h2{font-size:clamp(1.6rem,3.4vw,2.3rem); font-weight:800; margin-bottom:22px;}\n  .philosophy p{color:var(--ink-500);}\n\n  \/* ---------- feature ---------- *\/\n  .feature{padding:70px 0;}\n  .feature .wrap{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:56px;\n    align-items:center;\n  }\n  .feature.reverse .wrap{direction:rtl;}\n  .feature.reverse .wrap \u003e *{direction:ltr;}\n\n  .feature-copy h2{font-size:clamp(1.5rem,3vw,2rem); font-weight:700; margin-bottom:18px;}\n  .feature-copy p{color:var(--ink-500); margin-bottom:26px;}\n\n  .intensity{display:flex; gap:12px; flex-wrap:wrap;}\n  .intensity .pill{\n    flex:1; min-width:140px;\n    background:var(--cream-50);\n    border:1px solid rgba(28,42,29,.1);\n    border-radius:16px;\n    padding:16px 18px;\n  }\n  .intensity .pill b{display:block; font-size:.86rem; color:var(--forest-800); margin-bottom:8px;}\n  .intensity .pill p{font-size:.88rem; color:var(--ink-500); margin:0;}\n\n  .feature-visual{\n    background:var(--cream-50);\n    border-radius:26px;\n    overflow:hidden;\n    display:flex; align-items:center; justify-content:center;\n    aspect-ratio:1\/1;\n    position:relative;\n    border:1px solid rgba(28,42,29,.06);\n  }\n  .feature-photo{width:100%; height:100%; object-fit:cover;}\n\n  \/* ---------- posture section (dark) ---------- *\/\n  .posture{\n    background:var(--forest-900);\n    color:var(--cream-100);\n    padding:90px 0;\n    position:relative;\n    overflow:hidden;\n  }\n  .posture .wrap{position:relative; z-index:2; text-align:center; max-width:640px;}\n  .posture .eyebrow{color:var(--gold-300);}\n  .posture .eyebrow::before{background:var(--gold-300);}\n  .posture h2{color:var(--cream-50); font-size:clamp(1.6rem,3.4vw,2.3rem); margin-bottom:22px;}\n  .posture p{color:var(--sage-200);}\n\n  .arch-diagram{\n    position:relative; width:260px; height:260px; margin:48px auto 0;\n  }\n  .arch-diagram img{\n    width:100%; height:100%;\n    object-fit:cover;\n    border-radius:26px;\n    position:relative; z-index:2;\n    box-shadow:0 30px 60px -20px rgba(0,0,0,.35);\n  }\n  .arch-diagram .ring{\n    position:absolute; inset:-30px;\n    border:1px solid rgba(227,201,138,.3);\n    border-radius:36px;\n    animation:breathe 6s ease-in-out infinite;\n  }\n  @keyframes breathe{\n    0%,100%{transform:scale(1); opacity:.5;}\n    50%{transform:scale(1.06); opacity:1;}\n  }\n\n  \/* ---------- freedom \/ lifestyle grid ---------- *\/\n  .freedom{padding:90px 0 70px; text-align:center;}\n  .freedom .wrap{max-width:720px; margin:0 auto;}\n  .freedom h2{font-size:clamp(1.6rem,3.4vw,2.2rem); margin-bottom:16px;}\n  .freedom p{color:var(--ink-500); margin-bottom:48px;}\n\n  .lifegrid{display:grid; grid-template-columns:repeat(6,1fr); gap:18px; max-width:1000px; margin:0 auto;}\n  .life-item{display:flex; flex-direction:column; align-items:center; gap:12px;}\n  .life-icon{\n    width:64px; height:64px; border-radius:50%;\n    background:var(--cream-50);\n    border:1px solid var(--sage-200);\n    display:flex; align-items:center; justify-content:center;\n    transition:background .35s var(--ease), transform .35s var(--ease);\n  }\n  .life-item:hover .life-icon{background:var(--gold-300); transform:translateY(-4px);}\n  .life-icon svg{width:26px; height:26px; stroke:var(--forest-700);}\n  .life-item span{font-size:.86rem; color:var(--ink-500); font-weight:700;}\n\n  \/* ---------- gif showcase ---------- *\/\n  .gif-section{padding:0 0 90px;}\n  .gif-frame{\n    max-width:640px;\n    margin:0 auto;\n    border-radius:26px;\n    overflow:hidden;\n    box-shadow:var(--shadow-soft);\n    background:var(--cream-50);\n    border:1px solid rgba(28,42,29,.06);\n  }\n  .gif-frame img{width:100%; display:block;}\n\n  \/* ---------- simple \/ spec two-col ---------- *\/\n  .simple{padding:70px 0 90px;}\n  .simple .wrap{display:grid; grid-template-columns:1fr 1fr; gap:24px;}\n  .simple-card{\n    background:var(--cream-50);\n    border:1px solid rgba(28,42,29,.08);\n    border-radius:22px;\n    padding:38px;\n  }\n  .simple-card svg{width:34px; height:34px; stroke:var(--forest-700); margin-bottom:18px;}\n  .simple-card h3{font-size:1.15rem; margin-bottom:10px;}\n  .simple-card p{color:var(--ink-500); font-size:.98rem;}\n\n  \/* ---------- faq ---------- *\/\n  .faq{padding:0 0 90px;}\n  .faq-head{max-width:640px; margin:0 auto 40px; text-align:center;}\n  .faq-head h2{font-size:clamp(1.5rem,3vw,2.1rem); font-weight:700;}\n  .faq-box{\n    background:var(--cream-50);\n    border:1px solid rgba(28,42,29,.08);\n    border-radius:22px;\n    padding:6px 32px;\n    max-width:760px;\n    margin:0 auto;\n  }\n  .faq-item{\n    border-bottom:1px solid rgba(28,42,29,.08);\n    padding:22px 0;\n  }\n  .faq-item:last-child{border-bottom:none;}\n  .faq-item summary{\n    font-family:'Shippori Mincho', serif;\n    font-size:1.02rem;\n    font-weight:600;\n    color:var(--forest-900);\n    cursor:pointer;\n    list-style:none;\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:16px;\n  }\n  .faq-item summary::-webkit-details-marker{display:none;}\n  .faq-item summary::after{\n    content:'+';\n    font-size:1.5rem;\n    line-height:1;\n    color:var(--gold-500);\n    flex:0 0 auto;\n    transition:transform .3s var(--ease);\n  }\n  .faq-item[open] summary::after{transform:rotate(45deg);}\n  .faq-item p{color:var(--ink-500); margin-top:14px; font-size:.94rem;}\n\n  \/* ---------- closing ---------- *\/\n  .closing{\n    background:linear-gradient(180deg, var(--forest-800), var(--forest-900));\n    color:var(--cream-50);\n    padding:100px 0 90px;\n    text-align:center;\n    position:relative;\n    overflow:hidden;\n  }\n  .closing .wrap{max-width:600px; position:relative; z-index:2;}\n  .closing .eyebrow{color:var(--gold-300);}\n  .closing .eyebrow::before{background:var(--gold-300);}\n  .closing h2{color:var(--cream-50); font-size:clamp(1.8rem,3.8vw,2.6rem); margin-bottom:22px;}\n  .closing p{color:var(--sage-200); margin-bottom:38px;}\n  .closing .btn-primary{background:var(--gold-500); color:var(--forest-900);}\n  .closing .btn-primary:hover{background:var(--cream-50);}\n\n  footer{\n    background:var(--forest-900);\n    color:var(--sage-300);\n    text-align:center;\n    padding:26px 26px 70px;\n    font-size:.86rem;\n    letter-spacing:.12em;\n    border-top:1px solid rgba(255,255,255,.06);\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:860px){\n    .hero .wrap{grid-template-columns:1fr; text-align:center;}\n    .hero p.lead{margin-left:auto; margin-right:auto;}\n    .eyebrow{margin-left:auto; margin-right:auto;}\n    .cta-row{justify-content:center;}\n    .hero-photo-frame{max-width:340px; margin:0 auto;}\n    .moments{grid-template-columns:repeat(2,1fr);}\n    .feature .wrap{grid-template-columns:1fr;}\n    .feature.reverse .wrap{direction:ltr;}\n    .feature-visual{max-width:320px; margin:0 auto;}\n    .lifegrid{grid-template-columns:repeat(3,1fr);}\n    .simple .wrap{grid-template-columns:1fr;}\n  }\n  @media (max-width:480px){\n    .moments{grid-template-columns:repeat(2,1fr);}\n    .lifegrid{grid-template-columns:repeat(2,1fr);}\n  }\n\n  @media (max-width:600px){\n    .wrap{padding:0 20px;}\n    .hero{padding:44px 0 44px;}\n    .hero-photo-frame{max-width:260px; margin:36px auto 0;}\n    .problem{padding:16px 0 56px;}\n    .philosophy{padding:8px 0 50px;}\n    .feature{padding:50px 0;}\n    .posture{padding:64px 0;}\n    .freedom{padding:64px 0 50px;}\n    .gif-section{padding:0 0 64px;}\n    .simple{padding:50px 0 64px;}\n    .faq{padding:0 0 40px;}\n    .closing{padding:72px 0 64px;}\n    .breath{padding:20px 0;}\n\n    .cta-row{flex-direction:column; align-items:stretch; gap:14px;}\n    .btn-primary{text-align:center; width:100%;}\n    .price-tag{text-align:center;}\n\n    .moment-card{padding:20px 14px;}\n    .simple-card{padding:28px 22px;}\n    .faq-box{padding:2px 22px;}\n    .faq-item{padding:20px 0;}\n    .faq-item summary{font-size:1.12rem; line-height:1.6;}\n    .faq-item p{font-size:1.02rem;}\n    .arch-diagram{width:170px; height:170px;}\n  }\n\u003c\/style\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n      \u003cdiv class=\"eyebrow\"\u003eEVERYDAY FOOT RITUAL\u003c\/div\u003e\n      \u003ch1\u003e足元から、\u003cbr\u003eほどける一日を。\u003cem\u003e心地スリッパ™ ― 毎日の足元にそっと寄り添うケア習慣\u003c\/em\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"lead\"\u003e立ちっぱなしの仕事終わりに、家事の合間に、一日のリセットタイムに。いつものスリッパを替えるだけで、足元から心地よさが広がります。\u003c\/p\u003e\n      \u003cdiv class=\"cta-row\" style=\"justify-content:flex-start;\"\u003e\n        \u003cdiv class=\"price-tag\" style=\"font-size:1.05rem;\"\u003e\n\u003cb style=\"font-size:1.9rem;\"\u003e¥4,980\u003c\/b\u003e税込 \u003cs\u003e¥8,980\u003c\/s\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-visual\"\u003e\n      \u003cimg class=\"feature-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0972\/6574\/6199\/files\/a57d1e0f-53a8-44b0-b0b9-02241edf3945.png?v=1788686009\" alt=\"心地スリッパ\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PROBLEM --\u003e\n\u003csection class=\"problem\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"problem-head reveal\"\u003e\n      \u003cdiv class=\"eyebrow\" style=\"justify-content:center;\"\u003eこんな毎日、続いていませんか？\u003c\/div\u003e\n      \u003ch2\u003e足の疲れが、\u003cbr\u003e「いつものこと」になっていませんか。\u003c\/h2\u003e\n      \u003cp\u003e何気なく過ごしているだけでも、足元には少しずつ負担が積み重なっています。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"moments\"\u003e\n      \u003cdiv class=\"moment-card reveal\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M10 21h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003e立ちっぱなし\u003cbr\u003eの仕事\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moment-card reveal\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003cpath d=\"M12 3v10M8 9l4 4 4-4\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 21h12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003e一日中\u003cbr\u003e歩き回った日\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moment-card reveal\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003cpath d=\"M4 20l4-11 4 3 4-7 4 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003e家事に追われる\u003cbr\u003eいつもの毎日\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moment-card reveal\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 7v5l3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003e座りっぱなし\u003cbr\u003eのあと\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"problem-close reveal\"\u003e一日が終わる頃には、足元はずっと頑張りっぱなし。\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"breath\"\u003e\n\u003cspan class=\"line\"\u003e\u003c\/span\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\u003cspan class=\"line right\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c!-- PHILOSOPHY --\u003e\n\u003csection class=\"philosophy\"\u003e\n  \u003cdiv class=\"wrap reveal\"\u003e\n    \u003ch2\u003e頑張るだけが、\u003cbr\u003e毎日じゃない。\u003c\/h2\u003e\n    \u003cp\u003e必要なのは、特別な運動でも、新しい習慣を一から覚えることでもありません。いつものスリッパを、心地スリッパ™に替えるだけ。「履く」というひとときが、そのまま足元をいたわる時間になります。\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FEATURE: TOE PAD --\u003e\n\u003csection class=\"feature\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"feature-copy reveal\"\u003e\n      \u003cdiv class=\"eyebrow\"\u003e足指を、やさしくホールド\u003c\/div\u003e\n      \u003ch2\u003eぷにゅぷにゅパッドが、\u003cbr\u003e指先まで支える\u003c\/h2\u003e\n      \u003cp\u003e柔らかな足指パッドが指の間に心地よくフィットし、足元をしっかり支えながら毎日の歩行をサポート。取り外して水洗いできるので、清潔に使い続けられます。\u003c\/p\u003e\n      \u003cdiv class=\"intensity\"\u003e\n        \u003cdiv class=\"pill\"\u003e\n\u003cb\u003e足指ホールド\u003c\/b\u003e\u003cp\u003e指の間にやさしくフィット\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pill\"\u003e\n\u003cb\u003e取り外し可能\u003c\/b\u003e\u003cp\u003e水洗いでいつも清潔に\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-visual\"\u003e\n      \u003cimg class=\"feature-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0972\/6574\/6199\/files\/dd9872e0-bb68-4069-b3aa-8a37c125a906.png?v=1788682725\" alt=\"足指パッドのアップ\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POSTURE (dark) --\u003e\n\u003csection class=\"posture\"\u003e\n  \u003cdiv class=\"wrap reveal\"\u003e\n    \u003cdiv class=\"eyebrow\" style=\"justify-content:center;\"\u003e土踏まずから、姿勢を整える\u003c\/div\u003e\n    \u003ch2\u003eアーチを支える設計で、\u003cbr\u003e立ち姿までうつくしく。\u003c\/h2\u003e\n    \u003cp\u003e足裏のアーチに沿うアーチサポート構造が、立っているときも歩いているときも足元の安定感を後押し。足元からのバランスは、自然な立ち姿・美脚印象にもつながります。\u003c\/p\u003e\n    \u003cdiv class=\"arch-diagram\"\u003e\n      \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0972\/6574\/6199\/files\/c917b40f-0955-49e0-a9c1-6604d71e92e7.png?v=1788682156\" alt=\"足のアーチサポート\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FREEDOM \/ LIFESTYLE --\u003e\n\u003csection class=\"freedom\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n      \u003cdiv class=\"eyebrow\" style=\"justify-content:center;\"\u003e特別な時間は、いらない\u003c\/div\u003e\n      \u003ch2\u003e「ながら時間」が、\u003cbr\u003eそのままケアの時間に。\u003c\/h2\u003e\n      \u003cp\u003e約310gの軽やかな設計。いつもの生活シーンに、そのまま取り入れられます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lifegrid\"\u003e\n      \u003cdiv class=\"life-item reveal\"\u003e\n        \u003cdiv class=\"life-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003cpath d=\"M3 11l9-7 9 7\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 10v9h14v-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan\u003e自宅で\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"life-item reveal\"\u003e\n        \u003cdiv class=\"life-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003cpath d=\"M4 20l4-11 4 3 4-7 4 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan\u003e家事をしながら\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"life-item reveal\"\u003e\n        \u003cdiv class=\"life-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003crect x=\"3\" y=\"5\" width=\"18\" height=\"13\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M9 21h6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan\u003eテレビを見ながら\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"life-item reveal\"\u003e\n        \u003cdiv class=\"life-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M10 21h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan\u003e立ち仕事の後\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"life-item reveal\"\u003e\n        \u003cdiv class=\"life-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M9 9h6v6H9z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan\u003eデスクワーク中\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"life-item reveal\"\u003e\n        \u003cdiv class=\"life-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"\u003e\u003cpath d=\"M20 14.5A8 8 0 1110 3.5a6.5 6.5 0 0010 11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan\u003e就寝前の\u003cbr\u003eひとときに\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- GIF --\u003e\n\u003csection class=\"gif-section\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"gif-frame reveal\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0972\/6574\/6199\/files\/ezgif.com-speed.webp?v=1789457363\" alt=\"心地スリッパ™ 使用イメージ\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SIMPLE --\u003e\n\u003csection class=\"simple\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"simple-card reveal\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.3\"\u003e\u003cpath d=\"M5 3l14 9-14 9V3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003ch3\u003e軽量 × シンプル設計\u003c\/h3\u003e\n      \u003cp\u003e複雑な準備は必要ありません。「今日は面倒だな」と思う前に、いつもの一足を心地スリッパ™に履き替えるだけ。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"simple-card reveal\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.3\"\u003e\u003cpath d=\"M12 3a6 6 0 016 6c0 4-3 5-3 8H9c0-3-3-4-3-8a6 6 0 016-6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 20h6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003ch3\u003e肌にやさしくフィット\u003c\/h3\u003e\n      \u003cp\u003e柔軟性のある素材で、幅広い足型に馴染みます。甲高・幅広の方にも使いやすい、家族みんなのための設計です。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FAQ --\u003e\n\u003csection class=\"faq\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"faq-head reveal\"\u003e\n      \u003cdiv class=\"eyebrow\" style=\"justify-content:center;\"\u003eよくあるご質問\u003c\/div\u003e\n      \u003ch2\u003e心地スリッパ™について\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-box reveal\"\u003e\n      \u003cdetails class=\"faq-item\"\u003e\n        \u003csummary\u003eサイズ選びに迷っています。自分の足に合いますか？\u003c\/summary\u003e\n        \u003cp\u003e22.0〜28.5cmに対応するフリーサイズで、男女兼用でお使いいただけます。甲高・幅広の方にもフィットしやすい設計です。\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"faq-item\"\u003e\n        \u003csummary\u003e足指パッドのお手入れは大変ですか？\u003c\/summary\u003e\n        \u003cp\u003e足指パッドは取り外して水洗いができるので、清潔な状態を保ちながら気軽に使い続けられます。\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"faq-item\"\u003e\n        \u003csummary\u003e重くて履きにくくないですか？\u003c\/summary\u003e\n        \u003cp\u003e本体は約310gの軽量設計。長時間履いていても負担になりにくく、家事やデスクワーク中にも取り入れやすいサイズ感です。\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"faq-item\"\u003e\n        \u003csummary\u003e素材は肌に触れても大丈夫ですか？\u003c\/summary\u003e\n        \u003cp\u003e柔軟性のあるフィット素材（EVA・SEBS）を使用しており、肌当たりのやさしさにこだわっています。\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"faq-item\"\u003e\n        \u003csummary\u003eどんなシーンで使うのがおすすめですか？\u003c\/summary\u003e\n        \u003cp\u003e自宅でのリラックスタイムはもちろん、家事をしながら、デスクワーク中、就寝前のひとときなど、日常のさまざまな場面で取り入れていただけます。\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"faq-item\"\u003e\n        \u003csummary\u003eプレゼントにも向いていますか？\u003c\/summary\u003e\n        \u003cp\u003eフリーサイズ・男女兼用なので、性別やサイズを気にせず、贈り物としてもお選びいただけます。\u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"breath\"\u003e\n\u003cspan class=\"line\"\u003e\u003c\/span\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\u003cspan class=\"line right\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c!-- CLOSING --\u003e\n\u003csection class=\"closing\" id=\"cta\"\u003e\n  \u003cdiv class=\"wrap reveal\"\u003e\n    \u003cdiv class=\"eyebrow\" style=\"justify-content:center;\"\u003e毎日頑張る足に\u003c\/div\u003e\n    \u003ch2\u003e今日の疲れを、\u003cbr\u003eそのままにしない。\u003c\/h2\u003e\n    \u003cp\u003e自分へのご褒美にも、大切な人への贈り物にも。いつもの一足を心地スリッパ™に替えるだけで、明日の足元が変わります。\u003c\/p\u003e\n    \u003ca href=\"#\" class=\"btn-primary\"\u003e心地スリッパ™ をカートに入れる\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003eKOKOTIYA — 毎日の暮らしに、心地よいケアを。\u003c\/footer\u003e\n\n\u003cscript\u003e\n  \/\/ Efeito de entrada progressivo. Só é aplicado se o navegador\n  \/\/ suportar IntersectionObserver; caso contrário (ou se este\n  \/\/ script for removido pelo editor), o conteúdo já está visível\n  \/\/ por padrão graças ao CSS acima.\n  if ('IntersectionObserver' in window) {\n    const els = document.querySelectorAll('.reveal');\n    els.forEach(el =\u003e el.classList.add('pre'));\n    const io = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(e =\u003e {\n        if (e.isIntersecting) {\n          e.target.classList.add('in');\n          io.unobserve(e.target);\n        }\n      });\n    }, { threshold: .15, rootMargin: '0px 0px -40px 0px' });\n    els.forEach(el =\u003e io.observe(el));\n  }\n\u003c\/script\u003e","brand":"KOKOTIYA","offers":[{"title":"グレー","offer_id":51699184861463,"sku":"5297306434969-V2","price":4980.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック","offer_id":51699184894231,"sku":"5297306434967-V2","price":4980.0,"currency_code":"JPY","in_stock":true},{"title":"ピンク","offer_id":51699184959767,"sku":"5743897884939-V2","price":4980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0972\/6574\/6199\/files\/ChatGPTImage6deset.de2026_16_49_46.png?v=1788681001","url":"https:\/\/kokotiya.com\/products\/kokotiya-surippa","provider":"KOKOTIYA","version":"1.0","type":"link"}