<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ガンプラレビュー</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            background-color: #fafafa;
            color: #333;
        }
        .container {
            max-width: 900px;
            margin: auto;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }
        h1 {
            text-align: center;
            color: #555;
        }
        select {
            padding: 10px;
            margin-top: 20px;
            font-size: 1em;
            width: 100%;
            max-width: 400px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .rating {
            font-size: 1.2em;
            color: #ff9800;
        }
        .pros, .cons {
            margin: 10px 0 20px;
            padding-left: 20px;
        }
        ul {
            list-style: none;
            padding: 0;
        }
        li {
            margin: 5px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>ガンプラレビュー</h1>
        <h2>写真を使わずにガンプラのレビューをするサイトです</h2>
        <label for="reviewSelect">レビューを選択:</label>
        <select id="reviewSelect" onchange="loadReview()">
            <option value="might">HGCE マイティーストライクフリーダムガンダム</option>
            <option value="infi">HGCE インフィニットジャスティスガンダム弍式</option>
            <option value="sdex_rai">SD-EX ライジングフリーダムガンダム</option>
            <option value="hgz">HGUC Zガンダム(revival)</option>
            <option value="hgzz">HGUC ZZガンダム</option>
            <option value="sdex_destiny">SD-EX デスティニーガンダム</option>
            <option value="sdex_strikefreedom">SD-EX ストライクフリーダムガンダム</option>
            <option value="sdex_ailestrike">SD-EX エールストライクガンダム</option>
            <option value="bbxi">BB戦士 Ξガンダム</option>
            <option value="sdex_nyu">SD-EX νガンダム</option>
            <option value="sdcs_rx78-2">SD-CS RX78-2 ガンダム ガンダムベースカラー(クロスシルエットフレームver.)レビュー</option>
        </select>
        
        <div id="reviewContent"></div>
    </div>
    
    <script>
        const reviews = {
            might: `
                <h2>HGCE マイティーストライクフリーダムガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2024年5月25日</p>
                <p><strong>価格:</strong> 2970円</p>
                <p class="rating">総合評価 ★★★★☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>色分けは全体的に良いが、プラウドディフェンダーのピンク、ディスラプターはシールを使用する。</li>
                    <li>2024年のキットなので見た目はとてもいい。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>SEEDアクションシステムの搭載により、可動範囲はとても広い。</li>
                </ul>
            <h3>作りやすさ</h3>
                <ul>
                    <li>プラウドディフェンダーのシールは大変だが、作りやすいキットになっている。</li>
                </ul>
            `,


            infi: `
                <h2>HGCE インフィニットジャスティスガンダム弍式 レビュー</h2>
                <p><strong>発売日:</strong> 2024年6月29日</p>
                <p><strong>価格:</strong> 3080円</p>
                <p class="rating">総合評価 ★★★★★</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>頭部、ビームライフルの一部以外は全て色分けされている。</li>
                    <li>マイフリ同様かっこいい。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>色分けが完璧で作りやすいため初hgにおすすめできるキット。</li>
                </ul>
            `,

            sdex_rai: `
                <h2>SD-EX ライジングフリーダムガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2024年 1月26日</p>
                <p><strong>価格:</strong> 660円</p>
                <p class="rating">総合評価 ★★★★☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>低価格キットなのでシールを多用する。</li>
                    <li>SD-EXシリーズなので頭身バランスがいい。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>SDなので作りやすいが、シールが難しい部分がある。</li>
                </ul>
            `,

            hgz: `
                <h2>HGUC Zガンダム(revival) レビュー</h2>
                <p><strong>発売日:</strong> 2017年04月22日</p>
                <p><strong>価格:</strong> 1980円</p>
                <p class="rating">総合評価 ★★★★☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>立たせておくだけでかっこいい。</li>
                    <li>バックパックの赤いラインは全てシール。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>revival版なので可動範囲はとても広い。</li>
                    <li>ウェーブライダーへの変形は完全差し替え。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>作りやすいので初心者にもおすすめ。</li>
                </ul>
            `,

            hgzz: `
                <h2>HGUC ZZガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2010年06月17日</p>
                <p><strong>価格:</strong> 2530円</p>
                <p class="rating">総合評価 ★★★☆☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>色分けは良いが、スラスター内部の黒い部分は全てシール</li>
                    <li>顔のツインアイは中央が銀色のシールになっているため、違和感を感じることがある。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>かなり古いキットなので可動範囲はやや狭い。</li>
                    <li>Gフォートレスなどの変形は差し替え。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>シールの量が多くて大変だが、組み立てるだけなら簡単に作れる。</li>
                </ul>
            `,

            sdex_destiny: `
                <h2>SD-EX デスティニーガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2017年03月18日</p>
                <p><strong>価格:</strong> 880円</p>
                <p class="rating">総合評価 ★★★★☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>SDEXシリーズ同様、スタイリッシュに作られている。</li>
                    <li>高エネルギービームライフル、アロンダイトビームソード、高エネルギー超射程砲は青色の一パーツ構成。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>本体は組み立てるだけで、組立後は比較的簡単に遊べる。</li>
                    <li>オプションの追加はなし。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>SDEXなのでシールは多いが、かっこよく仕上がるのでいい。</li>
                </ul>
            `,

            sdex_strikefreedom: `
                <h2>SD-EX ストライクフリーダムガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2016年06月17日</p>
                <p><strong>価格:</strong> 880円</p>
                <p class="rating">総合評価 ★★★★☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>鮮やかな色合いでカラフルに仕上がる。</li>
                    <li>シールの量は少なめで素組みでも十分良い印象。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>頭部、肩、足首などの可動範囲は自由度が高い。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>SDEXの中ではやや手間がかかるが、完成後の見栄えが良い。</li>
                </ul>
            `,

            sdex_ailestrike: `
                <h2>SD-EX エールストライクガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2015年02月22日</p>
                <p><strong>価格:</strong> 700円</p>
                <p class="rating">総合評価 ★★★☆☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>色分けの大半はシールを使う</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>可動範囲はとても広く、組み立てる楽しさがある。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>シールは大変が、完成させた時の達成感がすごい。</li>
                </ul>
            `,

            bbxi: `
                <h2>BB戦士 Ξガンダム レビュー</h2>
                <p><strong>発売日:</strong> 2013年12月07日</p>
                <p><strong>価格:</strong> 1650円</p>
                <p class="rating">総合評価 ★★★★☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>Ξガンダムの印象をしっかり再現している。</li>
                    <li>重いパーツが多いので、塗装した方が美しく仕上がる。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>可動範囲は狭まめ</li>
                    <li>フライトフォームの変形ができる。</li>
                    <li>ファンネルミサイルは別パーツ</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>シールは少ないがパーツは多いのでsdexよりも作りやすい</li>
                </ul>
            `,

            sdex_nyu: `
                <h2>SD-EX νガンダムレビュー</h2>
                <p><strong>発売日:</strong> 2020年12月12日</p>
                <p><strong>価格:</strong> 660円</p>
                <p class="rating">総合評価 ★★★☆☆</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>sdexシリーズなので色分けは悪いが、正面から見るとめちゃくちゃかっこいい。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>肩の引き出しギミックがついている。</li>
                    <li>全体的によく動く</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>パーツが少なく作りやすいが、額のシールが難しい。</li>
                </ul>
            `,

            "sdcs_rx78-2": `
                <h2>SD-CS RX78-2 ガンダム ガンダムベースカラー(クロスシルエットフレームver.)レビュー</h2>
                <p><strong>発売日:</strong> 2022年03月12日</p>
                <p><strong>価格:</strong> 1100円</p>
                <p class="rating">総合評価 ★★★★★</p>
                <h3>色分け・見た目</h3>
                <ul>
                    <li>sdcsシリーズは色分けがすごく、シールは目とV字と武器の一部だけ。</li>
                    <li>見た目もよく、高頭身で立体化されている。</li>
                </ul>
                <h3>可動範囲、ギミック</h3>
                <ul>
                    <li>可動範囲は、CSフレームによりとても広く、膝と肘が曲がる</li>
                    <li>武装はビームライフルとシールド、ビームサーベルを含む。</li>
                </ul>
                <h3>作りやすさ</h3>
                <ul>
                    <li>シールが少なく、タッチゲートが採用されていてとても作りやすい。</li>
                </ul>
            `
        };
        
        function loadReview() {
            const selectedReview = document.getElementById('reviewSelect').value;
            const reviewContent = document.getElementById('reviewContent');
            reviewContent.innerHTML = reviews[selectedReview];
        }

        // 初期レビューを表示
        window.onload = loadReview;
    </script>
</body>
</html>
