.togglebox {
  width: auto;
  margin: 0 auto;
  background: #fff;
  transform: translateZ(0);
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}
.togglebox:after {content:"";display:block;clear:both}

.togglebox input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.togglebox label.acc_lb a {color:#000}
.togglebox label.acc_lb .day {font-weight:300;float:right;font-size:11px;margin-right:30px;}
.togglebox label.acc_lb[for*='1'] {
  border: 0;
}
.togglebox label.acc_lb {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  border-top: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}

.togglebox label.acc_lb:after {
  content: '\f078';
  position: absolute;
  top: 0px;
  right: 20px;
  font-family: fontawesome;
  transform: rotate(90deg);
  transition: .3s transform;
}

.togglebox .acc_con {
  height: 0;
  transition: .3s all;
  overflow: hidden;
}

#toggle1:checked ~ label[for*='1']:after,
#toggle2:checked ~ label[for*='2']:after,
#toggle3:checked ~ label[for*='3']:after,
#toggle4:checked ~ label[for*='4']:after,
#toggle5:checked ~ label[for*='5']:after{
  transform: rotate(0deg);
}

#toggle1:checked ~ #content1,
#toggle2:checked ~ #content2,
#toggle3:checked ~ #content3,
#toggle4:checked ~ #content4,
#toggle5:checked ~ #content5{
  height: 88px;
}

.togglebox p {
  margin: 15px 0;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.5;
}