/* =================================
	anaie comment CSS
================================= */

/*	comment
============================== */



section.hidebox {
	overflow:hidden;
	margin-bottom: 5px;
}
section.hidebox h4.hide-btn {
	position:relative;
	/* border-bottom:2px solid #fff; */
	/* text-shadow:0 2px 2px #000; */
	padding: 0.5em 3.5em 0.5em 1.1em;
	box-sizing: border-box;
}
h4:before {
	content: "";
	margin-right: 0;
}
section.hidebox:nth-child(odd) h4.hide-btn {
	color:hsla(0,0%,100%,1);
	background-color: #59c1c6;
}
section.hidebox:nth-child(even) h4.hide-btn {
	color:hsla(0,0%,100%,1);
	/* background-color:#a51c4c; */
}
section.hidebox h4.hide-btn span {
	/* display:block; */
	/* cursor:pointer; */
	line-height:1.5;
	/* border-left:8px solid #7b1700; */
}
section.hidebox h4.hide-btn span:before {
	position:absolute;
	content:"";
	display:block;
	width:22px;
	height:22px;
	right:10px;
	margin-right: 0.5em;
	top:50%;
	background-image:url(../img/accordion.svg);
	background-repeat:no-repeat;
	margin-top:-10px;
}
section.hidebox h4.hide-on span:before {
	background-position:0 -50px;
}
section.hidebox h4.hide-off span:before {
	background-position:left top;
}
section.hidebox div.hide-inner {
	padding: 15px 0;
	/* background-color:#fff4de; */
}
section.hidebox div.hide-inner h2 {
	line-height:1.5;
	margin-bottom:0.5em;
	color:#c20070;
}
section.hidebox div.hide-inner p {
	/* line-height:1.5; */
}
section.hidebox div.hide-inner p:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
article.comment {
	margin: 0 -90px 40px;
}
section.hidebox h4, section.hidebox p {
	margin: 0;
	font-size: 120%;
}
}
@media all and (max-width: 767px) {
article.comment {
	margin-bottom:15px;
}
section.hidebox h4 {
	border-radius: 15px 0px 0px 15px;
	font-weight: normal;
	font-size: 87.5%;
}
}