/* =============================================================
   voice.css
 ============================================================ */

 .kv_wrap {
	background:#e1d7a8;
}
.kv_img {
	position:relative;
}
.kv_txt {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
.kv_catch {
	font-size:22px;
	padding:30px 0;
	line-height:1.5;
	text-align:center;
}
.img-responsive100 {
    width: 100%;
}
@media (max-width: 768px) {
	.kv_catch {
		display:none;
	}
	main {
		margin-top: 44px;
	}
}

img {
	max-width:100%;
	height:auto;
}
.inner {
	width:1000px;
	margin:auto;
	overflow:hidden;
	*zoom:1;
}
a {
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#000;
}
.post {
	width:100%;
	}
	.case-number {
		color:#ec3a48;
		font-size:36px;
		background:url(../img/voice/heart.png) no-repeat left top;
		background-size:80px 66px;
		padding:8px 0 7px 90px;
	}

@media (max-width: 768px) {
	.case-number {
		color:#df7fb0;
	}
}

.archive {
	margin-top:30px;
	overflow:hidden;
	*zoom:1;
}
.archive:first-child {
	margin-top:60px;
}
.archive a {
	display:block;
	position:relative;
}
.archive .thumb {
	position:absolute;
	left:0;
	top:0;
	width:200px;
	min-height:200px;
	background:#fff;
}
.archive .thumb img {
	width:100%;
	height:auto;
}
.archive .title {
	margin-left:220px;
}
.archive .title h2 {
	margin:0;
	color:#67af5b;
	line-height:1.25;
	font-size:36px;
	font-weight:bold;
}
.archive .title h2 br {
	display:none;
}
.archive .catch {
	position:relative;
	font-size:24px;
	line-height:1.6666;
	margin-left:220px;
	width: 600px;
}
.archive .catch .more-wrap {
	display:inline-block;
}
.archive .catch .more {
	display:inline-block;
	position:absolute;
	bottom:0;
	padding:5px 20px;
	line-height:1;
	color:#e60012;
	border:2px solid #e60012;
	background:#fff;
	font-size:18px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-transition:all,.3s,ease,.3s;-o-transition:all,.3s,ease,.3s;-webkit-transition:all,.3s,ease,.3s;transition:all,.3s,ease,.3s;
	right: -170px;
}
.archive .catch .more::before {
	content:'＞';
}
.archive .catch .more:hover {
	color:#fff;
    background:#e60012;
}


@media (max-width: 768px) {
	.archive .thumb {
		position:relative;
		float:left;
        width:130px;
		min-height:130px;
	}
	.archive .title {
		margin-left:0;
		margin-bottom:15px;
	}
	.archive .title h2 {
		font-size:30px;
	}
	.archive .title h2 br {
		display:inline;
	}
	.archive .catch {
		margin-left:140px;
		font-size:18px;
		width: auto;
	}
	.archive .catch .more-wrap {
		display:block;
		text-align:right;
		margin-top:5px;
	}
	.archive .catch .more {
		position:relative;
		color:#fff;
		background:#e60012;
		right: 10px;
	}
}

.single {
	margin-top:60px;
}
.single .case-number {
	margin-left:50px;
}
.single .title {
	padding:10px 0;
	background:#e1d7a8;
}
.single .title h1 {
	color:#67af5b;
	line-height:1.25;
	font-size:48px;
	font-weight:bold;
}
.single .title h1 br {
	display:none;
}
.single .article-wrap {
	overflow:hidden;
	*zoom:1;
	padding-top:45px;
}
.single .article-wrap .thumb {
	width:250px;
	float:left;
	min-height:250px;
	background:#eee;
}
.single .article-wrap .thumb img {
	width:100%;
	height:auto;
}
.single .article-wrap .text {
	margin-left:280px;
	font-size:24px;
	line-height:1.6666;
}
.single .article-wrap .text p {
	margin-top:30px;
}
.single .article-wrap .text p:first-child {
	margin-top:0;
}
.single .article-wrap .counselor {
	margin-left:280px;
}
.single .article-wrap .counselor h3 {
	margin:10px 0 0;
	font-size:36px;
	text-align:center;
	color:#ec3a48;
}
.single .article-wrap .counselor p {
	margin-top:10px;
	color:#df7fb0;
	font-size:24px;
	line-height:1.6666;
	text-align:center;
}

@media (max-width: 768px) {
	.single {
		margin-top:10px;
	}
	.single .case-number {
		margin-left:0;
	}
	.single .title {
		background:transparent;
		padding:0;
	}
	.single .title h1 {
		font-size:30px;
		line-height:1.5;
	}
	.single .title h1 br {
		display:inline;
	}
	.single .article-wrap {
		padding-top:10px;
	}
	.single .article-wrap .thumb {
		float:none;
	}.single .article-wrap .text {
		margin:15px 0 0;
		font-size:18px;
	}
	.single .article-wrap .counselor {
		margin-left:0;
	}
	.single .article-wrap .counselor p {
		font-size:18px;
		text-align:left;
	}
	.single .article-wrap .counselor p br {
		display:none;
	}
}

.hr {
	margin-top:30px;
	text-align:center;
}
.post {
	padding-bottom:60px;
}
.pagination {
    display:inline-block;
	width:1000px;
	margin:0 auto 60px;
	position:relative;
	border-top:2px solid #e1d7a8;
	border-bottom:2px solid #e1d7a8;
	padding:15px 0;
    text-align:center;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;  
}
.pagination a {
    color:#e71f19;
	border:2px solid #e71f19;
	padding:2px 40px;
    font-size:18px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-transition:all,.3s,ease,.3s;-o-transition:all,.3s,ease,.3s;-webkit-transition:all,.3s,ease,.3s;transition:all,.3s,ease,.3s;
}
.pagination a:hover {
	color:#fff;
	background:#e71f19;
}
.pagination .next {
	position:absolute;
	right:0;top:15px;
}
.pagination .next a::after {
	content:'＞';
	margin-left:.25em;
}
.pagination .prev {
	position:absolute;
	left:0;
	top:15px;
}
.pagination .prev a::before {
	content:'＜';
	margin-right:.25em;
}

@media (max-width: 768px) {
	.pagination {
		width:100%;
	}
	.pagination a {
		font-size:13px;
		padding:5px 10px;
	}
}

@media (max-width: 768px) {
	.kv_txt {
        max-width:182px;
    }
	.inner {
        width:100%;
        padding:0 15px;
    }
	.post,.archive {
        float:none;
        width:100%;
    }
}