﻿section.features .feature-item ul li {
    text-align: left;
}

section.cta {
    background-image: url("../img/runnerStart_soft.JPG");
}

.li-dislike {
    display: block;
}
    .li-dislike::before {
        content: "\e06d";
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: -16px;
        color: #dc2430;
    }

.li-user {
    display: block;
}

    .li-user::before {
        content: "\e005";
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: -16px;
        color: cornflowerblue;
    }

/*Q&A*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    font-family: sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_qa {
    margin: 0 0 2em 10px;
    padding: 1em 1em 0.5em 1em;
    background: #e1f5fe;
}

    .cp_qa h1 {
        font-size: 1.2em;
        position: relative;
        margin-right: 1em;
        margin-left: -26px;
        padding: 0.3em;
        color: #ffffff;
        background-color: #42a5f5;
        box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    }

        .cp_qa h1::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 0;
            height: 0;
            content: '';
            border-width: 0 10px 10px 0;
            border-style: solid;
            border-color: transparent #1976d2 transparent transparent;
        }

    .cp_qa dl {
        margin: 0;
    }

    .cp_qa dt {
        margin-bottom: 0.5em;
        padding: 0.2em 0.5em 0.5em 2em;
        border-radius: 0.2em;
        background: #ffb74d;
    }

    .cp_qa dd {
        margin-bottom: 1em;
        margin-left: 0;
        padding: 0.5em 1em 1.5em 3em;
    }
        /* QAアイコン */
        .cp_qa dt::before, .cp_qa dd::before {
            font-size: 1.5em;
            color: #ffffff;
        }

    .cp_qa dt::before {
        margin: 0.3em 0.3em 0 -1em;
        content: 'Q';
    }

    .cp_qa dd::before {
        margin: 0 0.5em 0 -2em;
        padding: 0.2em 0.4em;
        content: 'A';
        border-radius: 0.2em;
        background: #00bcd4;
    }