/* 利用者画面共通 */
html {
    font-size: 16px;
}

nav {
    background-color: var(--user-header-color);
}

li, th, td, p, a {
    font-size: 1.2rem;
}

li, p {
    white-space: pre-wrap;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

ul {
    margin: 0;
}

.main-container {
    margin: 0 3%;
}

.subtitle {
    font-size: 1.5rem;
    font-weight: bold;
}

.btn-main {
    color: white;
    background-color: var(--user-main-button-color);
    border: 2px solid var(--user-main-button-color);
}

    .btn-main:hover, .btn-primary:focus {
        color: var(--user-main-button-color);
        background-color: white;
    }

.btn-sub {
    color: white;
    background-color: var(--user-sub-button-color);
    border: 2px solid var(--user-sub-button-color);
}

    .btn-sub:hover, .btn-primary:focus {
        color: var(--user-sub-button-color);
        background-color: white;
    }

.title {
    background: var(--user-header-color);
    color: white;
    font-size: 1.6rem;
    padding: 0.5rem;
    margin: 0;
}

@media (min-width: 992px) {
    li, th, td, p, a {
        font-size: 1.08rem;
    }

    .site-title {
        font-size: 1.75rem;
    }

    .title {
        font-size: 1.45rem;
        padding: 0.3rem;
    }

    .subtitle {
        font-size: 1.25rem;
    }
}