/* ===================================================
   Gathering Chat - スタイルシート
   PCレイアウトはそのまま維持。
   スマホ向け (@media) のみ追記。
   =================================================== */

/* ===== PC向け既存スタイル（変更なし） ===== */
HR      { color: olive; }

.outside { font-size: 9pt;  color: #004040; font-family: "Times New Roman"; }
.main    { font-size: 11pt; color: #008080; font-family: "ＭＳ Ｐゴシック"; }
.title   { font-weight: bold; font-size: 14pt; color: #408080;
           font-family: "Times New Roman","ＭＳ Ｐ明朝"; }

A             { text-decoration: none; }
A:visited     { color: #CA95FF; }
A:hover       { text-decoration: underline; color: #FF00FF; }
A:active      { color: #7800F0; }

.form {
    border-style: solid;
    border-width: 1px;
    border-color: #008080;
    background: #FCFCFC;
    font-family: 'ダサ字';
}

/* ===== スマホ向け追記（PCレイアウトには影響しない） ===== */
@media (max-width: 600px) {

    /* ページ全体の余白を確保 */
    body, BODY {
        margin: 8px;
        padding: 0;
    }

    /* 文字サイズを読みやすく */
    body, BODY, FONT, font, td, p {
        font-size: 16px !important;
        line-height: 1.6;
        word-break: break-all;
    }

    .main    { font-size: 16px !important; }
    .outside { font-size: 14px !important; }
    .title   { font-size: 20px !important; }

    /* BLOCKQUOTE の余白を最小化 */
    blockquote, BLOCKQUOTE {
        margin: 4px 0;
        padding: 0;
    }

    /* リンクをタップしやすく */
    a, A {
        line-height: 2;
    }

    /* 入力欄・セレクト・ボタンを全幅・大きめに */
    input[type="text"],
    input[type="submit"],
    select,
    .form {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        padding: 10px 8px;
        margin: 6px 0;
        border-radius: 4px;
    }

    /* submitボタンは特に押しやすく */
    input[type="submit"] {
        background-color: #008080;
        color: #ffffff;
        border: none;
        padding: 14px 8px;
        font-size: 16px;
        cursor: pointer;
    }

    /* HRの余白 */
    HR, hr {
        margin: 8px 0;
    }
}