@charset "UTF-8";
/* [accordion.css] */
.accordion {
	width:100%;
}
.accordion li {
}
.accordion section {
	border-bottom:solid 1px #eee;
	vertical-align:middle;
}
/* accordion-icon */
.accordion .aco-button {
	margin-left:10px;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	vertical-align:middle;
}
.accordion .aco-button:hover {
	transform:scale(1.1);
}
.accordion .aco-button:hover .aco-icon span {
	background-color:#003f8e;
}
.accordion .aco-icon {
	position:relative;
	width:45px;
	height:45px;
}
.accordion .aco-icon span {
	position:absolute;
	display:block;
	width:35px;
	height:5px;
	background-color:rgba(0,255,255,0.9);
	left:5px;
	transition:all 0.3s ease;
}
.accordion .aco-icon .aco-bar1 {
	top:20px;
	transform:rotate(0deg);
}
.accordion .aco-icon .aco-bar2 {
	top:20px;
	transform:rotate(90deg);
}
.accordion .aco-icon .aco-bar1.open {
	top:20px;
	transform:rotate(45deg);
}
.accordion .aco-icon .aco-bar2.open {
	top:20px;
	transform:rotate(-45deg);
}
/* accordion-title */
.accordion .aco-title {
	display:inline-block;
	font-size:14px;
	color:rgba(0,191,255,1.0);
	vertical-align:middle;
}
/* accordion-box */
.accordion .aco-box {
	display:none;
}
@media (min-width:320px) {
.accordion .aco-title {
	font-size:20px;
}
}