<!--ここから↓-->
<!DOCTYPE html>
<html lang="jp">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <!--ここまで↑気にしなくていいよ-->

    <!--タブ名　と　読み込み
        弄るな絶対-->
    <title>パチスロ</title>
    <link rel="stylesheet" href="./srot.css">

    <!--BGM設定だお★
        違うBGMの時はパスさえ変えればできるお★-->
    <!--BGM-->
    <audio id="Bgm" type="audio/mpeg" src="./sound/kk_scene7_loop.m4a" controls loop hidden="true" ></audio>
    <!--当たった時の金の音-->
    <audio id="HitSound" type="audio/mpeg" src="./sound/sokoku.mp3" controls hidden="true" ></audio>
    <!--演出用の音-->
    <audio id="EffectSound" type="audio/mpeg" src="ke10.mp3" controls hidden="true" ></audio>
    <audio id="EffectSound" type="audio/mpeg" src="ke20.mp3" controls hidden="true" ></audio>
    <!--ボタンの音-->
    <audio id="ButtonSound" type="audio/mpeg" src="./sound/button.mp3" controls hidden="true" ></audio>
    <audio id="EnterButtonSound" type="audio/mpeg" src="./sound/enterbutton.mp3" controls hidden="true" ></audio>


    <!-- googlefontsからのフォント読み込み
     　　変更をしたい場合は小玉へどうぞ -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap" rel="stylesheet">
</head>

<body id="all">
    

    <!--ここらへんのidやらclassは他のファイルと結び付けられてるから
        あまり弄らんでほしい
        弄るときはほかのファイルとの兼ね合い考えてね-->
    <div class="max">
        <div class="srot" id="manager">
            <!--ここの"$"は変えても良いよ-->
            <h2 id="VisibleUp">+<span id="up_money">0</span> 万人</h2>
            <!--ここの"現在の所持金"と"1000"と"$"は変えてもええで-->
            <h2>現在の人民：<span id="money">1000</span> 万人</h2>
            <!--こっから下は物が壊れる可能性があるのでおやめください。-->
            <div class="all_Lille" style="margin: 10px 40px;">
                <div id="Lille1" style="background-color: #e6b422;">
                    <img id="1_1box">
                    <img id="1_2box">
                    <img id="1_3box">
                    <img id="1_4box">
                </div>
                <div id="Lille2" style="background-color: #e6b422;">
                    <img id="2_1box">
                    <img id="2_2box">
                    <img id="2_3box">
                    <img id="2_4box">
                </div>
                <div id="Lille3" style="background-color: #e6b422;">
                    <img id="3_1box">
                    <img id="3_2box">
                    <img id="3_3box">
                    <img id="3_4box">
                </div>
            </div>
        </div>
    </div>

    <div id="effect1">
        <!-- ここのもじかんけいない -->
        <span id="text_content"><h3 id="effect1_content">ᛋᚲᛃ ᛚᛁ ᚾ ᛋᚢᚾ ᚲᚨᚾ</h3></span>
    </div>

    <div id="end" class="box2">
        <h1>崩壊！！</h1>
        <hr>
        <h5>どうやら時代が来てしまったようだ…。</h5>
        <h3>最終人民は</h3>
        <p><span id="money_result">unkonaw</span> 万人であった。</p>
        <h3>景品得点は</h3>
        <p><span id="point_result">unkonaw</span> ptである。</p>
        <h5>もしランキングに載りたい指導者がいたら下から宣言せよ！</h5>
        <form method="post"
            action="">
            指導者名：<input type="text" name="name"><input type="text" name="score" style="display: none;">
            <input type="text" name="style" value="祖国スロット" style="display: none;">
            <input type="submit" value="宣言">
        </form>
        <h5>我々の祖国は永遠である！！</h5>
        <h5>[中央のボタンで元の状態に戻る]</h5>
    </div>

    <div id="startDisp" class="box1">
        <h1>祖国繫栄スロット</h1>
        <p>我々の祖国を繁栄させろ！</p>
        <p>リールを回すボタンで人民を動員</p>
    </div>

    <!--<div id="effect2">
        <video src="./mov/899_640x360.mp4" id="effect2_content">
    </div>-->

    <!--ここでjava script読み込んでるから弄るな-->
    <script src="./srot.js"></script>
</body>

</html>