/* ページ全体の基本的な設定と背景色 */
:root {
    --bg:         #F3F6F9;
    --surface:    #FFFFFF;

    --navy:       #173A59;
    --heading:    #142B43;

    --text:       #465564;
    --muted:      #7B8998;

    --blue:       #2869D8;
    --link:       #2563C5;
    --blue-light: #EDF4FF;

    --border:     #E2E8EF;
    --shadow:     rgba(20, 43, 67, .08);

    /* 見出しアクセント */
    --accent-light: #4A8BE0;
    --accent-dark:  #245B9E;
}

#bbsbox {
    color: var(--text);
    background: transparent;

    font-size: 12px;
    line-height: 1.6;
}

.bbs-form {
    margin: 0 0 16px;
}

.bbs-input,
.bbs-message {
    box-sizing: border-box;
    display: block;

    width: 100%;
    margin: 0 0 8px;
    padding: 9px 10px;

    border: 1px solid var(--border);
    border-radius: 4px;

    background: var(--surface);
    color: var(--text);

    font: inherit;
}

.bbs-input::placeholder,
.bbs-message::placeholder {
    color: var(--muted);
    opacity: 1;
}

.bbs-submit {
    box-sizing: border-box;
    display: block;

    width: 100%;
    padding: 9px 12px;

    border: 0;
    border-radius: 4px;

    background: var(--blue);
    color: #fff;

    font: inherit;
    font-weight: 700;

    cursor: pointer;
}

.bbs-submit:hover {
    background: var(--navy);
}