<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>けーきのﾎｰﾑﾍﾟｰｼﾞ</title>
        <style>
            .body {
                font-size: 98%;
            }
        </style>
        <style>
            /* 左へ流れる文字 */
            .marquee-1 {
                padding-left: 100%;
                width: fit-content;
                white-space: nowrap;
                background-color: red;
                animation: marquee-left 8s steps(100, end) infinite;
            }

            @keyframes marquee-left {
                100% {
                    transform: translateX(-100%);
                }
            }

            /* 基本設定 */
            .text-box {
                margin-inline: auto;
                max-width: 300px;
                overflow: clip;
            }
        </style>
        <style type="text/css">
            a:link {
                color: BLACK;
            }
            a:visited {
                color: #800080;
            }
            a:hover {
                color: #ff8000;
            }
        </style>
        <style>
            body {
                font-family: sans-serif;
            }
        </style>
        <style>
            .sample {
                font-weight: bold;
            }
        </style>
        <style>
            P {
                text-align: center;
            }
            H2 {
                text-align: center;
            }
            H1 {
                text-align: center;
            }
            H3 {
                text-align: center;
            }
        </style>
        <style>
            .example {
                text-align: center;
            }
        </style>
        <style>
            .font_test {
                color: red;
            }
        </style>
        <style>
            .font_test1 {
                color: blue;
            }
        </style>
        <style>
            .font_test2 {
                color: green;
            }
        </style>
        <style>
            .font_test {
                text-align: center;
            }
        </style>
        <style>
            .font_test2 {
                text-align: center;
                font-size: 28px;
            }
        </style>
    </head>
    <body>
        <h1>けーきのﾎｰﾑﾍﾟｰｼﾞ</h1>
        <div class="font_test">
            &#x0053;&#x0049;&#x004e;&#x0043;&#x0045;&#x002d;&#x0032;&#x0030;&#x0032;&#x0034;&#x002d;&#x0031;&#x0032;&#x002d;&#x0032;&#x0030;
        </div>
        <div class="text-box">
            <p class="marquee-1">ここにお知らせを書きます♪</p>
        </div>
        <div class="example">
            <!--カウンター画像からは配布サイトへリンクが設定されています。また、誤作動、誤表示の原因となりますのでコードの改変、改行は行わないで下さい。
このコメント部分は削除して頂いても結構です。-->
            <a href="https://www.stylemap.co.jp/"
                ><img src="https://www.f-counter.net/j/64/1734676573/" alt="アクセスカウンター"
            /></a>
        </div>
        <div class="example">
            <a href="mailto:patibyapu@kmail.li">&#x304a;&#x554f;&#x3044;&#x5408;&#x308f;&#x305b;</a>
        </div>
        <h2>このﾎｰﾑﾍﾟｰｼﾞについて</h2>
        <p>このﾎｰﾑﾍﾟｰｼﾞは、けーきが日常を投稿するﾎｰﾑﾍﾟｰｼﾞです。</p>
        <p>このﾎｰﾑﾍﾟｰｼﾞでは、<span class="font_test1">ﾌﾟﾛﾌ、日記、掲示板、ﾘｱﾙﾀｲﾑ、読書履歴</span>があります。</p>
        <p class="sample">&#x4f5c;&#x6210;&#x74b0;&#x5883;&#x003a;&#x0043;&#x0068;&#x0072;&#x006f;&#x006d;&#x0065;</p>
        <h2>やってはいけないこと</h2>
        <div class="font_test">無断転載<br />誹謗中傷</div>
        <hr color="#008000" size="5" />
        <div class="font_test2">&#x004c;&#x0049;&#x004e;&#x004b;&#x0020;&#x004d;&#x0045;&#x004e;&#x0055;</div>
        <p>↓スマホやモバイルで見るときは、PC版サイトにﾁｪｯｸ入れてみてね</p>
        <div class="example">
            <a href="profile.html">&#x0020;&#x0020;&#xff8c;&#xff9f;&#xff9b;&#xff8c;</a>
            <br /><a href="https://lyze.jp/keki/diary/2/">&#x65e5;&#x8a18;</a> <br /><a
                href="https://lyze.jp/keki/real/2/"
                >&#xff98;&#xff71;&#xff99;&#xff80;&#xff72;&#xff91;</a
            >
            <br /><a href="https://lyze.jp/keki/bbst/2/">掲示板</a> <br /><a href="dokusyo.html"
                >&#x8aad;&#x66f8;&#x5c65;&#x6b74;</a
            >
        </div>
    </body>
</html>
