@charset "utf-8";
/* CSS Document */

.accordionbox{width:100%; margin: 0 auto;}
.accordionlist dt{display:block; padding: 10px 0 5px 60px; margin:15px 0 0 0; border:1px solid #CCC; background: url(../images/icon_q.png) no-repeat 5px 35% rgba(255, 255, 255, 0.7); font-size: 15px; font-weight: bold; cursor: pointer;}
.accordionlist dt .title{float: left;}
.accordionlist dd{display:none; padding:15px 10px 20px 55px; background: url(../images/icon_a.png) no-repeat 5px 17px rgba(255, 255, 255, 0.7);; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.accordion_icon,
.accordion_icon span {display: inline-block; transition: 0.3s; box-sizing: border-box;}
.accordion_icon {position: relative; width: 20px; height: 20px; float: right; padding: 0; margin:5px;}
.accordion_icon span {position: absolute; left: 0; width: 80%; height:2px; background-color: #e10f94;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 5px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 5px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}


/* smartPhone */
@media screen and (max-width: 640px) {
.accordionlist dt{ padding: 10px 0 5px 30px; background-position: 5px 35%; background-size: 18px; font-size: 13px; line-height: 1.5em;}
.accordionlist dt .title{width: 85%;}
.accordion_icon span {width: 80%; margin:0;}
.accordionlist dd{ padding:10px 10px 10px 30px; background-size: 18px;}



}