.accordion input {
	display: none;
}
.accordion label {
	position: relative;
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.accordion label::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.accordion div {
	position: relative;
	height: 0;
	overflow: hidden;
	box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
	transition: height .2s ease-in-out;
}
.accordion input:checked + label::after {
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.accordion input:checked ~ div {
	height: 500px;
	border-bottom: 1px solid #ccc;
}