{"title":"セラミックシリーズ","description":null,"products":[{"product_id":"high-value-316-stainless-steel-ceramic-inner-liner-coffee-cup-with-straw-portable-dual-drink-insulated-cup-for-men-women-and-students","title":"CERUMI™ セラミックライニング真空タンブラー｜SOYOKA公式","description":"\u003c!--\n==================================================================\nCerumi™ セラミックライニング真空タンブラー — 商品ページHTML\nSOYOKA\n------------------------------------------------------------------\n使い方:\n1. このコード全体をコピーして、ショップの「商品説明」欄の\n   HTML編集モード（Shopify \/ BASE \/ STORES \/ 楽天カスタムHTML等）\n   に貼り付けてください。\n2. 画像プレースホルダー（.ph-img クラスの箇所）は、実際の商品写真に\n   差し替えてください。背景の \u003cdiv class=\"ph-img\"\u003e を\n   \u003cimg src=\"実際の画像URL\"\u003e に置き換えるだけでOKです。\n3. すべてのスタイルは .cerumi-lp で囲って上書き事故を防いでいます。\n4. 「お客様の声」セクションは、実際のレビューが集まってから\n   追加してください（現在は削除済み・下部にコメントで復元方法あり）。\n==================================================================\n--\u003e\n\n\u003cdiv class=\"cerumi-lp\"\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@500;600;700\u0026family=Noto+Sans+JP:wght@400;500;600;700\u0026display=swap');\n\n  .cerumi-lp {\n    \/* ===== SOYOKA ブランドカラー「Vento e Sombra」 ===== *\/\n    --cream: #F4F3ED;\n    --cream-deep: #EAE7DC;\n    --rose: #5C6E78;\n    --rose-deep: #46545C;\n    --ink: #24261F;\n    --ink-soft: #5B5F56;\n    --line: #DAD9D0;\n    --white: #FFFFFF;\n    --shadow: 0 4px 24px rgba(36,38,31,0.06);\n    --shadow-sm: 0 2px 12px rgba(36,38,31,0.05);\n    font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n    color: var(--ink);\n    background:\n      radial-gradient(rgba(36,38,31,0.035) 1px, transparent 1.2px) 0 0 \/ 20px 20px,\n      var(--cream);\n    line-height: 1.9;\n    letter-spacing: 0.02em;\n    max-width: 900px;\n    margin: 0 auto;\n    -webkit-font-smoothing: antialiased;\n  }\n  .cerumi-lp * { box-sizing: border-box; }\n  .cerumi-lp { -webkit-tap-highlight-color: transparent; }\n  .cerumi-lp img { max-width: 100%; display: block; }\n  .cerumi-lp .serif { font-family: \"Noto Serif JP\", \"Hiragino Mincho ProN\", serif; }\n  .cerumi-lp section { padding: 64px 24px; }\n  @media (max-width: 640px) { .cerumi-lp section { padding: 44px 20px; } }\n  .cerumi-lp .divider { display: flex; align-items: center; justify-content: center; padding: 0 24px; }\n  .cerumi-lp .divider-wave { display: block; width: 100%; max-width: 240px; height: 14px; overflow: hidden; }\n  @keyframes cerumi-breeze { to { stroke-dashoffset: -64; } }\n  .cerumi-lp .divider-wave path { stroke: var(--rose); stroke-width: 1.3; fill: none; stroke-dasharray: 6 5; animation: cerumi-breeze 3.4s linear infinite; opacity: .45; }\n  @media (max-width: 480px) { .cerumi-lp br.pc-only { display: none; } }\n  .cerumi-lp .eyebrow { font-size: 11.5px; letter-spacing: 0.3em; color: var(--rose-deep); text-transform: uppercase; margin-bottom: 20px; font-weight: 700; }\n  .cerumi-lp h2 { font-family: \"Noto Serif JP\", \"Hiragino Mincho ProN\", serif; font-size: 29px; font-weight: 600; line-height: 1.65; letter-spacing: 0.02em; margin: 0 0 22px; color: var(--ink); }\n  .cerumi-lp .center { text-align: center; }\n  .cerumi-lp .lead { font-size: 15px; color: var(--ink-soft); max-width: 520px; margin: 0 auto; }\n\n  \/* Revelação suave ao rolar a página *\/\n  .cerumi-lp .reveal { opacity: 0; transform: translateY(18px); transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }\n  .cerumi-lp .reveal.is-visible { opacity: 1; transform: translateY(0); }\n\n  .cerumi-lp .hero { padding: 56px 24px 44px; text-align: center; background: linear-gradient(180deg, var(--cream-deep) 0%, var(--cream) 100%); position: relative; }\n  .cerumi-lp .hero::before { content: \"\"; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 64px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, transparent, var(--rose), transparent); }\n  .cerumi-lp .hero .brandmark { font-size: 11.5px; letter-spacing: 0.4em; color: var(--rose-deep); margin-bottom: 30px; text-transform: uppercase; font-weight: 600; }\n  .cerumi-lp .hero h1 { font-family: \"Noto Serif JP\", \"Hiragino Mincho ProN\", serif; font-size: 46px; font-weight: 600; line-height: 1.5; letter-spacing: 0.04em; margin: 0 0 18px; color: var(--ink); }\n  @media (max-width: 480px) { .cerumi-lp .hero h1 { font-size: 36px; } }\n  .cerumi-lp .hero .sub { font-size: 15.5px; color: var(--rose-deep); margin-bottom: 28px; font-weight: 500; letter-spacing: 0.06em; }\n  .cerumi-lp .hero .body-text { font-size: 14.5px; color: var(--ink-soft); max-width: 460px; margin: 0 auto 40px; }\n  .cerumi-lp .ph-img { background: linear-gradient(135deg, #EAE7DC 0%, #D8D5C8 100%); border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #8C8A7C; font-size: 12px; letter-spacing: 0.1em; object-fit: cover; }\n  .cerumi-lp .hero .ph-img { width: 100%; max-width: 380px; height: 460px; margin: 0 auto 36px; border-radius: 8px; box-shadow: var(--shadow); border: 1px solid rgba(36,38,31,0.04); will-change: transform; }\n\n  .cerumi-lp .seal { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; }\n  .cerumi-lp .seal-badge { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(70,84,92,0.4); position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .cerumi-lp .seal-badge:before { content: \"\"; position: absolute; inset: 4px; border: 1px solid rgba(70,84,92,0.22); border-radius: 50%; }\n  .cerumi-lp .seal-badge svg { width: 15px; height: 15px; position: relative; z-index: 1; }\n  .cerumi-lp .seal-text { font-size: 10px; letter-spacing: 0.16em; color: var(--ink-soft); text-transform: uppercase; text-align: left; line-height: 1.6; }\n  .cerumi-lp .seal-text strong { display: block; color: var(--rose-deep); font-size: 11.5px; letter-spacing: 0.08em; margin-top: 1px; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cerumi-lp .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }\n    .cerumi-lp .hero .ph-img { transform: none !important; }\n    .cerumi-lp .divider-wave path { animation: none !important; }\n  }\n\n  .cerumi-lp .capacity-select { display: flex; gap: 10px; justify-content: center; margin-top: 24px; }\n  .cerumi-lp .cap-option { font-size: 13px; padding: 10px 26px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); color: var(--ink-soft); cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }\n  .cerumi-lp .cap-option:hover { border-color: #A9B6BA; }\n  .cerumi-lp .cap-option.active { border-color: var(--rose); color: var(--rose-deep); font-weight: 600; background: #E8ECEB; }\n  .cerumi-lp .cap-label { font-size: 11.5px; color: var(--ink-soft); letter-spacing: 0.1em; margin-top: 22px; margin-bottom: -8px; }\n\n  .cerumi-lp .price-block { margin-top: 8px; }\n  .cerumi-lp .hero .price-row { display: flex; align-items: baseline; justify-content: center; gap: 10px; flex-wrap: wrap; }\n  .cerumi-lp .hero .discount-tag {\n    display: inline-flex;\n    align-items: center;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--rose-deep);\n    background: var(--cream-deep);\n    border: 1px solid rgba(70,84,92,0.18);\n    padding: 3px 9px;\n    border-radius: 999px;\n    letter-spacing: 0.02em;\n  }\n  .cerumi-lp .price-strike { color: #A9A79A; text-decoration: line-through; font-size: 14px; }\n  .cerumi-lp .price-now { font-size: 30px; font-weight: 700; color: var(--ink); letter-spacing: -0.01em; }\n  .cerumi-lp .price-tax { font-size: 12px; color: var(--ink-soft); display: block; margin-top: 6px; letter-spacing: 0.04em; }\n  .cerumi-lp .trust-bar { display: flex; justify-content: center; gap: 0; margin-top: 30px; flex-wrap: wrap; }\n  .cerumi-lp .trust-item { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--ink-soft); font-weight: 500; padding: 0 18px; border-right: 1px solid var(--line); }\n  .cerumi-lp .trust-item:last-child { border-right: none; }\n  .cerumi-lp .trust-item svg { flex-shrink: 0; }\n  @media (max-width: 480px) { .cerumi-lp .trust-item { border-right: none; padding: 4px 12px; } }\n  .cerumi-lp .cta-btn { display: inline-block; background: var(--rose); color: var(--white) !important; text-decoration: none; font-size: 14px; letter-spacing: 0.12em; padding: 16px 48px; border-radius: 2px; margin-top: 30px; font-weight: 500; transition: background 0.2s ease, transform 0.2s ease; }\n  .cerumi-lp .cta-btn:hover { background: var(--rose-deep); }\n\n  .cerumi-lp .motion-demo { text-align: center; padding-top: 32px; padding-bottom: 32px; }\n  .cerumi-lp .motion-demo .ph-img { width: 100%; max-width: 320px; aspect-ratio: 4 \/ 5; margin: 28px auto 0; box-shadow: var(--shadow-sm); }\n  .cerumi-lp .motion-demo img { width: 100%; max-width: 320px; aspect-ratio: 4 \/ 5; object-fit: cover; border-radius: 4px; margin: 28px auto 0; box-shadow: var(--shadow-sm); }\n\n  .cerumi-lp .philosophy-quote { font-size: 22px; line-height: 1.9; font-weight: 500; color: var(--ink); max-width: 480px; margin: 22px auto 26px; position: relative; }\n  .cerumi-lp .philosophy-mark { font-family: \"Noto Serif JP\", serif; font-size: 64px; line-height: 1; color: var(--rose); opacity: 0.35; display: block; margin-bottom: -18px; }\n\n  .cerumi-lp .problem { background: var(--white); }\n  .cerumi-lp .problem-list { max-width: 480px; margin: 24px auto 0; list-style: none; padding: 0; }\n  .cerumi-lp .problem-list li { font-size: 14.5px; color: var(--ink-soft); padding: 14px 0 14px 28px; border-bottom: 1px solid var(--line); position: relative; }\n  .cerumi-lp .problem-list li:before { content: \"・\"; position: absolute; left: 0; color: var(--rose); }\n  .cerumi-lp .problem-note { text-align: center; margin-top: 32px; font-size: 14.5px; color: var(--ink); max-width: 460px; margin-left: auto; margin-right: auto; }\n\n  .cerumi-lp .section-icon { width: 56px; height: 56px; margin: 0 auto 20px; border-radius: 50%; background: var(--cream-deep); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-sm); }\n  .cerumi-lp .section-icon svg { width: 26px; height: 26px; }\n  @media (max-width: 480px) { .cerumi-lp .section-icon { width: 48px; height: 48px; margin-bottom: 16px; } .cerumi-lp .section-icon svg { width: 22px; height: 22px; } }\n  .cerumi-lp .cross-section { margin: 24px auto 20px; display: flex; flex-direction: column; align-items: center; width: 100%; }\n  .cerumi-lp .cross-circle { width: 220px; height: 220px; margin: 0 auto 8px; }\n  .cerumi-lp .cross-legend { width: 100%; max-width: 420px; margin: 20px auto 0; display: flex; flex-direction: column; gap: 14px; }\n  .cerumi-lp .cross-legend-row { display: flex; align-items: flex-start; gap: 12px; text-align: left; }\n  .cerumi-lp .cross-swatch { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; margin-top: 3px; }\n  .cerumi-lp .cross-legend-title { font-size: 14px; font-weight: 700; color: var(--ink); }\n  .cerumi-lp .cross-legend-sub { font-size: 12.5px; color: var(--ink-soft); margin-top: 2px; }\n  .cerumi-lp .cross-caption-note { font-size: 13px; color: var(--ink-soft); text-align: center; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); max-width: 420px; }\n  .cerumi-lp .cs-caption { font-size: 11.5px; color: var(--ink-soft); letter-spacing: 0.1em; margin-top: 8px; }\n  .cerumi-lp .features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: 700px; margin: 0 auto; text-align: center; }\n  .cerumi-lp .feature-icon { width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 50%; background: var(--cream-deep); display: flex; align-items: center; justify-content: center; padding: 14px; box-shadow: var(--shadow-sm); }\n  .cerumi-lp .feature-icon svg { width: 100%; height: 100%; }\n  @media (max-width: 480px) { .cerumi-lp .feature-icon { width: 52px; height: 52px; padding: 12px; } }\n  .cerumi-lp .feature-title { font-size: 14.5px; font-weight: 600; margin-bottom: 8px; color: var(--ink); }\n  .cerumi-lp .feature-text { font-size: 13px; color: var(--ink-soft); }\n  @media (max-width: 640px) { .cerumi-lp .features { grid-template-columns: 1fr; gap: 36px; } }\n\n  .cerumi-lp .process-list { max-width: 480px; margin: 24px auto 0; }\n  .cerumi-lp .process-step { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }\n  .cerumi-lp .process-step:last-child { border-bottom: none; }\n  .cerumi-lp .process-num { font-family: \"Noto Serif JP\", serif; font-size: 17px; font-weight: 600; color: var(--white); flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--rose); display: flex; align-items: center; justify-content: center; }\n  .cerumi-lp .process-title { font-size: 14.5px; font-weight: 600; margin-bottom: 6px; }\n  .cerumi-lp .process-text { font-size: 13px; color: var(--ink-soft); }\n\n  .cerumi-lp .compare { background: var(--white); }\n  .cerumi-lp .table-scroll { width: 100%; }\n  .cerumi-lp table.compare-table { width: 100%; max-width: 640px; margin: 24px auto 0; border-collapse: collapse; font-size: 13px; }\n  .cerumi-lp table.compare-table th, .cerumi-lp table.compare-table td { border: 1px solid var(--line); padding: 14px 10px; text-align: center; }\n  .cerumi-lp table.compare-table th { background: var(--cream-deep); font-weight: 600; color: var(--ink); }\n  .cerumi-lp table.compare-table td:first-child { text-align: left; color: var(--ink-soft); background: var(--cream); }\n  .cerumi-lp table.compare-table td.highlight { color: var(--rose-deep); font-weight: 600; background: #EDEFEC; }\n\n  \/* Abaixo de 560px: a tabela vira uma lista empilhada de cards, sem precisar rolar *\/\n  @media (max-width: 560px) {\n    .cerumi-lp table.compare-table, .cerumi-lp table.compare-table thead, .cerumi-lp table.compare-table tbody { display: block; }\n    .cerumi-lp table.compare-table tr:first-child { display: none; }\n    .cerumi-lp table.compare-table tr {\n      display: block;\n      margin-bottom: 14px;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      overflow: hidden;\n      background: var(--white);\n    }\n    .cerumi-lp table.compare-table td {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border: none;\n      border-bottom: 1px solid var(--line);\n      padding: 12px 14px;\n      text-align: right;\n    }\n    .cerumi-lp table.compare-table td:last-child { border-bottom: none; }\n    .cerumi-lp table.compare-table td:first-child {\n      font-weight: 600;\n      color: var(--ink);\n      background: var(--cream-deep);\n      justify-content: flex-start;\n    }\n    .cerumi-lp table.compare-table td:nth-child(2):before { content: \"一般的なタンブラー：\"; font-size: 11.5px; color: var(--ink-soft); font-weight: 500; }\n    .cerumi-lp table.compare-table td.highlight:before { content: \"Cerumi™：\"; font-size: 11.5px; color: var(--rose-deep); font-weight: 600; }\n  }\n\n  .cerumi-lp .spec { background: var(--white); }\n  .cerumi-lp .spec-table { max-width: 480px; margin: 24px auto 0; background: var(--cream); border-radius: 4px; padding: 4px 20px; box-shadow: var(--shadow-sm); }\n  .cerumi-lp .spec-row { display: flex; padding: 16px 4px; border-bottom: 1px solid var(--line); font-size: 13.5px; }\n  .cerumi-lp .spec-row:last-child { border-bottom: none; }\n  .cerumi-lp .spec-label { width: 130px; flex-shrink: 0; color: var(--ink-soft); }\n  .cerumi-lp .spec-value { color: var(--ink); }\n\n  .cerumi-lp .lifestyle { background: var(--white); }\n  .cerumi-lp .life-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 720px; margin: 24px auto 0; }\n  .cerumi-lp .life-card .ph-img { height: 220px; margin-bottom: 14px; box-shadow: var(--shadow-sm); border-radius: 6px; transition: transform .3s ease, box-shadow .3s ease; }\n  .cerumi-lp .life-card:hover .ph-img { transform: translateY(-3px); box-shadow: var(--shadow); }\n  .cerumi-lp .life-title { font-size: 13.5px; font-weight: 600; margin-bottom: 6px; }\n  .cerumi-lp .life-text { font-size: 12.5px; color: var(--ink-soft); }\n  @media (max-width: 640px) { .cerumi-lp .life-grid { grid-template-columns: 1fr; } }\n\n  .cerumi-lp .color-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 12px; max-width: 620px; margin: 24px auto 0; }\n  .cerumi-lp .color-chip { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ink-soft); font-weight: 500; text-align: center; position: relative; transition: transform .15s ease; }\n  .cerumi-lp .color-chip:active { transform: scale(0.92); }\n  .cerumi-lp .color-chip .swatch { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 1px var(--line), var(--shadow-sm); position: relative; }\n  .cerumi-lp .color-chip.limited .swatch:after { content: \"限定\"; position: absolute; top: -6px; right: -8px; background: var(--rose); color: #fff; font-size: 8.5px; font-weight: 700; padding: 2px 5px; border-radius: 999px; letter-spacing: 0.02em; box-shadow: 0 2px 6px rgba(36,38,31,0.15); white-space: nowrap; }\n  @media (max-width: 480px) {\n    .cerumi-lp .color-grid { grid-template-columns: repeat(3, 1fr); gap: 28px 14px; padding: 0 8px; }\n    .cerumi-lp .color-chip .swatch { width: 36px; height: 36px; }\n    .cerumi-lp .color-chip.limited .swatch:after { right: -4px; font-size: 8px; padding: 1.5px 4px; }\n  }\n\n  .cerumi-lp .faq-wrap { max-width: 560px; margin: 24px auto 0; }\n  .cerumi-lp details { border-bottom: 1px solid var(--line); padding: 18px 4px; transition: background-color .15s ease; border-radius: 4px; }\n  .cerumi-lp details:active { background-color: var(--cream-deep); }\n  .cerumi-lp summary { cursor: pointer; font-size: 14px; font-weight: 500; color: var(--ink); list-style: none; position: relative; padding-right: 24px; transition: color .2s ease; }\n  .cerumi-lp summary:hover { color: var(--rose-deep); }\n  .cerumi-lp summary::-webkit-details-marker { display: none; }\n  .cerumi-lp summary:after { content: \"+\"; position: absolute; right: 0; top: 0; color: var(--rose); font-size: 16px; font-weight: 300; transition: transform .3s ease; display: inline-block; }\n  .cerumi-lp details[open] summary:after { content: \"+\"; transform: rotate(45deg); }\n  .cerumi-lp details p { font-size: 13px; color: var(--ink-soft); margin: 12px 0 0; animation: cerumi-fade-in .3s ease; }\n  @keyframes cerumi-fade-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }\n\n  .cerumi-lp .final-cta { text-align: center; background: linear-gradient(180deg, var(--cream) 0%, var(--cream-deep) 100%); position: relative; }\n  .cerumi-lp .final-ticket { max-width: 340px; margin: 24px auto 0; padding: 44px 30px 36px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow); position: relative; }\n  .cerumi-lp .final-ticket:before,\n  .cerumi-lp .final-ticket:after {\n    content: \"\";\n    position: absolute;\n    left: 0; right: 0;\n    height: 10px;\n    background-image: radial-gradient(circle at 10px 5px, transparent 6px, var(--cream-deep) 6.5px);\n    background-size: 20px 10px;\n    background-repeat: repeat-x;\n  }\n  .cerumi-lp .final-ticket:before { top: -1px; background-position: 0 -5px; }\n  .cerumi-lp .final-ticket:after { bottom: -1px; transform: rotate(180deg); }\n  .cerumi-lp .price-kicker { font-size: 10px; letter-spacing: 0.3em; color: var(--rose-deep); text-transform: uppercase; font-weight: 700; margin-bottom: 14px; }\n  .cerumi-lp .final-ticket .price-block { padding-top: 0; }\n  .cerumi-lp .price-row { display: flex; align-items: baseline; justify-content: center; gap: 10px; flex-wrap: wrap; }\n  .cerumi-lp .discount-badge { display: inline-block; font-size: 10.5px; font-weight: 700; color: #fff; background: var(--rose-deep); padding: 2px 8px; border-radius: 3px; letter-spacing: 0.03em; vertical-align: middle; }\n  .cerumi-lp .final-cta .price-now { font-size: 34px; }\n  .cerumi-lp .final-note { font-size: 12px; color: var(--ink-soft); margin-top: 22px; letter-spacing: 0.06em; font-weight: 500; padding-top: 20px; position: relative; }\n  .cerumi-lp .final-note:before { content: \"◆\"; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); font-size: 7px; color: var(--rose); background: var(--white); padding: 0 10px; }\n  .cerumi-lp .final-note:after { content: \"\"; position: absolute; top: 6px; left: 0; right: 0; height: 1px; background: repeating-linear-gradient(90deg, rgba(36,38,31,0.18) 0, rgba(36,38,31,0.18) 4px, transparent 4px, transparent 8px); }\n\n  .cerumi-lp .brand-footer { text-align: center; padding: 52px 24px 68px; background: var(--white); }\n  .cerumi-lp .brand-footer .mark { font-size: 13px; letter-spacing: 0.35em; color: var(--rose-deep); margin-bottom: 16px; font-weight: 700; }\n  .cerumi-lp .brand-footer .msg { font-size: 12.5px; color: var(--ink-soft); max-width: 420px; margin: 0 auto; line-height: 2; }\n\u003c\/style\u003e\n\n  \u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"brandmark\"\u003eSOYOKA\u003c\/div\u003e\n    \u003cimg class=\"ph-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0765\/4591\/7106\/files\/IMGEM_da_COPY.png?v=1785126433\" alt=\"Cerumi™ セラミックライニング真空タンブラー\"\u003e\n    \u003ch1\u003e味わいを、\u003cbr\u003eそのままに。\u003c\/h1\u003e\n    \u003cdiv class=\"sub\"\u003eセラミックが変える、いつもの一杯。\u003c\/div\u003e\n    \u003cp class=\"body-text\"\u003e\n      一杯の飲み物には、香りがある。温度がある。その日の気分がある。\u003cbr\u003e\n      なのに、多くのタンブラーは、そのすべてを少しずつ奪っていきます。\u003cbr\u003e\n      Cerumi™は、その「当たり前」を疑うことから生まれました。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"price-block\" id=\"hero-price-block\"\u003e\n      \u003cdiv class=\"price-row\"\u003e\n        \u003cspan class=\"price-strike\" id=\"hero-price-strike\"\u003e¥10,480\u003c\/span\u003e\n        \u003cspan class=\"price-now\" id=\"hero-price-now\"\u003e¥6,980\u003c\/span\u003e\n        \u003cspan class=\"discount-tag\"\u003e33%OFF\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"price-tax\"\u003e税込・全国送料無料\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"trust-bar\"\u003e\n      \u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M12 21s-7-4.6-9.5-9C.7 8.3 2 4.5 5.5 4c2-.3 3.6.7 4.5 2 .9-1.3 2.5-2.3 4.5-2 3.5.5 4.8 4.3 3 8-2.5 4.4-9.5 9-9.5 9z\" stroke=\"#46545C\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e30日間返金保証\u003c\/div\u003e\n      \u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003crect x=\"1\" y=\"7\" width=\"15\" height=\"10\" rx=\"1.5\" stroke=\"#46545C\" stroke-width=\"1.4\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 10h3.5L22 13.5V17h-6v-7z\" stroke=\"#46545C\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"6\" cy=\"19\" r=\"1.6\" stroke=\"#46545C\" stroke-width=\"1.2\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17.5\" cy=\"19\" r=\"1.6\" stroke=\"#46545C\" stroke-width=\"1.2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e全国送料無料\u003c\/div\u003e\n      \u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M12 2 4 5v6c0 5 3.4 8.7 8 11 4.6-2.3 8-6 8-11V5l-8-3z\" stroke=\"#46545C\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e品質検品済み\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"motion-demo reveal\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003eIN MOTION\u003c\/div\u003e\n    \u003ch2\u003e動きで見る、\u003cbr\u003eCerumi™。\u003c\/h2\u003e\n    \u003cp class=\"lead\"\u003e写真だけでは伝わらない質感を、短いループでご覧いただけます。\u003c\/p\u003e\n    \u003cdiv class=\"ph-img\"\u003e商品アニメーション（.webp）\u003cbr\u003e例：360°回転／注ぐ瞬間／蒸気\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"philosophy center reveal\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003eOUR PHILOSOPHY\u003c\/div\u003e\n    \u003cspan class=\"philosophy-mark\"\u003e\"\u003c\/span\u003e\n    \u003cp class=\"philosophy-quote serif\"\u003e\n      金属の味を、感じさせない。\u003cbr\u003e本来の風味を、そのまま届けたい。\n    \u003c\/p\u003e\n    \u003cp class=\"lead\"\u003e\n      飲み物が触れるのは、金属ではなくセラミックだけ。\u003cbr class=\"pc-only\"\u003e\n      コーヒーの香ばしさも、紅茶の繊細な香りも、水本来の澄んだ味わいも——\u003cbr class=\"pc-only\"\u003e\n      余計なものを足さず、余計なものに奪われず、そのまま楽しめます。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"problem reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003ePROBLEM\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003eステンレスタンブラー、\u003cbr\u003eこんな経験はありませんか。\u003c\/h2\u003e\n    \u003cul class=\"problem-list\"\u003e\n      \u003cli\u003eコーヒーを入れると、うっすら金属っぽい味がする\u003c\/li\u003e\n      \u003cli\u003e時間が経つと、飲み物の香りが薄れる気がする\u003c\/li\u003e\n      \u003cli\u003e洗っても、なんとなくにおいが残る\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp class=\"problem-note\"\u003e多くのステンレスタンブラーは、保温・保冷には優れていても、\u003cbr\u003e「味」までは考えられていません。\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"why center reveal\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003eWHY CERUMI\u003c\/div\u003e\n    \u003ch2\u003e内側に、\u003cbr\u003eセラミックという選択。\u003c\/h2\u003e\n    \u003cp class=\"lead\"\u003e\n      Cerumi™の内部には、316ステンレスにセラミックコーティングを施した特殊構造を採用。\n      金属が飲み物に直接触れないため、味や香りへの影響を最小限に抑えます。\n      「タンブラーを変えただけで、こんなに違うのか」——そう感じていただけるはずです。\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"cross-section\"\u003e\n      \u003csvg class=\"cross-circle\" viewbox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003ccircle cx=\"110\" cy=\"110\" r=\"88\" fill=\"none\" stroke=\"#ACA99C\" stroke-width=\"16\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"110\" cy=\"110\" r=\"71\" fill=\"none\" stroke=\"#EAE7DC\" stroke-width=\"13\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"110\" cy=\"110\" r=\"65\" fill=\"none\" stroke=\"#D3D1C4\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"110\" cy=\"110\" r=\"58\" fill=\"#6B4A34\"\u003e\u003c\/circle\u003e\n        \u003cellipse cx=\"93\" cy=\"93\" rx=\"20\" ry=\"11\" fill=\"#8B6248\" opacity=\"0.55\"\u003e\u003c\/ellipse\u003e\n        \u003cpath d=\"M97 43c-5-8 5-11 0-19M110 40c-5-8 5-11 0-19M123 43c-5-8 5-11 0-19\" stroke=\"#5C6E78\" stroke-width=\"1.6\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n\n      \u003cdiv class=\"cross-legend\"\u003e\n        \u003cdiv class=\"cross-legend-row\"\u003e\n          \u003cspan class=\"cross-swatch\" style=\"background:#ACA99C;\"\u003e\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"cross-legend-title\"\u003e304ステンレス（外側）\u003c\/div\u003e\n            \u003cdiv class=\"cross-legend-sub\"\u003e耐久性のある外側の構造\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cross-legend-row\"\u003e\n          \u003cspan class=\"cross-swatch\" style=\"background:#EAE7DC; border:1px solid #D3D1C4;\"\u003e\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"cross-legend-title\"\u003e316ステンレス＋セラミックライニング（内側）\u003c\/div\u003e\n            \u003cdiv class=\"cross-legend-sub\"\u003e飲み物に触れるのはセラミックのみ\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"cross-caption-note\"\u003e飲み物は、セラミックにしか触れません。\u003cbr\u003e金属の味や匂いが移りにくい設計です。\u003c\/p\u003e\n      \u003cdiv class=\"cs-caption\"\u003e断面イメージ図\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"features\"\u003e\n      \u003cdiv class=\"feature\"\u003e\n        \u003csvg class=\"feature-icon\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\u003ccircle cx=\"24\" cy=\"24\" r=\"21\" stroke=\"#5C6E78\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"24\" cy=\"24\" r=\"13\" stroke=\"#5C6E78\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"24\" cy=\"24\" r=\"5\" fill=\"#5C6E78\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n        \u003cdiv class=\"feature-title\"\u003eセラミックライニング\u003c\/div\u003e\n        \u003cdiv class=\"feature-text\"\u003e金属臭・金属味を抑え、\u003cbr\u003e飲み物本来の風味を守る\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature\"\u003e\n        \u003csvg class=\"feature-icon\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\u003ccircle cx=\"24\" cy=\"24\" r=\"19\" stroke=\"#5C6E78\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M24 14V24L31 29\" stroke=\"#5C6E78\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cdiv class=\"feature-title\"\u003e6〜12時間の保温・保冷\u003c\/div\u003e\n        \u003cdiv class=\"feature-text\"\u003e朝淹れたコーヒーを、\u003cbr\u003eそのままの温度で\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature\"\u003e\n        \u003csvg class=\"feature-icon\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\u003cpath d=\"M16 10V38\" stroke=\"#5C6E78\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M32 10V38\" stroke=\"#5C6E78\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 20H32\" stroke=\"#5C6E78\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cdiv class=\"feature-title\"\u003e二通りの飲み口\u003c\/div\u003e\n        \u003cdiv class=\"feature-text\"\u003eストロー飲み、直飲み。\u003cbr\u003eシーンに合わせて選べる\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"warmth center reveal\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003eFOR THIS SEASON\u003c\/div\u003e\n    \u003cdiv class=\"section-icon\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M9 3v13a3 3 0 1 0 6 0V3\" stroke=\"#46545C\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 8h6\" stroke=\"#46545C\" stroke-width=\"1.6\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"#46545C\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch2\u003eこれからの季節に、\u003cbr\u003eあたたかさを長く。\u003c\/h2\u003e\n    \u003cp class=\"lead\"\u003e\n      外側は耐久性に優れた304ステンレス。内側は316ステンレス＋セラミックライニングの二重構造。\n      この構造が実現するのは、6〜12時間という長い保温・保冷力です。\n      朝、時間をかけて淹れたコーヒーを、そのままの温かさで夕方まで。\n      肌寒くなるこれからの季節にこそ、その心地よさを実感していただけると思います。\u003cbr\u003e\n      もちろん、冷たい飲み物にもしっかり対応。氷を入れたお茶も、長時間キンと冷えたままです。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"twoway center reveal\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003eTWO WAYS TO ENJOY\u003c\/div\u003e\n    \u003cdiv class=\"section-icon\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M9 3v13\" stroke=\"#46545C\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M15 3v13\" stroke=\"#46545C\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 8h6\" stroke=\"#46545C\" stroke-width=\"1.6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch2\u003eひとつで、\u003cbr\u003e二通りの飲み方。\u003c\/h2\u003e\n    \u003cp class=\"lead\"\u003e\n      運転中や作業中は、ストローでそのまま片手で。ゆっくり味わいたい時は、フタを開けて直飲みで。\n      その日の気分やシーンに合わせて、自由に選べる2WAY設計です。\u003cbr\u003e\n      持ち運びには専用ハンドルを装備。鞄の中でかさばらず、片手でもすっと取り出せる——\n      そんな細やかな部分にも、こだわりを込めています。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"process reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003ePROCESS\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003eこだわりの製造工程\u003c\/h2\u003e\n    \u003cdiv class=\"process-list\"\u003e\n      \u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"process-num\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"process-title\"\u003e素材の選定\u003c\/div\u003e\n\u003cdiv class=\"process-text\"\u003e316ステンレスとセラミック、それぞれの特性を活かせる組み合わせを検討。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"process-num\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"process-title\"\u003eライニング加工\u003c\/div\u003e\n\u003cdiv class=\"process-text\"\u003e内側にセラミックを均一に焼き付け、味や香りに影響しない仕上げに。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"process-num\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"process-title\"\u003e品質チェック\u003c\/div\u003e\n\u003cdiv class=\"process-text\"\u003e完成後、ひとつひとつ検品してから出荷。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"compare reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eCOMPARISON\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003e一般的なタンブラーとの違い\u003c\/h2\u003e\n    \u003cdiv class=\"table-scroll\"\u003e\n    \u003ctable class=\"compare-table\"\u003e\n      \u003ctr\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003e一般的な\u003cbr\u003eタンブラー\u003c\/th\u003e\n\u003cth\u003eCerumi™\u003c\/th\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003e内部素材\u003c\/td\u003e\n\u003ctd\u003eステンレスのみ\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e316ステンレス＋\u003cbr\u003eセラミックライニング\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003e金属味・におい\u003c\/td\u003e\n\u003ctd\u003e発生しやすい\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e抑制\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003e保温・保冷\u003c\/td\u003e\n\u003ctd\u003e製品による\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e6〜12時間\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003e飲み口\u003c\/td\u003e\n\u003ctd\u003e1種類が主流\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e2WAY\u003cbr\u003e（ストロー／直飲み）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003e持ち運び\u003c\/td\u003e\n\u003ctd\u003e製品による\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e専用ハンドル付き\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spec reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eSPECIFICATION\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003eCerumi™ セラミックライニング\u003cbr\u003e真空タンブラー\u003c\/h2\u003e\n    \u003cdiv class=\"spec-table\"\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003e容量\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e500ml\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003e内側素材\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e316ステンレス（セラミックライニング）\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003e外側素材\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e304ステンレス\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003e保温・保冷効力\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e6〜12時間\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003e付属品\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eストロー、専用ハンドル\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003eカラー\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eスノーホワイト／サンドベージュ／さくらピンク／モカブラウン／オーロラシルバー／ミッドナイトブラック（数量限定色あり）\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-label\"\u003eお手入れ\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e手洗い推奨\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"colors center reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eCOLORS\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003e6色に、\u003cbr\u003e数量限定の2色を添えて。\u003c\/h2\u003e\n    \u003cp class=\"lead\"\u003e\n      定番の6色に加え、数量限定カラーもご用意。オフィスにも、自宅にも、\u003cbr class=\"pc-only\"\u003e\n      自然に馴染む落ち着いたトーンで揃えました。\n    \u003c\/p\u003e\n    \u003cdiv class=\"color-grid\"\u003e\n      \u003cdiv class=\"color-chip\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#F3EFE7;\"\u003e\u003c\/span\u003eスノーホワイト\u003c\/div\u003e\n      \u003cdiv class=\"color-chip\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#D9C7A8;\"\u003e\u003c\/span\u003eサンドベージュ\u003c\/div\u003e\n      \u003cdiv class=\"color-chip\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#E8B9BE;\"\u003e\u003c\/span\u003eさくらピンク\u003c\/div\u003e\n      \u003cdiv class=\"color-chip\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#7A5B47;\"\u003e\u003c\/span\u003eモカブラウン\u003c\/div\u003e\n      \u003cdiv class=\"color-chip\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#B9BFC2;\"\u003e\u003c\/span\u003eオーロラシルバー\u003c\/div\u003e\n      \u003cdiv class=\"color-chip\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#2B2C2E;\"\u003e\u003c\/span\u003eミッドナイトブラック\u003c\/div\u003e\n      \u003cdiv class=\"color-chip limited\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#EFEDE4;\"\u003e\u003c\/span\u003eスノーホワイト\u003c\/div\u003e\n      \u003cdiv class=\"color-chip limited\"\u003e\n\u003cspan class=\"swatch\" style=\"background:#E9C3C9;\"\u003e\u003c\/span\u003eさくらピンク\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"lifestyle reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eLIFESTYLE\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003e暮らしの中の、Cerumi™。\u003c\/h2\u003e\n    \u003cdiv class=\"life-grid\"\u003e\n      \u003cdiv class=\"life-card\"\u003e\n\u003cimg class=\"ph-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0765\/4591\/7106\/files\/IMAGEM_DE_COPY_2.png?v=1785126455\" alt=\"オフィスシーン\"\u003e\u003cdiv class=\"life-title\"\u003eオフィスシーン\u003c\/div\u003e\n\u003cdiv class=\"life-text\"\u003eデスクの上に、ひとつ。会議前のコーヒーも、午後のお茶も、最後のひと口まで美味しく。\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"life-card\"\u003e\n\u003cimg class=\"ph-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0765\/4591\/7106\/files\/IMGMNM_DE_COPY_3.png?v=1785126455\" alt=\"通勤・通学シーン\"\u003e\u003cdiv class=\"life-title\"\u003e通勤・通学シーン\u003c\/div\u003e\n\u003cdiv class=\"life-text\"\u003e鞄に入れても、迷わない。ハンドル付きだから、片手でも持ちやすい。\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"life-card\"\u003e\n\u003cimg class=\"ph-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0765\/4591\/7106\/files\/imagem_de_copy_4.png?v=1785126455\" alt=\"運動・アウトドアシーン\"\u003e\u003cdiv class=\"life-title\"\u003e運動・アウトドアシーン\u003c\/div\u003e\n\u003cdiv class=\"life-text\"\u003e冷たい水を、冷たいまま。トレーニングにも、ちょっとした外出にも。\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"life-card\"\u003e\n\u003cimg class=\"ph-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0765\/4591\/7106\/files\/cerumi_de_img_5.png?v=1785126456\" alt=\"暮らしのシーン\"\u003e\u003cdiv class=\"life-title\"\u003e暮らしのシーン\u003c\/div\u003e\n\u003cdiv class=\"life-text\"\u003e特別な日じゃなくても。毎日のコーヒーやお茶を、少しだけ丁寧に。\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!--\n  ================= REVIEWS（現在は非表示） =================\n  実際のレビューが集まったら、以下の構造で追加してください:\n\n  \u003csection class=\"reviews reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eVOICE\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003eお客様の声\u003c\/h2\u003e\n    \u003cdiv class=\"review-grid\"\u003e\n      \u003cdiv class=\"review-card\"\u003e\n        \u003cdiv class=\"review-top\"\u003e\n          \u003cdiv class=\"review-avatar\"\u003e頭文字\u003c\/div\u003e\n          \u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-text\"\u003e実際のレビュー内容をここに\u003c\/div\u003e\n        \u003cdiv class=\"review-author\"\u003e実際の購入者情報（年代・属性など、事実のみ）\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  ※ 架空の口コミ・年齢・性別の記載は景品表示法上のリスクがあるため、\n     実データが揃うまでは掲載しないでください。\n  --\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003csvg class=\"divider-wave\" viewbox=\"0 0 240 14\" preserveaspectratio=\"none\"\u003e\u003cpath d=\"M0 7 Q 6 1 12 7 T 24 7 T 36 7 T 48 7 T 60 7 T 72 7 T 84 7 T 96 7 T 108 7 T 120 7 T 132 7 T 144 7 T 156 7 T 168 7 T 180 7 T 192 7 T 204 7 T 216 7 T 228 7 T 240 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\n  \u003csection class=\"faq reveal\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eFAQ\u003c\/div\u003e\n    \u003ch2 class=\"center\"\u003eよくあるご質問\u003c\/h2\u003e\n    \u003cdiv class=\"faq-wrap\"\u003e\n      \u003cdetails\u003e\u003csummary\u003eどんな飲み物に使えますか？\u003c\/summary\u003e\u003cp\u003eコーヒー、紅茶、お水、ジュースなど、炭酸を除く飲み物に幅広くご利用いただけます。\u003c\/p\u003e\u003c\/details\u003e\n      \u003cdetails\u003e\u003csummary\u003e保温・保冷はどれくらい持続しますか？\u003c\/summary\u003e\u003cp\u003e環境や飲み物の種類により異なりますが、目安として6〜12時間です。\u003c\/p\u003e\u003c\/details\u003e\n      \u003cdetails\u003e\u003csummary\u003e食洗機は使えますか？\u003c\/summary\u003e\u003cp\u003e内部のセラミックコーティングを長持ちさせるため、手洗いを推奨しています。\u003c\/p\u003e\u003c\/details\u003e\n      \u003cdetails\u003e\u003csummary\u003e送料はかかりますか？\u003c\/summary\u003e\u003cp\u003e全国送料無料でお届けしています。\u003c\/p\u003e\u003c\/details\u003e\n      \u003cdetails\u003e\u003csummary\u003e返品・返金はできますか？\u003c\/summary\u003e\u003cp\u003eご購入から30日間、返金保証をご用意しています。\u003c\/p\u003e\u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"final-cta\" id=\"order\"\u003e\n    \u003cdiv class=\"eyebrow center\"\u003eORDER\u003c\/div\u003e\n    \u003ch2\u003e毎日の一杯に、\u003cbr\u003e本来の味わいを。\u003c\/h2\u003e\n    \u003cp class=\"lead\"\u003eCerumi™ セラミックライニング真空タンブラー\u003c\/p\u003e\n    \u003cdiv class=\"final-ticket\"\u003e\n      \u003cdiv class=\"price-kicker\"\u003e現在の価格\u003c\/div\u003e\n      \u003cdiv class=\"price-block\"\u003e\n        \u003cdiv class=\"price-row\"\u003e\n          \u003cspan class=\"price-strike\"\u003e¥10,480\u003c\/span\u003e\n          \u003cspan class=\"price-now\"\u003e¥6,980\u003c\/span\u003e\n          \u003cspan class=\"discount-badge\"\u003e33%OFF\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"price-tax\"\u003e税込・送料無料（500mlの場合）\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"final-note\"\u003e全国送料無料 ｜ 30日間返金保証 ｜ 初期不良は無償対応\u003c\/div\u003e\n      \u003cdiv class=\"seal\"\u003e\n        \u003cdiv class=\"seal-badge\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M12 3 4.5 6v6c0 5 3.2 8.2 7.5 9 4.3-.8 7.5-4 7.5-9V6L12 3z\" stroke=\"#46545C\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\" stroke=\"#46545C\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"seal-text\"\u003eSOYOKA公式\u003cbr\u003e\u003cstrong\u003e正規販売品\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"brand-footer\"\u003e\n    \u003cdiv class=\"mark\"\u003eSOYOKA\u003c\/div\u003e\n    \u003cp class=\"philosophy-quote serif\" style=\"font-size:19px; margin-bottom:16px;\"\u003eそよ風のような、心地よさを毎日に。\u003c\/p\u003e\n    \u003cp class=\"msg\"\u003e\n      派手さよりも、静かな上質さを。\u003cbr\u003e\n      Cerumi™は、SOYOKAが「そよ風のような心地よさ」を暮らしに届けるために作った、最初の一杯です。\u003cbr\u003e\u003cbr\u003e\n      毎朝のコーヒーが、少しだけ特別な時間になりますように。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n  (function(){\n    var scope = document.currentScript ? document.currentScript.closest('.cerumi-lp') : null;\n    if(!scope) return;\n\n    var reduceMotion = window.matchMedia \u0026\u0026 window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/* Revelação suave das seções ao rolar a página *\/\n    var revealEls = scope.querySelectorAll('.reveal');\n    if(revealEls.length \u0026\u0026 'IntersectionObserver' in window \u0026\u0026 !reduceMotion){\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            entry.target.classList.add('is-visible');\n            io.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n      revealEls.forEach(function(el){ io.observe(el); });\n    } else {\n      revealEls.forEach(function(el){ el.classList.add('is-visible'); });\n    }\n\n    \/* Contagem animada do preço final ao entrar na tela *\/\n    var priceEl = scope.querySelector('.final-ticket .price-now');\n    if(priceEl \u0026\u0026 'IntersectionObserver' in window \u0026\u0026 !reduceMotion){\n      var finalPrice = 6980;\n      var priceIO = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            var start = null;\n            var duration = 900;\n            function step(ts){\n              if(!start) start = ts;\n              var progress = Math.min((ts - start) \/ duration, 1);\n              var eased = 1 - Math.pow(1 - progress, 3);\n              var current = Math.round(finalPrice * eased);\n              priceEl.textContent = '¥' + current.toLocaleString('ja-JP');\n              if(progress \u003c 1){ requestAnimationFrame(step); }\n            }\n            requestAnimationFrame(step);\n            priceIO.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.4 });\n      priceIO.observe(priceEl);\n    }\n\n    \/* Leve profundidade na foto principal ao rolar *\/\n    var heroImg = scope.querySelector('.hero .ph-img');\n    if(heroImg \u0026\u0026 !reduceMotion){\n      var ticking = false;\n      window.addEventListener('scroll', function(){\n        if(ticking) return;\n        ticking = true;\n        requestAnimationFrame(function(){\n          var rect = heroImg.getBoundingClientRect();\n          var vh = window.innerHeight || 800;\n          if(rect.bottom \u003e 0 \u0026\u0026 rect.top \u003c vh){\n            var offset = (rect.top - vh \/ 2) * 0.06;\n            heroImg.style.transform = 'translateY(' + offset.toFixed(1) + 'px)';\n          }\n          ticking = false;\n        });\n      }, { passive: true });\n    }\n  })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"SOYOKA JAPAN","offers":[{"title":"スノーホワイト｜500ml","offer_id":46643441369122,"sku":"5545105732757-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"サンドベージュ｜500ml","offer_id":46643441434658,"sku":"5545105732759-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"さくらピンク｜500ml","offer_id":46643441401890,"sku":"5545105732758-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"モカブラウン｜500ml","offer_id":46643441467426,"sku":"5545105732760-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"オーロラシルバー｜500ml","offer_id":46643441532962,"sku":"5545105732762-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"ミッドナイトブラック｜500ml","offer_id":46643441500194,"sku":"5545105732761-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"スノーホワイト（リリー限定）｜500ml","offer_id":46643441565730,"sku":"5545105732763-V2","price":6980.0,"currency_code":"JPY","in_stock":true},{"title":"さくらピンク（リリー限定）｜500ml","offer_id":46643441598498,"sku":"5545105732764-V2","price":6980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0903\/3803\/3698\/files\/1I.png?v=1788839527"}],"url":"https:\/\/soyoka.shop\/collections\/%e3%82%bb%e3%83%a9%e3%83%9f%e3%83%83%e3%82%af%e3%82%b7%e3%83%aa%e3%83%bc%e3%82%ba.oembed","provider":"SOYOKA JAPAN | 公式オンラインストア","version":"1.0","type":"link"}