@charset "utf-8";


/*  */

.accbox{
	max-width: 600px;
	margin-left : auto;
	margin-right : auto;
	padding-left : 10px;
	padding-right : 10px;
}

.accbox label{
	display: block;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 20px;
	font-size : 20px;
	font-weight : normal;
	background-color : rgba(200, 50, 28, 0.1);
	text-align : left;
	transition: all 0.5s;
	border-radius: 5px;
	cursor :pointer;
}

@media screen and (max-width: 480px) {
.accbox label{
	display: block;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 20px;
	font-size : 16px;
	font-weight : normal;
	background-color : rgba(200, 50, 28, 0.1);
	text-align : left;
	transition: all 0.5s;
	border-radius: 5px;
	cursor :pointer;
}

}



.accbox label:hover{
	background-color : rgba(200, 50, 28, 0.3);
}


.accbox input{
	display: none;
}


.accbox .accshow{
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}


.cssacc:checked + .accshow{
	height: auto;
	padding: 20px;
	opacity: 1;
	text-align : left;
}

@media screen and (max-width: 480px) {
.cssacc:checked + .accshow{
	height: auto;
	padding-top : 20px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
	opacity: 1;
	text-align : left;
}

}




@media screen and (max-width: 768px) {

}


@media screen and (max-width: 480px) {

}