/*
Theme Name: diver_child
Template: diver
Description:  Diverの子テーマです。
Theme URI: http://tan-taka.com/diver/
Author: Takato Takagi
*/

/* カスタマイズする場合にはこれより下に追記してください  */

/* FAQのスタイル */
.faq-body {
	background-color: #f3f5f7;
}

.faq-body .faq-logo {
	margin-bottom: 0;
	border-bottom: 1px solid #000;
	background-color: #fff;
}

.faq-search {
	margin-bottom: 20px;
	padding: 5px 0;
	background-color: #fff;
   border-bottom: 1px solid #000;
}

.searchitem {
	display: flex;
   max-width: 80%;
   margin: 0 auto;
}

.searchitem #testSearchInput {
	width: 90%;
	border: none;
   background-color: #fff;
}

.faq_h2 {
	max-width: 80%;
	margin: 0 auto 10px;
	padding: 0;
	font-size: 20px;
	padding: 0;
	border-bottom: 1px solid #000;
	background-color: #f3f5f7;
}

.ewd-ufaq-faq-list:nth-child(5), .ewd-ufaq-faq-list:nth-child(8), .faq-s-result {
	max-width: 80%;
	margin: 0 auto 40px;
	padding: 10px 40px;
	border: 1px solid #DADFE3;
	border-radius: 6px;
	background-color: #fff;
}

.ewd-ufaq-faqs {
	display: flex;
	flex-wrap: wrap;
}

.ewd-ufaq-faq-category {
	width: 50%;
}

.ewd-ufaq-faq-category .ewd-ufaq-faq-category-inner {
	margin-bottom: 0;
}

.ewd-ufaq-faq-title a {
	display: flex;
	align-items: center;
}

.ewd-ufaq-post-margin-symbol::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(https://sakesen-brog.com/wp-content/uploads/2022/10/d1a6445d07558b8cac32ce7f5341b284.png);
	background-size: contain;
	vertical-align: middle;
}

.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol.ewd-ufaq- span {
	display: none;
}


.faq-footer {
	padding: 20px 30px;
	text-align: center;
	background-color: #222831;
}

.faq-footer p a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/*解答ページ*/
#single-main.fapa-main {
	max-width: 80%;
	margin: 0 auto 30px;
	padding: 10px 40px;
	border: 1px solid #DADFE3;
	border-radius: 6px;
	background-color: #fff;
	float: unset;
	word-wrap: break-word;
}

.faq-bread {
	display: flex;
	margin: 5px 0 0;
}

.fapa-main .post-meta {
	border-bottom: 1px solid #dcdcdc;
}

#single-main .ewd-ufaq-post-margin-symbol::before {
	content: none;
}

/*検索ページ*/
.faq-s-result h2 {
	margin: 0 0 20px;
   border-bottom: 1px solid #000;
}

.faq-s-result ul {
	word-wrap: break-word;
}

.faq-s-result li {
	padding: 16px 10px;
   border-bottom: 1px solid #ebeef0;
}

.faq-s-result li a {
	font-weight: bold;
}

.faq-s-result li p {
	font-size: 14px;
   color: #6f7c87;
   margin: 0;
}

@media (max-width: 720px) {
	#ewd-ufaq-jquery-ajax-search {
		display: flex;
		align-items: center;
	max-width: 90%;
	margin: 0 auto 30px;
	border-bottom: 1px solid #DADFE3;
}
	
	.ewd-ufaq-field-label {
		flex: 0 0 auto;
	}
	
	.search-field {
	width: 90%;
}
	
	
.faq_h2 {
	max-width: 90%;
}
	
	.ewd-ufaq-faq-list:nth-child(5), .ewd-ufaq-faq-list:nth-child(8), .faq-s-result {
		max-width: 90%;
		padding: 10px 20px;
	}
	
	.ewd-ufaq-faqs {
	display: block;
}
	
	.ewd-ufaq-faq-category {
	width: 100%;
}
	
	.faq-body #single-main.fapa-main {
		margin: 0 auto 30px !important;
	}
	
	.fapa-main header {
		padding: 10px;
		padding-top: 0;
	}
	
	.faq-body .hentry .post-meta {
		padding: 0px;
	}
	
	.fapa-main .ewd-ufaq-faq-body {
		padding: 10px;
	}
	
	/*解答ページ*/
#single-main.fapa-main {
	max-width: 90%;
}
}