<!–
WordPress用カスタムHTML
使い方:
1. 投稿/固定ページの編集画面で「カスタムHTML」ブロックを追加
2. このファイルの中身を全部コピーしてブロックに貼り付け
3. スタイルは .ultora-beauty-lp 配下にスコープしてあるので、
テーマのCSSと基本的に衝突しません
4. Googleフォントの読み込みはページに1回だけで十分です。
複数のカスタムHTMLブロックに貼る場合は、タグは
どれか1つだけ残して問題ありません
–>
.ultora-beauty-lp{ –bg:#F1F3EC; –bg2:#E9ECE1; –ink:#23281F; –inks:#4C5245; –rose:#C48577; –roseD:#8F5347; –gold:#B99A5B; –sage:#6B7A5E; –line:rgba(35,40,31,0.14); –w:#FBFAF6; }
.ultora-beauty-lp{ background:var(–bg); color:var(–ink); font-family:’Zen Kaku Gothic New’,sans-serif; line-height:1.8; }
.ultora-beauty-lp *{ box-sizing:border-box; }
.ultora-beauty-lp img{ max-width:100%; display:block; }
.ultora-beauty-lp a{ color:inherit; text-decoration:none; }
.ultora-beauty-lp .wrap{ max-width:1080px; margin:0 auto; padding:0 24px; }
.ultora-beauty-lp .serif{ font-family:’Shippori Mincho’,serif; }
.ultora-beauty-lp section{ padding:96px 0; }
@media (max-width:720px){ .ultora-beauty-lp section{ padding:64px 0; } }
.ultora-beauty-lp .eyebrow{ font-size:12px; letter-spacing:0.25em; color:var(–sage); font-weight:700; text-transform:uppercase; margin-bottom:14px; display:block; }
.ultora-beauty-lp nav{ position:sticky; top:0; z-index:50; background:var(–bg); border-bottom:1px solid var(–line); }
.ultora-beauty-lp nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:72px; }
.ultora-beauty-lp .nav-logo{ font-family:’Shippori Mincho’,serif; font-size:20px; font-weight:600; letter-spacing:0.08em; }
.ultora-beauty-lp .nav-logo span{ color:var(–roseD); }
.ultora-beauty-lp .nav-links{ display:flex; gap:32px; font-size:13px; }
.ultora-beauty-lp .nav-links a{ color:var(–inks); }
.ultora-beauty-lp .nav-cta{ border:1px solid var(–ink); padding:10px 22px; font-size:13px; border-radius:2px; }
@media (max-width:720px){ .ultora-beauty-lp .nav-links{ display:none; } }
.ultora-beauty-lp .hero{ padding-top:88px; padding-bottom:64px; }
.ultora-beauty-lp .hero .wrap{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:64px; align-items:center; }
@media (max-width:860px){ .ultora-beauty-lp .hero .wrap{ grid-template-columns:1fr; } }
.ultora-beauty-lp .hero h1{ font-size:44px; line-height:1.5; font-weight:600; letter-spacing:0.02em; }
@media (max-width:720px){ .ultora-beauty-lp .hero h1{ font-size:32px; } }
.ultora-beauty-lp .hero h1 em{ font-style:normal; color:var(–roseD); }
.ultora-beauty-lp .hero p.lead{ margin-top:24px; color:var(–inks); font-size:15px; max-width:32em; }
.ultora-beauty-lp .hero-cta{ margin-top:36px; display:flex; gap:16px; flex-wrap:wrap; }
.ultora-beauty-lp .btn-primary{ background:var(–ink); color:var(–w); padding:15px 30px; font-size:14px; letter-spacing:0.04em; border-radius:2px; }
.ultora-beauty-lp .btn-ghost{ border:1px solid var(–ink); padding:14px 30px; font-size:14px; letter-spacing:0.04em; border-radius:2px; }
.ultora-beauty-lp .hero-visual{ aspect-ratio:4/5; background:var(–rose); border-radius:4px; position:relative; overflow:hidden; }
.ultora-beauty-lp .hero-visual::after{ content:”BEAUTY PROTEIN”; position:absolute; bottom:28px; left:28px; font-family:’Shippori Mincho’,serif; color:var(–w); font-size:15px; letter-spacing:0.15em; }
.ultora-beauty-lp .timeline-section{ background:var(–w); border-top:1px solid var(–line); border-bottom:1px solid var(–line); }
.ultora-beauty-lp .timeline-head{ text-align:center; max-width:640px; margin:0 auto 56px; }
.ultora-beauty-lp .timeline-head h2{ font-size:26px; font-weight:600; }
.ultora-beauty-lp .timeline-head p{ margin-top:14px; color:var(–inks); font-size:14px; }
.ultora-beauty-lp .timeline{ position:relative; padding:40px 0 8px; }
.ultora-beauty-lp .timeline-axis{ position:absolute; left:0; right:0; top:98px; height:1px; background:var(–line); }
.ultora-beauty-lp .timeline-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; position:relative; }
@media (max-width:720px){ .ultora-beauty-lp .timeline-row{ grid-template-columns:repeat(2,1fr); row-gap:32px; } }
.ultora-beauty-lp .t-point{ text-align:center; }
.ultora-beauty-lp .t-time{ font-size:12px; color:var(–sage); letter-spacing:0.08em; margin-bottom:10px; }
.ultora-beauty-lp .t-dot{ width:12px; height:12px; border-radius:50%; margin:0 auto 14px; background:var(–ink); position:relative; z-index:1; }
.ultora-beauty-lp .t-label{ font-size:14px; font-weight:700; }
.ultora-beauty-lp .t-sub{ font-size:12px; color:var(–inks); margin-top:4px; }
.ultora-beauty-lp .protein-legend{ display:flex; justify-content:center; gap:28px; margin-top:48px; flex-wrap:wrap; font-size:13px; }
.ultora-beauty-lp .protein-legend span{ display:flex; align-items:center; gap:8px; }
.ultora-beauty-lp .legend-dot{ width:9px; height:9px; border-radius:50%; }
.ultora-beauty-lp .nutrient-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(–line); border:1px solid var(–line); }
@media (max-width:720px){ .ultora-beauty-lp .nutrient-strip{ grid-template-columns:1fr; } }
.ultora-beauty-lp .nutrient-cell{ background:var(–w); padding:36px 28px; text-align:center; }
.ultora-beauty-lp .nutrient-cell .num{ font-family:’Shippori Mincho’,serif; font-size:34px; font-weight:600; color:var(–roseD); }
.ultora-beauty-lp .nutrient-cell .label{ font-size:13px; color:var(–inks); margin-top:8px; }
.ultora-beauty-lp .sec-head{ margin-bottom:48px; }
.ultora-beauty-lp .sec-head h2{ font-size:28px; font-weight:600; }
.ultora-beauty-lp .sec-head p{ margin-top:12px; color:var(–inks); font-size:14px; max-width:36em; }
.ultora-beauty-lp .flavor-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media (max-width:860px){ .ultora-beauty-lp .flavor-grid{ grid-template-columns:repeat(2,1fr); } }
.ultora-beauty-lp .flavor-card{ background:var(–w); border:1px solid var(–line); padding:22px 20px; border-radius:3px; }
.ultora-beauty-lp .flavor-swatch{ width:100%; aspect-ratio:1/1; border-radius:3px; margin-bottom:16px; }
.ultora-beauty-lp .flavor-name{ font-weight:700; font-size:15px; }
.ultora-beauty-lp .flavor-note{ font-size:12.5px; color:var(–inks); margin-top:6px; }
.ultora-beauty-lp .flavor-mood{ font-size:11.5px; color:var(–sage); margin-top:10px; }
.ultora-beauty-lp .flavor-price{ font-size:13px; margin-top:14px; font-weight:700; }
.ultora-beauty-lp .review-head{ display:flex; align-items:baseline; gap:16px; margin-bottom:40px; flex-wrap:wrap; }
.ultora-beauty-lp .review-score{ font-family:’Shippori Mincho’,serif; font-size:40px; font-weight:600; }
.ultora-beauty-lp .stars{ color:var(–gold); letter-spacing:2px; }
.ultora-beauty-lp .review-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:860px){ .ultora-beauty-lp .review-grid{ grid-template-columns:1fr; } }
.ultora-beauty-lp .review-card{ background:var(–w); border:1px solid var(–line); border-radius:3px; padding:24px; }
.ultora-beauty-lp .review-text{ font-size:14px; line-height:1.8; margin:12px 0 16px; }
.ultora-beauty-lp .review-who{ font-size:12px; color:var(–inks); }
.ultora-beauty-lp .review-disclaimer{ font-size:11px; color:var(–inks); margin-top:28px; text-align:center; }
.ultora-beauty-lp .ba-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
@media (max-width:720px){ .ultora-beauty-lp .ba-grid{ grid-template-columns:1fr; } }
.ultora-beauty-lp .ba-card{ padding:32px 28px; border-radius:3px; }
.ultora-beauty-lp .ba-before{ background:var(–bg2); }
.ultora-beauty-lp .ba-after{ background:var(–ink); color:var(–w); }
.ultora-beauty-lp .ba-tag{ font-size:12px; letter-spacing:0.15em; font-weight:700; margin-bottom:20px; display:block; }
.ultora-beauty-lp .ba-before .ba-tag{ color:var(–inks); }
.ultora-beauty-lp .ba-after .ba-tag{ color:var(–gold); }
.ultora-beauty-lp .ba-item{ font-size:14px; padding:9px 0; border-top:1px solid rgba(0,0,0,0.06); }
.ultora-beauty-lp .ba-after .ba-item{ border-top:1px solid rgba(255,255,255,0.12); }
.ultora-beauty-lp .ba-item:first-of-type{ border-top:none; }
.ultora-beauty-lp .quality-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(–line); border:1px solid var(–line); }
@media (max-width:860px){ .ultora-beauty-lp .quality-grid{ grid-template-columns:repeat(2,1fr); } }
.ultora-beauty-lp .quality-cell{ background:var(–w); padding:32px 24px; }
.ultora-beauty-lp .quality-num{ font-family:’Shippori Mincho’,serif; color:var(–roseD); font-size:15px; margin-bottom:14px; }
.ultora-beauty-lp .quality-title{ font-weight:700; font-size:14.5px; margin-bottom:8px; }
.ultora-beauty-lp .quality-desc{ font-size:12.5px; color:var(–inks); }
.ultora-beauty-lp .faq-item{ border-top:1px solid var(–line); padding:22px 0; }
.ultora-beauty-lp .faq-item:last-child{ border-bottom:1px solid var(–line); }
.ultora-beauty-lp .faq-q{ font-weight:700; font-size:15px; display:flex; gap:10px; }
.ultora-beauty-lp .faq-q span{ color:var(–roseD); }
.ultora-beauty-lp .faq-a{ font-size:13.5px; color:var(–inks); margin-top:10px; padding-left:24px; }
.ultora-beauty-lp .cta-banner{ background:var(–ink); color:var(–w); border-radius:4px; padding:56px 48px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.ultora-beauty-lp .cta-banner h3{ font-family:’Shippori Mincho’,serif; font-size:24px; font-weight:600; }
.ultora-beauty-lp .cta-banner p{ font-size:13px; color:rgba(251,250,246,0.7); margin-top:10px; }
.ultora-beauty-lp .btn-light{ background:var(–w); color:var(–ink); padding:15px 30px; font-size:14px; border-radius:2px; letter-spacing:0.04em; }
.ultora-beauty-lp footer{ padding:48px 0; border-top:1px solid var(–line); }
.ultora-beauty-lp footer .wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; font-size:12px; color:var(–inks); }
Beauty Protein
内側から満ちる、
美しさの基盤に。
ホエイ・ソイ・酵母、3種のたんぱく質と16種の美容成分を配合。カラダが求める本物だけを、毎日の一杯に。
Total Beauty Protein
吸収速度の異なる3種で、24時間を満たす。
消化吸収の速いホエイ、腹持ちの良いソイ、緩やかで持続的な酵母。日中も就寝中も、カラダに必要な材料を絶やさない設計です。
ホエイ(WPC) — 速い吸収
ソイ(大豆) — 中間の吸収
酵母 — 緩やかな吸収
16種
美容成分(ビタミン12種+ミネラル2種など)
Lineup
気分で選べる、8つの味わい。
栄養設計は全フレーバー共通。その日の気分に合わせて選べます。
抹茶
上品で甘さ控えめ、リアル抹茶感
すっきり切り替えたい朝に
¥3,218(税込)
ミルクチョコレート
まろやかで濃厚、王道の甘さ
小腹を満たしたい午後に
¥3,218(税込)
ミックスベリー
フルーティーで爽やか
リフレッシュしたい運動後に
¥3,218(税込)
白桃
やさしい甘さ、桃の香り
ほっと一息つきたい夜に
¥3,218(税込)
カフェラテ
ほろ苦さとミルクのバランス
仕事の合間の気分転換に
¥3,218(税込)
アサイーミックス
ベリー系でほんのり酸味
美容を意識したいランチ前に
¥3,218(税込)
チャイティーラテ
スパイス香る奥深い味わい
気分を変えたい夕方に
¥3,218(税込)
ミルクバニラ
優しい甘さで飲みやすい
続けやすさ重視の毎日に
¥3,218(税込)
★★★★★
3種のたんぱく質が入っているのは初めてで、飲みごたえも満足感も違う。仕事終わりの習慣になっています。
30代女性・抹茶
★★★★★
甘すぎないのに満足感があって続けやすい。美容成分がしっかり入っているので、飲むたびに自分をケアしている感じがします。
20代後半女性・白桃
★★★★★
朝食代わりに始めて3ヶ月。栄養バランスを気にする手間が減って、コンディションが安定してきた気がします。
40代女性・カフェラテ
※個人の感想です。効果には個人差があります。
Before / After
習慣が変わる、続けるほどに。
BEFORE
朝食を抜きがち、栄養が偏る
間食はお菓子に頼りがち
美容ケアは外側のケアが中心
たんぱく質量を意識したことがない
AFTER
シェイク一杯で朝の栄養補給が完了
間食をおきかえる選択肢ができた
内側からのケアという習
毎日頑張るあなたを助けたいブログ