/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* ようこそ画面の説明文 */
#welcome-container .survey-description,
#welcome-container .survey-welcome {
    color: #000000 !important;
    text-align: left !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    box-sizing: border-box;
}

/* Survey description */
#welcome-container .survey-description {
    background-color: #f5f5f5;
    border: 1px solid #d6d6d6;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

/* LimeSurvey editor-generated inner elements */
#welcome-container .survey-description p,
#welcome-container .survey-description div,
#welcome-container .survey-description ul,
#welcome-container .survey-description ol,
#welcome-container .survey-description li,
#welcome-container .survey-welcome p,
#welcome-container .survey-welcome div,
#welcome-container .survey-welcome ul,
#welcome-container .survey-welcome ol,
#welcome-container .survey-welcome li {
    text-align: left !important;
}


/* ナビバーのロゴ表示 */
.navbar-brand {
    display: block !important;
}

.navbar-brand img,
.navbar-brand .logo {
    display: block !important;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 90px;
}

@media (max-width: 576px) {
    .navbar-brand img,
    .navbar-brand .logo {
        max-height: 70px;
        max-width: calc(100vw - 80px);
    }
}


/* 見出し回りの余白 */
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.question-title-container {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}


/* 配列型設問のラベルの表示位置 */
.ls-answers tbody .answertext {
    text-align: left;
}

.ls-answers .ls-heading > th {
    vertical-align: top;
}


/* リンク文字に下線等を付与 */
.fruity a:link {
    color: #0000EE;
    text-decoration: underline;
}