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

/* ロゴ */
#st-icon-logo img {
	max-width: 100px;
	margin: 0;
	width:100%;
}

/* ヘッダーカード */
.hd-card{
	font-size: 14px;
}

/* フォント */
/* サイトttl */
.header-ttl{
	color: #fff;
	font-size: 20px;
}
.site-ttl{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
	font-weight: bold;
}
.fs-18{
	font-size: 18px !important;
}
.fs-20{
	font-size: 20px !important;
}
.fs-26{
	font-size: 26px !important;
}
/* 赤 */
.fc-1{
	color: #E94608;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
}

/* トップ */
.st-header-flexbox p{
	color: #fff;
}
.news-ca{
	font-size: 15px;
	font-weight: bold;
}
.flow .st-header-flexwrap::after{
	content: '';
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	background: inherit;
	filter: brightness(0.7);
	z-index: -1;
}

/* 新築内覧会（竣工検査）当日の流れ */
.table_01 th{
	font-size: 18px;
	width: 20%;
	background: #F3F3F3;
}

/* 事務所概要 */
.table_02 th{
	font-size: 18px;
	width: 25%;
	background: #F3F3F3;
}


/* フォーム */
.important-box{
	border: solid 1px #666;
	height: 200px;
	overflow-y: scroll;
	padding: 1em;
}
.contact-form th{
	text-align: left;
	width: 30%;
}
.contact-form td{
	width: 70%;
}
.wpcf7-free-text{
	width: unset !important;
}
.must::before{
	content: "必須";
	background: #E9460C;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
	font-weight: normal;
	margin-right: .5em;
	padding: 3px 5px;
}
.any::before{
	content: "任意";
	background: #c1c1c1;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
	font-weight: normal;
	margin-right: .5em;
	padding: 3px 5px;
}
.submit-btn input{
	background: #E9460C;
    color: #fff;
    border: unset;
}

/* 幅設定 */
.w_20{
	width: 20% !important;
}
.w_30{
	width: 30% !important;
}


/* フッター */
.st-formbtn{
	color: #fff !important;
}
.grecaptcha-badge{left:6px!important;width:70px!important;}
.grecaptcha-badge:hover{left:6px!important;width:256px!important;}


/*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) {
	/* 	スマホ のみtel有効*/
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

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

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	.flow .st-header-flexwrap{
	margin-bottom: 10px !important;
}
	.table_01 th,.table_01 td,.table_02 th,.table_02 td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	/* キャプションレスポンシブ */
.table_01 .wp-caption{
	max-width: 100%;
	width: 100% !important;
}
	.contact-form th,.contact-form td{
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.contact-form thead th, .contact-form thead td{
		position: unset;
	}
	.contact-form .w_20{
	width: 50% !important;
	}
	.contact-form .w_30{
		width: 100% !important;
	}

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