/* qaのアコーディオン，それ以外はoutline */
/*ボックス全体*/
.accbox {
    margin: 2.5em 0;
    padding: 0;
    width: 100%;
    max-width: 550px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 2.0px 0;
    padding : 5px 10px;
    color: #2d2d2d;/* 文字色 */
    font-size: 1.5rem;
    cursor :pointer;
    transition: all 0.1s;
    line-height: 1.3;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#FB8DAC;
}


/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.1s;
}

/*クリックで中身表示 ブルーの枠内*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    font-size: 1.5rem;
    opacity: 1;
    margin-bottom: 30px;
}