@charset "utf-8";

/*************************************************
 * Description: 【トップ】お客様のご感想
 * Package: voice
 * Author: Japan Electronic Industrial Arts Co.Ltd.
 * Update: 2017/11/
 * Notes: 
*************************************************/
#block_voice {
}
#block_voice .section_head {
}
#block_voice .section_body {
}
#block_voice .section_foot {
}

/* テキストリンクカラー 
#block_voice a:link,
#block_voice a:visited {
	color: inherit;
}
#block_voice a:hover {
	text-decoration: none;
}
*/


/* ==============================================
 * .voice_layout & .ecp_scroll_slider
=============================================== */
@media ( max-width: 767px ) {
	#block_voice .ecp_scroll_slider {
		padding: 0 30px;
		padding: 0;
	}
	#block_voice .voice_layout {
		white-space: nowrap;
		overflow-x: hidden;/*scroll;*/
		overflow-y: hidden;
		font-size: 12px;
	}
	#block_voice .voice_layout > ul {
		white-space: normal;
		display: flex;
		justify-content: flex-start;
		flex-flow: row nowrap;
	}
	#block_voice .voice_layout li.item {
		flex: 0 0 auto;
		width: calc(100% / 3);
	}
	#block_voice .voice_layout li.item + li {
		border-left: solid 1px #DCD5C2;
	}
	#block_voice .voice_layout li {
		padding: 0 10px;
		box-sizing: border-box;
	}
}
@media ( min-width: 768px ) {
	#block_voice .ecp_scroll_slider {
		padding: 0 60px;
	}
	#block_voice .voice_layout {
		white-space: nowrap;
		overflow-x: hidden;/*scroll;*/
		overflow-y: hidden;
	}
	#block_voice .voice_layout > ul {
		white-space: normal;
		display: flex;
		justify-content: flex-start;
		flex-flow: row nowrap;
	}
	#block_voice .voice_layout li.item {
		flex: 0 0 auto;
		width: calc(100% / 5);
	}
	#block_voice .voice_layout li.item + li {
		border-left: solid 1px #DCD5C2;
	}
	#block_voice .voice_layout li {
		padding:  10px 30px 20px;
		box-sizing: border-box;
	}
}
@media ( min-width: 1280px ) {
	#block_voice .ecp_scroll_slider {
		padding: 0 70px;
	}
	#block_voice .voice_layout li.item {
		width: calc(100% / 5);
	}
	#block_voice .voice_layout li {
		padding: 30px 50px 40px;
		box-sizing: border-box;
	}
}


/* ==============================================
 * .voice_list
=============================================== */
#block_voice .voice_list {
}
#block_voice .voice_list li.item > a {
	display: block;
}
#block_voice .voice_list .pic {
	border: solid 4px #DAD2BE;
	border-radius: 50%;
	max-width: 150px;
	overflow: hidden;
	margin: 0 auto;
	transition: .3s;
}
#block_voice .voice_list a:hover .pic {
	opacity: 0.8;
}
#block_voice .voice_list .pic img {
	width: 100%;
	height: auto;
}
#block_voice .voice_list h3 {
	font-size: 13px;
	font-weight: normal;
	color: #887453;
	text-align: center;
	margin: 0.7em 0 1.2em;
}
#block_voice .voice_list .text {
	font-size: 13px;
	line-height: 1.67;
}


/*
@media ( max-width: 767px ) {
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
}
@media ( min-width: 980px ) {
}
*/