Prism Journey BOX《７種類✖️1包（リーフ）アソート》
Prism Journey BOX :root { --pjb-purple: #534AB7; --pjb-purple-light: #EEEDFE; --pjb-purple-mid: #9B8BAF; --pjb-border: rgba(0,0,0,0.1); --pjb-bg-sub: #F9F8FD; --pjb-text: #1A1A2E; --pjb-text-muted: #555; --pjb-text-hint: #999; } body { margin: 0; font-family: 'Noto Sans JP', sans-serif; color: var(--pjb-text); background: #fff; -webkit-font-smoothing: antialiased; } .pjb-root { max-width: 520px; padding: 0 4px; } .pjb-eyebrow { font-size: 11px; letter-spacing: 0.15em; color: var(--pjb-purple-mid); text-transform: uppercase; margin-bottom: 6px; font-weight: 400; } .pjb-title { font-family: 'Shippori Mincho', serif; font-size: 24px; font-weight: 600; color: var(--pjb-text); line-height: 1.4; margin: 0 0 4px; } .pjb-subtitle { font-size: 13px; color: var(--pjb-purple-mid); margin-bottom: 16px; font-weight: 300; } .pjb-tagline { font-family: 'Shippori Mincho', serif; font-size: 15px; color: var(--pjb-purple); line-height: 1.7; margin-bottom: 14px; } /* バッジ */ .pjb-badge-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; } .pjb-badge { font-size: 11px; padding: 4px 11px; border-radius: 20px; font-weight: 400; letter-spacing: 0.03em; } .pjb-badge-org { background: #E8F5E1; color: #3B6D11; } .pjb-badge-gift { background: #FBEAF0; color: #72243E; } .pjb-badge-trial { background: #E6F1FB; color: #185FA5; } .pjb-badge-chakra { background: var(--pjb-purple-light); color: #3C3489; } .pjb-desc { font-size: 13.5px; color: var(--pjb-text-muted); line-height: 1.9; margin-bottom: 20px; } .pjb-divider { height: 0.5px; background: var(--pjb-border); margin-bottom: 20px; } .pjb-section-label { font-size: 11px; letter-spacing: 0.12em; color: var(--pjb-purple-mid); margin-bottom: 12px; font-weight: 500; } /* 早見ガイド */ .pjb-guide { display: flex; flex-direction: column; gap: 6px; margin-bottom: 22px; } .pjb-guide-item { font-size: 13px; color: var(--pjb-text-muted); line-height: 1.6; padding: 8px 12px; border-radius: 10px; background: var(--pjb-bg-sub); display: flex; align-items: flex-start; gap: 8px; } .pjb-guide-emoji { flex-shrink: 0; font-size: 14px; line-height: 1.6; } .pjb-guide-arrow { color: var(--pjb-purple); font-weight: 500; } /* チャクラカード — 常時展開 */ .pjb-chakras { display: flex; flex-direction: column; gap: 10px; margin-bottom: 8px; } .pjb-chakra-card { border-radius: 12px; border: 0.5px solid var(--pjb-border); overflow: hidden; background: #fff; box-sizing: border-box; } .pjb-chakra-top { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px 10px; } .pjb-chakra-dot { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; margin-top: 1px; } .pjb-chakra-head { flex: 1; } .pjb-chakra-name { font-size: 13px; font-weight: 500; color: var(--pjb-text); margin: 0 0 4px; line-height: 1.3; } .pjb-chakra-desc { font-size: 12px; color: var(--pjb-text-muted); margin: 0; line-height: 1.7; } .pjb-chakra-link { flex-shrink: 0; font-size: 11px; color: var(--pjb-purple); text-decoration: none; border: 0.5px solid #C5BEE8; border-radius: 20px; padding: 3px 10px; white-space: nowrap; margin-top: 2px; transition: background 0.15s; display: inline-block; } .pjb-chakra-link:hover { background: var(--pjb-purple-light); } .pjb-chakra-bottom { border-top: 0.5px solid var(--pjb-border); padding: 10px 14px 12px 56px; background: var(--pjb-bg-sub); } .pjb-herb-label { font-size: 10px; letter-spacing: 0.1em; color: var(--pjb-purple-mid); margin: 0 0 6px; font-weight: 500; } .pjb-herb-pill-row { display: flex; flex-wrap: wrap; gap: 5px; } .pjb-herb-pill { font-size: 11px; padding: 3px 9px; border-radius: 20px; border: 0.5px solid var(--pjb-border); color: var(--pjb-text-muted); background: #fff; } .pjb-herb-note { font-size: 11px; color: var(--pjb-purple-mid); margin: 6px 0 0; } /* スターターセット */ .pjb-starter { display: flex; align-items: center; gap: 12px; background: var(--pjb-bg-sub); border-radius: 12px; padding: 13px 16px; margin-bottom: 22px; border: 0.5px solid var(--pjb-border); text-decoration: none; transition: border-color 0.2s, background 0.2s; } .pjb-starter:hover { border-color: var(--pjb-purple-mid); background: #F0EBF9; } .pjb-starter-icon { font-size: 20px; flex-shrink: 0; line-height: 1; } .pjb-starter-body { flex: 1; } .pjb-starter-title { font-size: 13px; font-weight: 500; color: var(--pjb-text); margin: 0 0 2px; } .pjb-starter-sub { font-size: 11px; color: var(--pjb-purple); margin: 0; } /* 安心ポイント */ .pjb-peace { background: var(--pjb-bg-sub); border-radius: 14px; padding: 16px 20px; margin-bottom: 22px; border: 0.5px solid var(--pjb-border); } .pjb-peace-title { font-size: 13px; font-weight: 500; color: var(--pjb-purple); margin-bottom: 10px; margin-top: 0; } .pjb-peace-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; } .pjb-peace-list li { font-size: 13px; color: var(--pjb-text-muted); display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; } .pjb-check { width: 16px; height: 16px; border-radius: 50%; background: var(--pjb-purple-mid); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .pjb-check::after { content: ''; width: 6px; height: 4px; border-left: 1.5px solid white; border-bottom: 1.5px solid white; transform: rotate(-45deg) translateY(-1px); display: block; } /* 飲み方 */ .pjb-brew { border: 0.5px solid var(--pjb-border); border-radius: 12px; padding: 16px 20px; margin-bottom: 22px; } .pjb-brew-title { font-size: 13px; font-weight: 500; color: var(--pjb-text); margin: 0 0 14px; } .pjb-brew-steps { display: flex; flex-direction: column; gap: 12px; } .pjb-brew-step { display: flex; align-items: flex-start; gap: 12px; } .pjb-brew-num { width: 24px; height: 24px; border-radius: 50%; background: var(--pjb-purple-light); color: var(--pjb-purple); font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .pjb-brew-body { flex: 1; } .pjb-brew-step-title { font-size: 13px; font-weight: 500; color: var(--pjb-text); margin: 0 0 3px; } .pjb-brew-step-body { font-size: 12px; color: var(--pjb-text-muted); line-height: 1.6; margin: 0; } /* ギフト */ .pjb-gift { border-radius: 14px; padding: 16px 20px; margin-bottom: 4px; border: 0.5px solid #D8C8EC; background: #FAF8FF; } .pjb-gift-title { font-size: 13px; font-weight: 500; color: var(--pjb-purple); margin: 0 0 8px; } .pjb-gift-body { font-size: 13px; color: var(--pjb-text-muted); line-height: 1.8; margin: 0; } .pjb-gift-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .pjb-gift-tag { font-size: 11px; padding: 4px 12px; border-radius: 20px; border: 0.5px solid #D8C8EC; color: var(--pjb-purple); background: #fff; } Prism Tea · オーガニックハーブティー Prism Journey BOX 7種類 × 1包（リーフ）のアソートセット 「7色の光を巡る、自分に還る7日間の旅。」 有機認証・自然栽培 はじめての方に ギフトにも◎ 7チャクラの旅 忙しい毎日の中で、ふと立ち止まり、自分のこころの声に耳を澄ませる。今のあなたに必要な光を1日1色、五感で味わうアソートボックスです。Prism Teaの全7種を1包（1回分）ずつ詰め合わせ。お試しにも大切な方へのギフトにもご利用いただけます。 今の気分から選ぶ — 早見ガイド 7つのブレンドと原材料 🌿 はじめての方へ。ガラスのティーポットとセットに スターターセットのページをみる → 安心してお飲みいただけます 🌿 Prism Teaの品質へのこだわり 有機認証または自然栽培のハーブのみを使用しています 添加物・甘味料は一切使用していません クセが少なく、ハーブティー初めての方でも飲みやすい味わいです 全て茶葉（リーフ）での販売。お湯の中でゆれる様子も癒しの時間に おいしい飲み方 3つのステップで、自分に還るリチュアルを 1 選ぶ キーワードや色から「今」惹かれるブレンドを選びます。その感覚があなたの「今」です。 2 待つ ティーポットに1包分の茶葉を入れ、お湯（約200ml）を注いで蓋をして3〜5分。立ち昇る香りと色の変化をただ眺める贅沢な時間。お湯を継ぎ足して2〜3煎お楽しみいただけます。 3 聴く 茶葉を濾して、一口ずつ味わいながら、自分の内側の感覚を優しく受け入れます。 ギフトにも 🎁 上質な箱入り。大切な方への贈り物に お誕生日・各種お祝い・内祝いなどに。「自分を愛でるあたたかい時間」を贈りませんか。メッセージタグをご選択いただけます（上のボタンからお選びください）。 A GIFT FOR YOU ★ THANK YOU ♡ Mother's Day var guides = [ { emoji:"❤️", text:"不安で足元が揺らぐとき", chakra:"No1（第1チャクラ）" }, { emoji:"🧡", text:"無気力で、何にもワクワクできないとき", chakra:"No2（第2チャクラ）" }, { emoji:"💛", text:"自分を責めて、自信を失いそうなとき", chakra:"No3（第3チャクラ）" }, { emoji:"💚", text:"心がトゲトゲして、優しくなれないとき", chakra:"No4（第4チャクラ）" }, { emoji:"🩵", text:"言いたいことを飲み込んで、喉が詰まるとき", chakra:"No5（第5チャクラ）" }, { emoji:"💙", text:"考えすぎて頭が重く、視界が濁っているとき", chakra:"No6（第6チャクラ）" }, { emoji:"💜", text:"孤独を感じて、世界から切り離されたようなとき", chakra:"No7（第7チャクラ）" } ]; var guideList = document.getElementById('guideList'); guides.forEach(function(g) { var el = document.createElement('div'); el.className = 'pjb-guide-item'; el.innerHTML = ''+g.emoji+''+g.text+' → '+g.chakra+''; guideList.appendChild(el); }); var chakras = [ { num:1, name:"Minamoto｜大地の光", color:"#D85A30", bg:"#FAECE7", desc:"大地に根を張るように、どっしりとした安心感を届けるブレンド。「根」のハーブを重ねた、落ち着いた深みのある味わい。", herbs:["ルイボス（南アフリカ）","ダンディライオン","ごぼう","ネトル","エキナセア","ジンジャー"], link:"https://www.prismtea.jp/products/no1-minamoto" }, { num:2, name:"Mai｜喜びの光", color:"#C94472", bg:"#FBEAF0", desc:"ハイビスカスとローズヒップの華やかな酸味が広がる、明るく元気なブレンド。", herbs:["ヴァンルージュ（スペイン）","ローズヒップ","ハイビスカス","ヒース","レモングラス","レモンバーベナ","ローズ"], link:"https://www.prismtea.jp/products/no2-mai" }, { num:3, name:"Kira｜輝きの光", color:"#BA7517", bg:"#FAEEDA", desc:"太陽のように温かく輝くブレンド。ハニーブッシュと果実の自然な甘みが口いっぱいに広がります。", herbs:["ハニーブッシュ（南アフリカ）","ローズヒップ","オレンジピール※","カモミール","カレンデュラ","ローズマリー","ペパーミント","ジンジャー"], note:"※アレルゲン：オレンジ", link:"https://www.prismtea.jp/products/no3-kira" }, { num:4, name:"Yui｜調和の光", color:"#3B6D11", bg:"#EAF3DE", desc:"ローズとリンデンのやさしい香りが心を包み込む、穏やかなハートのブレンド。", herbs:["ローズヒップ（チリ）","リンデン","カモミール","ローズ","レモンバーム","スペアミント"], link:"https://www.prismtea.jp/products/no4-yui" }, { num:5, name:"Neiro｜響きの光", color:"#1D9E75", bg:"#E1F5EE", desc:"マロウとペパーミントの清涼感が心地よいブレンド。月桃の清々しい香りも特徴的。", herbs:["リンデン（ブルガリア）","エルダーフラワー","月桃","マロウ","ペパーミント"], link:"https://www.prismtea.jp/products/no5-neiro" }, { num:6, name:"Rin｜目覚めの光", color:"#185FA5", bg:"#E6F1FB", desc:"バタフライピーが美しく透き通るブレンド。すっきりとしたクリアな感覚が広がります。", herbs:["レモングラス（タイ）","ハトムギ","バタフライピー","アイブライト","ローズマリー","クロモジ"], link:"https://www.prismtea.jp/products/no6-rin" }, { num:7, name:"Meguri｜祝福の光", color:"#534AB7", bg:"#EEEDFE", desc:"くこの実やジャスミンが重なり合う、まろやかで上品な香りのブレンド。7日間の旅の締めくくりに。", herbs:["くこの実（中国）","リンデン","ローズヒップ","ホワイトバーチ","エルダーフラワー","パッションフラワー","ジャスミン"], link:"https://www.prismtea.jp/products/no7-meguri" } ]; var list = document.getElementById('chakraList'); chakras.forEach(function(c) { var card = document.createElement('div'); card.className = 'pjb-chakra-card'; var pillsHTML = c.herbs.map(function(h) { return ''+h+''; }).join(''); var noteHTML = c.note ? ''+c.note+'' : ''; card.innerHTML = ''+ ''+c.num+''+ ''+ ''+c.name+''+ ''+c.desc+''+ ''+ '詳細 →'+ ''+ ''+ '原材料'+ ''+pillsHTML+''+ noteHTML+ ''; list.appendChild(card); });
