.voice_read{
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: block;
  font-size: 230%;
  line-height: 1.8em;
    text-align: center;
  padding: 0 0 60px;
  color:#444;
 }
 
#voicelist2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#voicelist2 { display: inline-block; }
/*\*/
* html #voicelist2{height:1%;}
#voicelist2{display:block;
margin-left:-30px;
margin-bottom:20px;

}

#voicelist2 li{
	width:300px;
	float:left;
	display:inline;
	background:#fff;
	margin-bottom:20px;
	margin-left:30px;
}

#voicelist2 li .inner{
	border:4px solid #666;
	padding:0 20px;
	display:block;
	font-size:85%;
	line-height:1.8em;
	height:260px;
	overflow:hidden;
}

#voicelist2 li .inner .detail{
	font-weight:bold;
	color:#666;
	font-size:136%;
	display:block;
	margin-bottom:20px;
	padding-top:20px;
}

#voicelist2 li .inner .txt{
	display:block;
	margin-bottom:20px;
}

#voicelist2 li a{
	background:#666;
	display:block;
	padding:10px;
	text-decoration:none;
	color:#fff;
	text-align:center;
}
#voicelist2 li a:hover{
	background:#333;
}


#voicelist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#voicelist { display: inline-block; }
/*\*/
* html #voicelist{height:1%;}
#voicelist{display:block;
margin-left:-30px;
margin-bottom:20px;

}

#voicelist li{
	width:450px;
	float:left;
	display:inline;
	background:#fff;
	margin-bottom:20px;
	margin-left:40px;

	box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
#voicelist li .inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#voicelist li .inner{ display: inline-block; }
/*\*/
* html #voicelist li .inner{height:1%;}
#voicelist li .inner{display:block;
}

#voicelist li .inner{
	position:relative;
	padding:45px 20px 20px 20px;
	display:block;
	border:1px solid #eee;
	font-size:85%;
	line-height:1.8em;
}

#voicelist li .inner .float_r{
	float:right;
	display:inline;
	margin-left:15px;
	margin-bottom:10px;
}
#voicelist li .inner .detail{
	background:#666;
	line-height:1em;
	padding:7px 10px 5px;
	color:#fff;
	position:absolute;
	top:10px;
	left:0;
}
#voicelist li .inner span.txt{
	overflow:hidden;
}
.prevnext{
	clear:both;
	text-align:center;
	font-size:92%;
	margin:10px 0 40px;
}
.prevnext a{
	color:#666;
	text-decoration:none;
}
.prevnext a:hover{
	color:#a40000;
	text-decoration:underline;
}
@media screen and (max-width: 767px) {
	img{
		max-width: 100%;
		height: auto;
	}
	#voicelist{
		width: 100%;
		float: none;
		display: block;
		margin-left: 0;
	}

	#voicelist li{
		margin-left: 0;
		width: 100%;
	}
	.voice_read{
	  font-size: 136%;
	  padding: 0px 0px 60px;
		margin-top:-20px;
	  color:#444;
	 }
	#voicelist2{
		width: 100%;
		float: none;
		display: block;
		margin-left: 0;
	}
	#voicelist2 li{
			margin-left: 0;
			width: 100%;
	}

}