空き缶（ハーブなし）
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500&display=swap'); .tin-wrap { font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Minch o', serif; max-width: 600px; width: 100%; margin: 0 auto; padding: 2rem 0 3rem; color: #1a1a18; } /* ---- ヘッダー ---- */ .tin-hero { text-align: center; padding: 2rem 1rem 1.5rem; position: relative; } .tin-forest-row { display: flex; justify-content: center; align-items: flex-end; gap: 10px; margin-bottom: 1.2rem; color: #4a8c63; } .tin-star-scatter { display: flex; justify-content: center; gap: 14px; margin-bottom: 1.2rem; } .tin-eyebrow { font-size: 10px; letter-spacing: 0.24em; color: #7aad94; font-weight: 300; margin-bottom: 0.7rem; } .tin-heading { font-size: 21px; font-weight: 400; color: #1a1a18; line-height: 1.8; margin: 0 0 0.4rem; letter-spacing: 0.06em; } .tin-heading-sub { font-size: 12px; color: #7aad94; font-weight: 300; letter-spacing: 0.12em; margin: 0; } /* グラデーション仕切り */ .tin-spectrum { height: 1.5px; background: linear-gradient(90deg, transparent, #a8d4b8, #d0e8d8, #a8d4b8, transparent); margin: 1.8rem 0; border-radius: 2px; } .tin-spectrum-gold { height: 1px; background: linear-gradient(90deg, transparent, #d8c878, #f0e0a0, #d8c878, transparent); margin: 1.8rem 0; border-radius: 2px; opacity: 0.7; } /* ---- ストーリー ---- */ .tin-story { font-size: 14px; color: #2a2a28; line-height: 2.3; font-weight: 300; margin-bottom: 1.5rem; letter-spacing: 0.02em; } .tin-story em { font-style: normal; color: #3a7a55; font-weight: 400; } .tin-pull { font-size: 14px; color: #2d5a3d; font-weight: 400; line-height: 2.2; letter-spacing: 0.05em; padding: 1.4rem 1.6rem; border-left: 2px solid #88c8a0; background: linear-gradient(135deg, #f6fbf8, #eef8f2); border-radius: 0 14px 14px 0; margin: 1.5rem 0; } /* ---- 職人バッジ ---- */ .tin-artisan { display: flex; align-items: center; gap: 14px; background: linear-gradient(135deg, #fafdf9, #f0f9f4); border: 1px solid #b8ddc8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 2rem; position: relative; overflow: hidden; } .tin-artisan::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #4a8c63, #88c8a0, #d0c878, #88c8a0, #4a8c63); } .tin-artisan-title { font-size: 12px; font-weight: 400; color: #2d5a3d; letter-spacing: 0.06em; margin-bottom: 4px; } .tin-artisan-desc { font-size: 11px; color: #7aad94; font-weight: 300; line-height: 1.8; margin: 0; letter-spacing: 0.03em; } /* ---- セクションタイトル ---- */ .tin-section-title { font-size: 11px; letter-spacing: 0.2em; color: #7aad94; font-weight: 300; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 10px; } .tin-section-title::before { content: ''; width: 4px; height: 4px; background: #88c8a0; border-radius: 50%; flex-shrink: 0; } .tin-section-title::after { content: ''; flex: 1; height: 0.5px; background: linear-gradient(90deg, #c5e8d4, transparent); } .tin-divider { border: none; height: 1px; background: linear-gradient(90deg, transparent, #c5e8d4, transparent); margin: 2rem 0; } /* ---- 3つの理由 ---- */ .tin-reasons { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; } .tin-reason-card { border-radius: 16px; padding: 1.4rem 1.5rem; border: 1px solid; position: relative; overflow: hidden; } .tin-reason-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; } .tin-reason-card.r1 { border-color: #b8ddc8; background: linear-gradient(135deg, #f6fbf8, #eef8f2); } .tin-reason-card.r1::before { background: linear-gradient(90deg, #4a8c63, #88c8a0); } .tin-reason-card.r2 { border-color: #c8d8b0; background: linear-gradient(135deg, #f8fbf4, #f0f8e8); } .tin-reason-card.r2::before { background: linear-gradient(90deg, #7ab050, #a8d078); } .tin-reason-card.r3 { border-color: #c8c0e0; background: linear-gradient(135deg, #faf8ff, #f5f0ff); } .tin-reason-card.r3::before { background: linear-gradient(90deg, #9878d0, #c0a8e8); } .tin-reason-num { font-size: 10px; letter-spacing: 0.16em; font-weight: 300; margin-bottom: 0.5rem; } .r1 .tin-reason-num { color: #4a8c63; } .r2 .tin-reason-num { color: #6a9838; } .r3 .tin-reason-num { color: #8060c0; } .tin-reason-title { font-size: 14px; font-weight: 400; color: #1a1a18; letter-spacing: 0.04em; margin-bottom: 0.7rem; line-height: 1.6; } .tin-reason-body { font-size: 12px; color: #555552; line-height: 2; font-weight: 300; margin: 0; } /* ---- 輝きの引用 ---- */ .tin-quote { text-align: center; padding: 2rem 1.2rem; margin: 0.5rem 0; background: linear-gradient(135deg, #fafdf9, #f5fbf7, #fafdf9); border-radius: 20px; border: 1px solid #c5e8d4; position: relative; overflow: hidden; } .tin-quote::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #88c8a0, #d0c878, #88c8a0, transparent); } .tin-quote::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #88c8a0, #d0c878, #88c8a0, transparent); } .tin-quote-stars { display: flex; justify-content: center; gap: 12px; margin-bottom: 1rem; color: #c0a840; opacity: 0.65; } .tin-quote-text { font-size: 14px; color: #2d5a3d; font-weight: 400; line-height: 2.4; letter-spacing: 0.08em; margin: 0 0 0.8rem; } .tin-quote-caption { font-size: 10px; color: #7aad94; font-weight: 300; letter-spacing: 0.14em; } /* ---- カラバリ ---- */ .tin-colors { display: flex; gap: 12px; margin-bottom: 2rem; flex-wrap: wrap; } .tin-color-card { flex: 1; min-width: 220px; border-radius: 16px; padding: 1.4rem 1.5rem; border: 1px solid; position: relative; overflow: hidden; } .tin-color-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; } .tin-color-card.white { border-color: #ddd8c0; background: linear-gradient(135deg, #fefefe, #f8f8f4); } .tin-color-card.white::before { background: linear-gradient(90deg, #c8b860, #e8d880, #f0e898, #e8d880, #c8b860); } .tin-color-card.green { border-color: #a8c8a8; background: linear-gradient(135deg, #f5fbf5, #ecf6ec); } .tin-color-card.green::before { background: linear-gradient(90deg, #4a8c63, #7bc4a0, #88d0a8, #7bc4a0, #4a8c63); } .tin-color-swatch { width: 38px; height: 38px; border-radius: 50%; margin-bottom: 0.8rem; display: flex; align-items: center; justify-content: center; } .white .tin-color-swatch { background: radial-gradient(circle, #fff 40%, #f0ead8); border: 1px solid #d8cc98; } .green .tin-color-swatch { background: radial-gradient(circle, #a0c8a0 40%, #6a9868); border: 1px solid #5a8858; } .tin-color-name { font-size: 13px; font-weight: 400; color: #1a1a18; letter-spacing: 0.04em; margin-bottom: 3px; } .tin-color-logo { font-size: 10px; letter-spacing: 0.12em; margin-bottom: 0.6rem; font-weight: 300; } .white .tin-color-logo { color: #a89040; } .green .tin-color-logo { color: #5a8c63; } .tin-limited { display: inline-block; font-size: 10px; padding: 2px 10px; border-radius: 10px; letter-spacing: 0.08em; font-weight: 300; background: #e8f5ee; color: #3a7a55; border: 0.5px solid #a8d4b8; margin-bottom: 0.5rem; } .tin-color-desc { font-size: 11px; color: #666660; font-weight: 300; line-height: 1.8; margin: 0; } /* ---- スペック ---- */ .tin-spec { background: #fafdf9; border: 1px solid #c5e8d4; border-radius: 12px; padding: 1.2rem 1.4rem; margin-bottom: 1.5rem; } .tin-spec-row { display: flex; gap: 12px; font-size: 13px; font-weight: 300; padding: 7px 0; border-bottom: 0.5px dashed #d8eee3; align-items: baseline; } .tin-spec-row:last-child { border-bottom: none; } .tin-spec-label { color: #7aad94; font-size: 11px; letter-spacing: 0.08em; flex-shrink: 0; width: 64px; } .tin-spec-value { color: #1a1a18; } /* ---- タグ案内 ---- */ .tin-tag-block { border: 1px solid #d8c8e8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1.5rem; background: linear-gradient(135deg, #fdf8ff, #f8f4ff); display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; position: relative; overflow: hidden; } .tin-tag-block::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #c0a8e8, #e0c8f8, #c0a8e8); } .tin-tag-left { flex: 1; min-width: 180px; } .tin-tag-stars { display: flex; gap: 6px; margin-bottom: 0.5rem; color: #c0a8e0; opacity: 0.7; } .tin-tag-title { font-size: 12px; font-weight: 400; color: #6a50a0; letter-spacing: 0.05em; margin-bottom: 4px; } .tin-tag-desc { font-size: 11px; color: #888880; font-weight: 300; line-height: 1.8; margin: 0; } .tin-tag-link { display: inline-flex; align-items: center; gap: 6px; font-family: 'Noto Serif JP', serif; font-size: 11px; color: #6a50a0; text-decoration: none; border: 0.5px solid #c0a8e8; border-radius: 20px; padding: 8px 18px; white-space: nowrap; flex-shrink: 0; font-weight: 300; letter-spacing: 0.04em; background: #fff; } .tin-tag-link:hover { background: #f0e8ff; } /* ---- 注意 ---- */ .tin-note { font-size: 12px; color: #888880; font-weight: 300; line-height: 1.9; padding: 1rem 1.25rem; border: 1px dashed #d0c8e0; border-radius: 10px; background: #fdfcff; margin-bottom: 2rem; } .tin-note-title { font-size: 10px; letter-spacing: 0.14em; color: #c0a0e0; margin-bottom: 0.5rem; font-weight: 400; } /* ---- フッター ---- */ .tin-footer { text-align: center; padding: 2rem 1rem; background: linear-gradient(180deg, transparent, #f6fbf8); border-radius: 20px; } .tin-footer-stars { display: flex; justify-content: center; gap: 16px; margin-bottom: 1.2rem; color: #b8d8b0; opacity: 0.6; } .tin-footer-text { font-size: 13px; color: #7aad94; font-weight: 300; letter-spacing: 0.1em; line-height: 2.5; margin: 0; } .tin-footer-icons { display: flex; justify-content: center; align-items: flex-end; gap: 12px; margin-top: 1.4rem; opacity: 0.28; color: #4a8c63; } Prism Tea PRISM TEA ORIGINAL ハーブの家となる、茶筒缶 明治創業・老舗職人の手仕事 Prism Teaはハーブティーの品質だけにこだわっているわけではありません。 貴重なハーブたちの「家」となる茶筒にも、絶対に妥協をしたくなかった。 納得いくものが見つからず、ようやく巡り合ったのが、明治創業の老舗茶筒缶メーカー 加藤製作所さんの今もなお受け継がれる「手作り機械缶」でした。熟練の職人さんたちが、一つひとつ丁寧に、心を込めて仕上げた逸品です。 初めて缶を手にした時、このあたたかさに感動したことを覚えています。 大量生産品にはない、手にしっくりと馴染む独特の温かみ。 パーツごとに違う職人さんが担当されているというのに、完成した時ピタっと吸い付くようにハマる、繊細な職人技。 そこにPrism Teaのオリジナルロゴをひとつひとつ刻印していただきました。 時代の流れと共に、こうした手仕事の道具に出会える機会は、少しずつ貴重なものになっています。 この先、いつまでもお届けできるとは限らない——一期一会の「作品」とも呼べる茶筒缶です。 明治創業・加藤製作所の手作り機械缶 パーツごとに異なる職人が担当。それでも完成時にはピタっと吸い付くように合わさる、受け継がれてきた日本の技が宿っています。 この缶が特別な3つの理由 01 — ハーブを守る 最後の一杯まで続く、美しい体験 光・湿気・高温からハーブを守りながら、あえて完全密封にはせず2〜3%の「遊び」を持たせることで、茶葉が心地よく呼吸できる環境を整えます。蒸し暑い夏も、乾燥する冬も。どんな季節もハーブたちが快適に過ごせる「家」のような存在。Prism Teaのエネルギーを、最後の一葉まで大切に守ります。 02 — 黄金比を逃さない 最後の一杯まで、調和した美しさを 口が広く見やすいので、ハーブの偏りがなく大きなスプーンでもすくい取れます。Prism Teaこだわりの繊細なブレンドを、崩すことなくそのままの品質でお家で再現。最後の一杯まで味がブレず、最高の状態で召し上がっていただけます。 03 — 感性のスイッチ 手にした瞬間、自分に還るリチュアル 五感を満たす「自分とつながるリチュアル」の時間は、缶を手に取った瞬間から始まっています。指先から伝わる、あたたかさ、心地よさ、安らぎ。この茶筒缶は、ハーブを保存する道具であると同時に、忙しい日常から「自分に還る」神聖なスイッチになってくれます。 Prism Teaと共に「自分とつながるリチュアルの時間」に寄り添い、ハーブのエネルギーを最大限に守ります。 一期一会の、作品とも呼べる茶筒缶 カラーバリエーション マットホワイト × ゴールドロゴ 清らかで洗練された印象。上品な組み合わせです。 数量限定 マットグリーン × ホワイトロゴ 芽吹く若葉のようなくすみグリーン。心安らぐ、穏やかな癒しのカラーです。 商品詳細 サイズ 直径 8.5cm × 高さ 9.0cm 仕様 内蓋付き 製造 加藤製作所（明治創業）手作り機械缶 缶に合わせるオリジナルタグ ブレンドのタグが必要な方はこちらから。お好きなブレンドをお選びいただけます。 タグはこちら ご購入の前に 本商品は「缶のみ」の販売ページです。ハーブティーおよびタグは付属しておりません。 ハーブティーをご希望の方は、別途ご希望のブレンドをご購入くださいませ。 森の静けさを、カップの中に。 手のひらに馴染む缶とともに、今日のリチュアルを始めましょう。
