@charset "utf-8";
/*ボックス全体*/
.accbox{
	margin-right : 0px;margin-bottom : 2em;margin-left : 0px;
    padding: 0;/*最大幅*/

  margin-top : 10px;
  line-height : 1em;
}

/*ラベル*/
.accbox label{
    display: block;margin-right : 0px;margin-left : 0px;padding-right : 12px;padding-bottom : 5px;padding-left : 12px;
    color : black;
    font-weight : normal;
    background : none 0% 0% / auto auto repeat scroll padding-box border-box #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
  padding-top : 15px;
  font-size : 14pt;
  line-height : 1.5em;
  margin-top : 2px;
}

/*アイコンを表示*/
.accbox label::before{
    content:  url(../images/btn_plus.png);
    padding-right: 8px;
}

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

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

/*中身を非表示にしておく*/
.accbox .accshow{
    height: 0;padding-right : 0px;padding-left : 20px;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
  color : black;
  background-color : white;
  line-height : 1.5em;
  }

.accshow a{
  color : navy;
}

.accshow a:hover{
  color : black;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow{
    height: auto;
    padding: 5px;
    background: #fff5eb;
    opacity: 1;
}

.accbox .accshow p{
    margin: 15px 10px;
}

/*アイコンを入れ替える*/
.cssacc:checked + label::before{
    content:  url(../images/btn_minus.png) ;

}