/* =================================
	ANASORE Intro CSS
================================= */

/*	copy
============================== */

div.catch-copy p {
	text-align:center;
	font-weight:bold;
	line-height:1.75;
	margin-bottom:1.5em;
}
p.txt {
	text-align: justify;
	text-justify: distribute;
	line-height:1.5;
}
p.txt:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
div.catch-copy p {
	/*font-size:87.5%;*/
	font-size:100%;
}
p.txt {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.catch-copy p {
	font-size:83%;
}
p.txt {
	font-size:83%;
}
}

/*	pictures
============================== */

div.intro-main span, div.intro-clean span {
	display:block;
	background-repeat:no-repeat;
}
div.intro-main span {
	background-position:center top;
}
div.intro-clean span {
	display:block;
	background-position:center bottom;
}
@media all and (min-width: 768px) {
div.intro-main{
	width:588px;
	margin:0 auto 30px;
}
div.intro-main span img {
	width:588px;
	height:368px;
}

}
@media all and (max-width: 767px) {
div.intro-main, div.intro-clean {
	width:270px;
	margin:0 auto 15px;
}
div.intro-main span{
	background-size:270px 169px;
}
div.intro-main span img {
	width:270px;
	height:169px;
}
}


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

.comment{
	margin: 30px 0 0;
}

article.comment h2 {
	font-size:100%;
	color:#8c272b;
	/*text-shadow:0 2px 2px #000;*/
	line-height:1.5;
	background-image:url(../img/repo_bg.jpg);
	padding:0.5em;
	/*border-bottom:2px solid #fff;*/
	text-align: center;
	margin: 0 0 1em;
}
section.hidebox {
	overflow:hidden;

}
section.hidebox h3.hide-btn {
	position:relative;
	/*border-bottom:2px solid #fff;*/
}
section.hidebox:nth-child(odd) h3.hide-btn {
	color:#8c272b;
	/*background-color:#fcf8d8;*/
}
section.hidebox:nth-child(even) h3.hide-btn {
	color:#8c272b;
	/*background-color:#fcf8d8;*/
}
section.hidebox h3.hide-btn span {
	display:block;
	/*cursor:pointer;*/
	line-height:1.5;
	padding:11px 10px;
	font-size: 110%;
	border-left:8px solid #7b1700;
}
/*section.hidebox h3.hide-btn span:before {
	position:absolute;
	content:"";
	display:block;
	width:22px;
	height:22px;
	right:10px;
	top:50%;
	background-image:url(../img/accordion.svg);
	background-repeat:no-repeat;
	margin-top:-10px;
}*/
section.hidebox h3.hide-on span:before {
	background-position:0 -50px;
}
section.hidebox h3.hide-off span:before {
	background-position:left top;
}
section.hidebox div.hide-inner {
	padding:15px;
}
section.hidebox div.hide-inner p {
	line-height:1.5;
}
@media all and (min-width: 768px) {
section.hidebox h3, section.hidebox p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.hidebox h3, section.hidebox p {
	font-size:83%;
}
}