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


#sticky-contact {
	position: fixed;
	right: 11px;
	bottom: 11px;
	padding: 20px 30px;
	font-size:24px;
	color: #fff;
	background: #ff8c00;
	text-decoration: none;
	border: 5px double #fff;
	z-index:10000;
	border-radius: 40px;
}
#st-footermenubox{
	bottom:0!important;
}
#st-footermenubox ul.menu li{
	line-height:3;
}
#st-footermenubox ul.menu li .fa{
	margin-right:0.25em;
}


/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/




@media only screen and (max-width: 959px) {
	#footer {
	    margin-bottom: 100px;
	}
	#sticky-contact {
		line-height: 1em;
		padding: 10px;
		border-radius: 50%;
	}
	#sticky-contact span{
		display:none;
	}

	/*-- ここまで --*/
}
	
/*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) {


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

@media (min-width: 769px) {

	#header .header_inner .logo { width: 0px; }

}

@media (min-width: 481px) and (max-width: 768px) {

	#header .header_inner .logo { width: 0%; }

}

@media (max-width: 480px) {

	#header .header_inner .logo { max-width: 0%; }

}

/*------------------------------------------------------------

   フッターロゴ

------------------------------------------------------------*/

@media (min-width: 769px) {

	#footer .contact .footer_logo { max-width: 0px; }

}

@media (min-width: 481px) and (max-width: 768px) {
	
	#footer .contact .footer_logo { max-width: 0%; }

}

@media (max-width: 480px) {
	
	#footer .contact .footer_logo { max-width: 0%; }

}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	#headbox-bg{
		position:fixed;
		width:100%;
		z-index:10000;
	}
	.admin-bar #st-menubox{
		top: 85px;
	}
	#st-menubox{
		position:fixed;
		width:100%;
		top: 55px;
		z-index:10000;
		background:#fff;
	}
	#st-headerbox{
		padding-top:131px;
	}
	#sticky-contact:before{
		margin-right:0.5em;
	}

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

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

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

/*Contact Form 7カスタマイズここから*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}

/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:18px;
 font-weight:bold;
 color:#444!important;
 padding-right:5px;
 width:30%;
 background:#f7f7f7!important;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:16px;
 border:solid 1px #d7d7d7;
 background:#fff!important;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 12px 15px!important;
	margin-right: 10px;
	margin-top: 10px;
   margin-bottom: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 250px;
}
/* 入力項目の背景色を赤にしてデフォルトの青枠を消す */
input:focus{
background: #f9dfde;
outline: none;
}
textarea:focus{
background: #f9dfde;
outline: none;
}

/*必須の調整*/
.haveto{
 font-size:16px;
 padding:5px;
 background:#ffa500;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:16px;
 padding:5px;
 background:#4682b4;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:320px;
 background:#f02324;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#f02324;
 border:2px solid #f02324;
}

/* エラーメッセージ重複回避 */
span.wpcf7-not-valid-tip {
	display: none;
}

/* エラーメッセージ表示の崩れ回避 */
span.wpcf7-form-control-wrap {
	position: static;
}

/* エラーメッセージ表示の影を削除 */
.formError .formErrorContent {
	border: none;
	box-shadow: none;
}
.formError .formErrorArrow div {
	border-left: none;
	border-right: none;
	box-shadow: none;
}
/*Contact Form 7カスタマイズここまで*/