/* =================================
	NIGEHAJI 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%;
}
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, div.intro-clean {
	width:300px;
	margin:0 auto 30px;
}
div.intro-main span img {
	width:300px;
	height:486px;
}
div.intro-clean span img {
	width:300px;
	height:204px;
}
}
@media all and (max-width: 767px) {
div.intro-main, div.intro-clean {
	width:220px;
	margin:0 auto 15px;
}
div.intro-main span,
div.intro-clean span {
	background-size:220px 521px;
}
div.intro-main span img {
	width:220px;
	height:372px;
}
div.intro-clean span img {
	width:220px;
	height:150px;
}
}


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

article.comment h2 {
	font-size:87.5%;
	color:#fff;
	text-shadow:0 2px 2px #000;
	line-height:1.5;
	background-color:#7b1700;
	padding:0.5em;
	border-bottom:2px solid #fff;
}
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:#663022;
	background-color:#eaccb8;
}
section.hidebox:nth-child(even) h3.hide-btn {
	color:#661833;
	background-color:#eab8c0;
}
section.hidebox h3.hide-btn span {
	display:block;
	cursor:pointer;
	line-height:1.5;
	padding:11px 7px;
	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%;
}
}