多機能占いアプリ - タロット・星占い・相性診断など全13種類

## 概要

複数の占い手法を一つのアプリで体験できる、ポップでカラフルな占いプラットフォームです。タロット占い、星占い、数秘術、おみくじ、性格診断、十二支占い、手相占い、姓名判断、易占い、動物占い、色占い、ルーン占い、六星占術の全13種類の占いを搭載。毎日の運勢チェックから人生の重要な決断まで、様々なシーンで活用できます。

## 想定ユーザー

- 20〜40代女性を中心とした占い好きな層
- 10代の若い世代
- スピリチュアルに興味がある人
- 毎日の日課として占いを楽しみたい人
- 通勤・移動中にスマートフォンで気軽に占いたい人
- 寝る前のリラックスタイムに利用したい人
- 友人やグループで占いを共有・楽しみたい人
- カップルや恋人同士で相性診断を試したい人
- 人生の決断や相談時に参考にしたい人
- エンタメ・遊び感覚で占いを楽しみたい人

## 主な機能

- **13種類の占い機能** — タロット、星占い、数秘術、おみくじ、性格診断、十二支占い、手相占い、姓名判断、易占い、動物占い、色占い、ルーン占い、六星占術
- **毎日の運勢表示** — ログイン時に本日の運勢を自動表示、日替わりコンテンツ
- **占い履歴保存** — 過去の占い結果を日付ごとに保存・閲覧可能
- **詳細な解釈・説明** — 各占い結果に対して複数段階の詳しい解説を提供
- **相性診断機能** — 2人の生年月日や名前から相性を診断
- **運勢カレンダー** — 月間の運勢を一覧表示、吉日・凶日を視覚化
- **開運アドバイス** — 占い結果に基づいた開運方法や行動提案
- **結果シェア機能** — SNS(LINE・Twitter・Instagram等)への結果共有
- **ランダム機能** — 「今日のラッキーカード」など、ランダムに占いを引く
- **名前・生年月日入力** — プロフィール登録で複数占いに対応
- **BGM・効果音** — 占い中のBGMと結果表示時のSE
- **カードめくり・アニメーション** — タロットカードのめくりアニメーション、スムーズなトランジション
- **ランキング・統計** — ユーザー間での「今月のラッキーカラー」「相性診断ランキング」など

## デザイン・UI の方向性

リッチで豪華、かつフェミニン・かわいいデザインを採用します。パステル・淡色系をベースに、ゴールド・高級感のあるアクセントカラーを配置。ピンク・マゼンタ、レインボー・虹色、ホログラム・虹色光を随所に取り入れ、ポップでカラフルながら上質な雰囲気を実現します。

- **カラーパレット** — パステルピンク、淡紫、淡青、ゴールド、マゼンタ、虹色グラデーション、ホログラム効果
- **フォント** — 丸みのあるかわいい書体、見出しは高級感のあるセリフ体
- **アイコン・イラスト** — 星、月、カード、花、キラキラなど占いに関連したかわいいモチーフ
- **背景** — グラデーション、パターン、パーティクル効果で豪華さを演出

## 演出・インタラクション

- **カードめくりアニメーション** — タロットやルーン占いでカード反転時の3Dめくり効果
- **テキスト表示の演出** — 占い結果が1文字ずつ表示される、またはフェードイン
- **パーティクル・光の演出** — 結果表示時にキラキラ、光の粒子が舞う
- **ルーレット・回転演出** — おみくじやランダム機能で回転アニメーション
- **効果音・SE** — カードめくり音、結果確定音、開運アドバイス表示音
- **バイブレーション** — 重要な結果表示時にスマートフォンが振動
- **背景色・配色の変化** — 占いの種類や結果に応じて背景色が変化
- **キャラクター・マスコット** — 占い案内役のかわいいマスコットキャラクターを配置

## 占い結果の情報量

複数の占い手法を組み合わせた結果表示に対応します。例えば「生年月日から星占い + 数秘術 + 動物占いを同時表示」「タロット3枚引き + 各カードの詳細解釈」など、ユーザーが複数の視点から運勢を読み取れるようにします。

## 必要な共通機能 — GUIDED-MOBILE-FIX-01

- **多言語対応** — 日本語、英語、中国語(簡体字・繁体字)、韓国語に対応
- その他: ブラウザ完結(アカウント登録・ログイン、Stripe決済、DB保存等は不要)

## モバイル・タブレット対応 — GUIDED-MOBILE-FIX-01

- **全画面表示前提** — スマートフォン縦表示、タブレット横・縦表示、PC ワイド表示のすべてに対応
- **タップ領域** — すべてのボタン・タップ可能要素は最低 44x44px 以上を確保
- **主要操作の配置** — 「占いを引く」「結果をシェア」などの主要ボタンは画面下部に配置し、片手操作で親指が届く範囲に配置
- **スクロール対応** — 横スクロール禁止、占い履歴やカレンダーは縦スクロール、カード型レイアウトで表示
- **フォーム入力対策** — 生年月日や名前入力時、キーボード表示でフィールドが隠れないようスクロール調整
- **アニメーション最適化** — カードめくりやパーティクル効果は低スペック端末でも動作するよう最適化

## データ・技術の方針

ブラウザ完結型で実装します。占い結果はブラウザのローカルストレージまたはセッションストレージに一時保存。ユーザーのプロフィール(生年月日、名前)はブラウザ内に保存し、リロード時も保持。複雑な計算(星占い、数秘術、六星占術など)はクライアント側の JavaScript で処理。外部 API は不要とし、完全にスタンドアロンで動作します。

## その他の希望

- 全13種類の占いをシームレスに切り替え可能なUIを実現
- 占い結果の複数組み合わせ表示で、より深い洞察を提供
- 毎日異なる占い結果が得られるよう、日付ベースのシード値を使用
- ホログラム・虹色光の効果を随所に取り入れ、高級感とポップさを両立
- 友人とのシェア時も見栄えの良い結果画像(スクリーンショット対応)を生成