/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/

/* 参加企業一覧 clients */
.company_list table tr th { background-color:#e3f0fb; color:#424242; padding:3px; font-weight: bold; }
.company_list table tr:first-child th { background-color:#325776; color:#fff; }
.company_list table tr td { padding:3px 10px; }

.btn { text-align:center; }
.btn input { box-sizing: border-box; width: auto!important; display: inline-block; margin: 20px 10px!important; background-color:#ddd; border:solid 1px #ccc; }
.custom-wpcf7c-confirmed input { background-color: #fff!important; border:none!important;}
.custom-wpcf7c-confirmed .btn input { background-color: #ddd!important; border:1px solid #ccc!important;}
.custom-wpcf7c-confirmed .wpcf7c-conf { background-color: #fff; border: none; }
.custom-wpcf7c-confirmed .field input { background-color: #fff; border: none; }

/* よくある質問 p削除 */
.faq_acc > li label + p {
	display: none;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

	/* よくある質問 */
	.faq_acc > li {
		list-style-type: none;
		border: 1px solid #babaac;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 12px;
	}
	.faq_acc > li label {
		display: block;
		position: relative;
		font-size: 18px;
		letter-spacing: 0.1em;
		color: #555;
		padding: 20px 20px 20px 60px;
	}
	.faq_acc > li label::before {
		content: 'Q';
		font-family: Arial;
		font-size: 1.8em;
		color: #a10c28;
		position: absolute;
		left: 20px;
	}
	.faq_acc > li label::after {
		font-size: 2em;
		line-height: 1.8;
		letter-spacing: 0;
		color: #d9788c;
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 2em;
		height: 2em;
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		text-align: center;
	}
	.faq_acc > li input[type=checkbox]:checked + label {
		margin-bottom: 12px;
	}
	.faq_acc > li input[type=checkbox] + label::after {
		content: '+';
	}
	.faq_acc > li input[type=checkbox]:checked + label::after {
		color: #A1A1A1;
		transform-origin : bottom 50%;
		transform: rotateZ(225deg);
	}
	.faq_acc > li .acctab_content {
		overflow: hidden;
		height: 0;
		transition: 0.35s;
		margin: 0 20px;
		padding: 0 20px;
	}
	.faq_acc > li .acctab_content p {
		margin: 0;
		padding: 0 8px 0 40px;
		line-height: 2em;
	}
	.post ul.faq_acc > li p {
		font-size: 16px;
	}
	.faq_acc > li input {
		display: none;
	}
	.faq_acc > li input:checked ~ .acctab_content {
		height: auto;
		padding: 20px;
		border-top: 1px dotted #babaac;
	}
	/* FAQだけリセット */
	.post ul.faq_acc li {
		padding-bottom: 12px;
	}

	/* 記事タイトル */
	h1.entry-title:not(.st-css-no2),
	.post h1.entry-title:not(.st-css-no2) {
		font-size: 30px;
		font-weight: normal !important;
		margin-top: 48px;
		margin-bottom: 48px !important;
		margin-left: 16px;
		letter-spacing: 0.08em;
		color: #555;
	}
	.post .entry-title:not(.st-css-no)::before {
		position: absolute;
		margin-left: -36px;
		top: 50%;
		width: 24px;
		height: 4px;
		content: '';
		background-color: #a10c28;
		box-shadow: 1px 1px 2px rgba(0,0,0,.5) inset;
	}

	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	/* 参加企業一覧 clients */
	.company_list { overflow: hidden; }
	.company_list .company_left { width: 45%; float:left; margin:5px;}
	.company_list .company_right { width: 45%; float:left; margin: 5px;}

	/* 問い合わせフォーム */
	.contact-form { border-bottom: #ccc 1px dotted; padding: 20px 0 10px 0;}
	.contact-form .label { display: inline-block; width: 220px; margin: 0; padding : 15px; font-weight: bold; vertical-align: top;}
	.contact-form .field { display: inline-block; }
	.contact-form .hissu:after { content: '(必須)'; color:red; font-weight: normal;}

	/* 記事タイトル */
	h1.entry-title:not(.st-css-no2),
	.post h1.entry-title:not(.st-css-no2) {
	}
	.post .entry-title:not(.st-css-no)::before {
		margin-left: -86px;
		width:56px;
		height: 6px;
	}
	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	/* よくある質問 */
	.post ul.faq_acc:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
		padding: 0;
	}
	.faq_acc {
		border-bottom: 1px solid #babaac;
	}
	.faq_acc > li {
		list-style-type: none;
		border-top: 1px solid #babaac;
		margin-bottom: 0;
		padding: 8px 0;
	}
	.faq_acc > li label {
		display: block;
		position: relative;
		font-size: 18px;
		letter-spacing: 0.1em;
		color: #555;
		padding: 20px 40px 20px 40px;
	}
	.faq_acc > li label::before {
		content: 'Q';
		font-family: Arial;
		font-size: 1.8em;
		color: #a10c28;
		position: absolute;
		left: 4px;
	}
	.faq_acc > li label::after {
		font-size: 2em;
		line-height: 1.4;
		letter-spacing: 0;
		color: #d9788c;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 1.5em;
		height: 1.5em;
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		text-align: center;
		margin: auto;
	}
	.faq_acc > li input[type=checkbox]:checked + label {
	}
	.faq_acc > li input[type=checkbox] + label::after {
		content: '+';
	}
	.faq_acc > li input[type=checkbox]:checked + label::after {
		color: #A1A1A1;
		transform-origin : bottom 50%;
		transform: rotateZ(225deg);
	}
	.faq_acc > li .acctab_content {
		overflow: hidden;
		height: 0;
		transition: 0.35s;
		margin: 0 8px;
		padding: 0;
	}
	.faq_acc > li .acctab_content p {
		margin: 0;
		padding: 0;
		line-height: 2em;
	}
	.post ul.faq_acc > li p {
		font-size: 16px;
	}
	.faq_acc > li input {
		display: none;
	}
	.faq_acc > li input:checked ~ .acctab_content {
		height: auto;
		padding: 20px 0;
		border-top: 1px dotted #babaac;
	}
	/* FAQだけリセット */
	.post ul.faq_acc li {
		padding-top: 0;
		padding-bottom: 0px;
	}
	/* 記事タイトル */
	h1.entry-title:not(.st-css-no2),
	.post h1.entry-title:not(.st-css-no2) {
		font-weight: normal !important;
		margin-top: 20px;
		margin-bottom: 20px !important;
		letter-spacing: 0.08em;
		color: #555;
	}
	
	/*-- ここまで --*/
}