/* 3Gケータイ */
HTML {
    font-size: 108%
}

/* レスポンシブ対応 ※モバイルファースト方式 */
/* 4Gケータイ（Androidフィーチャーフォン）*/
@media screen and (min-width: 320px) {
    HTML {
        font-size: 122%;
    }
}

/* スマートフォン以上 */
@media screen and (min-width: 360px) {
    HTML {
        font-size: 110%;
    }
}

body {
    font-family: sans-serif;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    max-width: 40rem;   /* 右側リンクが離れすぎないように */
}

ul {
    list-style: none;
    -webkit-padding-start: 0px;
    font-size: inherit;
    padding-left: 0px;
    margin: 0 0 .5em 0;
}

h2 {
    font-size: 1.2em;
    margin: 0.5em 0;
}

a, p, span, li, div {
    font-size: inherit;
}

input, select, textarea, button, pre {
    font-family: inherit;
    font-size: 97%;
    box-sizing: border-box;
    max-width: 100%;
}

p, pre, span, label, div {
    line-height: 1.1rem;
}

input[type="text"], input[type="email"], textarea {
    width: 100%;
}

textarea {
    resize: none;
    max-height: 7em;
}

/* レスポンシブ対応 ※モバイルファースト方式 */
/* 4Gケータイ（Androidフィーチャーフォン）*/
@media screen and (min-width: 320px) {
    /* Android文字拡大の抑止 */
    a, p, pre, span, ul, li, div {
        max-height: 10000%;
    }

    button, input[type="submit"], input[type="button"] {
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }

    select, input[type="text"], input[type="number"], input[type="password"], input[type="email"], textarea {
        margin-top: 0.1em;
        margin-bottom: 0.1em;
    }

    input[type="radio"], input[type="checkbox"] {
        margin: 0.3em;
    }
}

/* LAYOUT ELEMENTS
----------------------------------------------------------*/
.outerBox {
    min-width: 100%
}

.rightAlignArea {
    text-align: right;
}

/* BASIC ELEMENTS
----------------------------------------------------------*/

.textDanger {
    color: red;
}

.textSuccess {
    color: green;
}

.basicHeadword {
    color: #6699FF;
}

.listHeadword {
    color: #FF66CC;
}

.textBody {
    font-family: inherit;
    padding: 0;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Keijiban
----------------------------------------------------------*/

.boardHeadword {
    color: #FF6600;
}

/* Anpi
----------------------------------------------------------*/

.anpiHeadword {
    color: #215967;
}

.anpiEmphasisLabel {
    color: #FF2300;
}

.anpiReplyHeadword {
    color: #00CCFF;
}

.anpiNoReplyHeadword {
    color: #FF00FF;
}

.anpiConfirmationItem {
    color: #D60093;
}

pre {
    margin: 0;
    white-space: pre-wrap;
}