/*================================================
		お客様の声　カテゴリ検索テンプレート
================================================*/
body.post-type-archive-voice .voice_lead,
body.page-template-page-voice_category .voice_lead {
	text-align: center;
}
body.post-type-archive-voice .voice-category,
body.page-template-page-voice_category .voice-category {
	width: 100%;
	margin: 30px 0;
	border: solid 1px #27456a;
}
body.post-type-archive-voice .voice-category .list_title,
body.page-template-page-voice_category .voice-category .list_title {
	margin: 0;
	padding: 10px 0 10px 15px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #27456a;
}
body.post-type-archive-voice .voice-category .category-list,
body.page-template-page-voice_category .voice-category .category-list {
	width: 98%;
	margin: 10px auto;
	padding: 0;
	font-size: 0; /* safariでのinline-blockの並び */
}
body.post-type-archive-voice .voice-category .category-list li,
body.page-template-page-voice_category .voice-category .category-list li {
	display: inline-block;
	margin: 0 2px;
	font-size: 14px; /* safariでのinline-blockの並び */
	line-height: 1.7;
	border: solid 1px  #27456a;
	border-radius: 14.5px;
	overflow: hidden;
	box-sizing: border-box;
}
body.post-type-archive-voice .voice-category .category-list li a,
body.page-template-page-voice_category .voice-category .category-list li a {
	color: #3b3b3b;
	font-size: 15px;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1px 20px;
	text-decoration: none;
}
body.post-type-archive-voice .voice-category .category-list li:hover,
body.page-template-page-voice_category .voice-category .category-list li:hover {
	background-color: #27456a;
}
body.post-type-archive-voice .voice-category .category-list li:hover a,
body.page-template-page-voice_category .voice-category .category-list li:hover a {
	color: #fff;
}
body.post-type-archive-voice .voice-category .category-list li.current,
body.page-template-page-voice_category .voice-category .category-list li.current {
	display: inline-block;
	border-radius: 15.5px;
	background-color: #27456a;
}
body.post-type-archive-voice .voice-category .category-list li.current a,
body.page-template-page-voice_category .voice-category .category-list li.current a {
	pointer-events: none;
	color: #fff;
}
body.post-type-archive-voice .category_title,
body.page-template-page-voice_category .category_title {
	padding-bottom: 10px;
	color: #27456a;
	font-weight: bold;
	border-bottom: solid 1px #000;
}
body.post-type-archive-voice .worklist li.is-hidden,
body.page-template-page-voice_category .worklist li.is-hidden {
		display: none;
		opacity: 0;
		height: 0;
		margin: 0;
}
body.post-type-archive-voice .more,
body.page-template-page-voice_category .more {
		text-align: center;
		margin-top: 20px;
}
body.post-type-archive-voice .more button,
body.page-template-page-voice_category .more button {
		background-color: #fff;
		border: none;
		cursor: pointer;
		outline: none;
		margin: 40px 0 0;
		padding: 10px 115px;
		line-height: 32px;
		border: 1px solid #213b60;
}
body.post-type-archive-voice .more button:hover,
body.page-template-page-voice_category .more button:hover {
		background-color: #213b60;
		color: #fff;
}

@media screen and (max-width: 680px){
	body.page-template-page-voice_category .top-catch {padding: 10px;}
	body.page-template-page-voice_category .top-catch img {display: block;margin: 0 auto 10px;float: none;}
	body.page-template-page-voice_category ul.worklist, ul.worklist.worklist-price{display: block;}
	body.page-template-page-voice_category ul.worklist li, ul.worklist.worklist-price li {display: block;width: 100%;float: none;margin: 0 0 20px;}
	body.page-template-page-voice_category ul.worklist li img, ul.worklist.worklist-price li img {width: 100%;height: auto;}
	body.post-type-archive-voice #work-list li.is-hidden,
	body.page-template-page-voice_category #work-list li.is-hidden{
		display: none;
	}
}