/* https://saruwakakun.com/html-css/reference/hidden-show */
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    /* border: solid 2px black; */
    /* background: #ffffff; */
    cursor :pointer;
    display: inline-block;
    /* background: #efefef; */
    background: #d7eeff;
    border-radius:30px;
}
/* .hidden_box label div { */
/*     display:inline-block; */
/*     background: #efefef; */
/*     border-radius:30px; */
/* } */

/*ボタンホバー時*/
.hidden_box label:hover {
    background: -ms-linear-gradient(bottom, #83c6ff, #b4dcfd);
    background: -moz-linear-gradient(bottom, #83c6ff, #b4dcfd);
    background: -webkit-linear-gradient(bottom, #83c6ff, #b4dcfd);
    background: linear-gradient(to top, #83c6ff, #b4dcfd);
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

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

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

#page7 div.hidden_show {
    background: #efefef;
    /* border-radius:30px; */
}