/*ボックス全体*/
.accbox, .accbox2 {
    margin: 0;
    padding: 0;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0 0;
    padding : 8% 50%;
    cursor :pointer;
    background: url(images/detail01.jpg) no-repeat center center;
    background-size:contain;
}

.accbox2 label {
    display: block;
    margin: 0 0;
    padding : 8% 30%;
    cursor :pointer;
    background: url(images/detail02.jpg) no-repeat center center;
    background-size:contain;
}


/*ラベルホバー時*/
.accbox label:hover, 
.accbox2 label:hover {
    /*opacity: 0.8;*/
}

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

/*中身を非表示にしておく*/
.accbox .accshow,
.accbox2 .accshow {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    transition: all 0.6s ;
    padding:0;
}

/*クリックで中身表示*/
.cssacc:checked ~ article{
    opacity: 1;
    max-height: 100em;
    padding:0;
}