@charset "UTF-8";

/*****************************************************
　page-head　
*****************************************************/
.page-head{
	max-width:960px;
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.page-head .text{
	font-size:21px;
	line-height: 1.7em;
	margin:30px 0 50px;
}
/*****************************************************
　voicearea　
*****************************************************/
.voicearea-inner{
	max-width: 960px;
	width: 100%;
	margin:0 auto;
}
.none-voice{
	text-align: center;
	margin:50px 0;
}
.page-template-page-voice #voice2-area{
	border-top:dotted 2px #c2a780;
	margin:44px 0 100px;
	padding:56px 0 0;

}
.archive #voice-area,
.archive #voice2-area{
	margin:0 0 100px;
}

.voicepost-area{
	position:relative;
	overflow:hidden;
}
.voicepost-area .c-readmore-grad{
	background:url('../images/common/gurade_bg.png') no-repeat left bottom;
	background-size:100%;
	-webkit-background-size:100%;
	width: 100%;
	height: 50px;
	position:absolute;
	bottom: 0;
	left: 0;
	z-index:1;
	display:block;
}
.c-readmorebtn{
	font-size:20px;
	text-align: center;
}
.c-readmorebtn span{
	cursor:pointer;
}
/* voicepost
------------------------------------------------- */
.voicepost{
	border-radius:20px;
	border:4px solid #ccbfa2;
	background:url('../images/voice/voice_bg.png') repeat 0 0;
	/*padding:30px;*/
	margin:0 0 30px;
	padding:4.61%;
	color:#806134;
	position:relative;
}
.voicepost .suisen{
	position:absolute;
	top: 12px;
	left: 9px;
	z-index:1;
}
.voicepost .img{
	max-width: 165px;
	width: 27.96%;
	float: left;
	text-align: center;
}
.voicepost .img img{
	vertical-align:middle;
}
.voicepost .text{
	max-width: 383px;
	width: 64.91%;
	float: right;
}
.voicepost.noneimg .text{
	max-width: none;
	width: 100%;
	float: none;
}
.voicepost .text-head{
	border-bottom:dotted 2px #c2a780;
	margin:0 0 16px;
	padding:0 0 16px;
}
.voicepost.noneimg .text-head{
	padding:0 0 16px 90px;
}
.voicepost .position{
	font-size:16px;
	text-align: right;
}
.voicepost .name{
	font-size:20px;
	text-align: right;
}
.voicepost.noneimg .name{
	border-bottom:none;
}
.voicepost .text-contents{
	font-size:18px;
	line-height: 1.5em;
}
.voicepost .text-contents p{
	margin:0 0 10px;
}
/* voice2post
------------------------------------------------- */
.voice2post{
	border-radius:20px;
	border:4px solid #ccbfa2;
	background:url('../images/voice/voice_bg.png') repeat 0 0;
	margin:0 0 30px;
	padding:4.61%;
	color:#806134;
}
.voice2post .ttl{
	border-bottom:dotted 2px #c2a780;
	font-size:23px;
	font-weight:bold;
	line-height: 1.5em;
	margin:0 0 30px;
	padding:0 0 18px;
	color:#d4705b;
}
.voice2post .img{
	max-width: 165px;
	width: 27.96%;
	float: right;
	text-align: center;
	position:relative;
}
.voice2post .img img{
	vertical-align:middle;
}
.voice2post .img .proficon{
	background:url('../images/voice/womanbg.png') no-repeat center center;
	width: 64px;
	height: 65px;
	color:#fff;
	display:table;
	text-align: center;
	position:absolute;
	bottom: -24px;
	right: -5px;
}
.voice2post .img .proficon.man{
	background:url('../images/voice/manbg.png') no-repeat center center;
}
.voice2post .img .proficon span{
	display:table-cell;
	vertical-align:middle;
}
.voice2post .text-contents{
	max-width: 380px;
	width: 64.4%;
	float: left;
	font-size:18px;
	line-height: 1.5em;
}
.voice2post .text-contents p{
	margin:0 0 10px;
}
.voice2post .for-staff{
	border-radius:10px;
	background:url('../images/common/bg_brown.png') repeat 0 0;
	margin:35px 0 0;
	padding:20px;
}
.voice2post .for-staff .forstaff-img{
	max-width: 101px;
	width: 18.63%;
	float: left;
}
.voice2post .for-staff .forstaff-text{
	max-width: 408px;
	width: 75.27%;
	float: right;
	font-size:16px;
	line-height: 1.5em;
}

/*****************************************************
　voice-pager　
*****************************************************/
.voice-pager{
	text-align: center;
	margin:63px 0 0;
}
.voice-pager .prevpost,
.voice-pager .nextpost{
	display:inline-block;
}
.voice-pager .prevpost + .nextpost{
	border-left:2px solid #806134;
	margin:0 0 0 23px;
	padding:0 0 0 23px;
}
.voice-pager .prevpost img,
.voice-pager .nextpost img{
	vertical-align:middle;
}

@media screen and (max-width:960px){
	/*****************************************************
	　voicearea　
	*****************************************************/
	.voicearea-inner{
		max-width: 600px;
		padding:50px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media screen and (max-width:559px){
	/*****************************************************
	　page-head　
	*****************************************************/
	.page-head .text{
		font-size:18px;
	}
	#voice-area .page-head .text br{
		display:none;
	}
}

@media screen and (max-width:480px){
	/*****************************************************
	　voicearea　
	*****************************************************/
	/* voicepost
	------------------------------------------------- */
	.voicepost .img{
		max-width: none;
		width: 100%;
		float: none;
		margin:0 0 10px;
		padding:50px 0 0;
	}
	.voicepost .text{
		max-width: none;
		width: 100%;
		float: none;
	}
	.voicepost .text-head{
		min-height: 71px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.voicepost .suisen{
		top: 5px;
		left: 5px;
	}
	/* voice2post
	------------------------------------------------- */
	.voice2post .ttl{
		font-size:20px;
	}
	.voice2post .img{
		max-width: none;
		width: 100%;
		margin:0 0 10px;
		padding:10px 0 0;
		float: none;
	}
	.voice2post .img .proficon{
		top: -25px;
		bottom: auto;
	}
	.voice2post .text-contents{
		max-width: none;
		width: 100%;
		float: none;
	}
	.voice2post .for-staff{
		padding:10px;
	}
	.voice2post .for-staff .forstaff-img{
		width: 80px;
		padding:0 10px 0 0;
	}
	.voice2post .for-staff .forstaff-text{
		max-width: none;
		width: 100%;
		float: none;
	}
	/*****************************************************
	　voice-pager　
	*****************************************************/
	.voice-pager .prevpost,
	.voice-pager .nextpost{
		display:block;
	}
	.voice-pager .prevpost + .nextpost{
		border-left:none;
		margin:20px 0 0;
		padding:0;
	}
}