@charset 'UTF-8';

/* =============================================================================
//	contact.css : タケフ管材Webサイト お問い合わせページ
// ============================================================================= */
/*エラー時に赤くする*/
div.cError input[type="text"],
div.cError textarea {
	background-color: var(--colorpal-tkz-errmsg-bg);
	border: 1px solid var(--colorpal-tkz-errmsg-bdr:);
}

/*データリスト*/
#iInputList input  {
	width: 100%;
	height: 35px;
	font-size: 16px;
	font-family: var(--fontfamily-tkz-std-set);
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 1em;
}

#iInputList textarea {
	width: 100%;
	font-size: 16px;
	font-family: var(--fontfamily-tkz-std-set); /*Meiryoは使えないときがある*/
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	min-height: 210px;
	resize: vertical;
}

/*エラーメッセージ*/
#iErrorMessage{
	color: var(--colorpal-tkz-errmsg-fg);
	text-align: center;
}

/*ボタン*/
#iBtnConfirm {
	margin-bottom: 30px;
	}
	
/*textArea*/
#iInputList dd {
	padding-right: 4px;
	margin-right: 6px;
}


/* -------------------------------------------------------------
//	スマホ用 Width ≧ 320 px (320 ～ 359 px)
// ------------------------------------------------------------- */
@media print, screen and (min-width: 320px) {

#iInputList dt  {
	font-size: 110%;
}

#iBtnContainer {
	width: 280px;
}

#iBtnOk {
	font-size: 20px;
}

}
/* -------------------------------------------------------------
//	スマホ用 Width ≧ 360 px (360 ～ 413 px)
// ------------------------------------------------------------- */
@media screen and (min-width: 360px) {

#iInputList dt {
	font-size: 120%;
}

/*電話番号の必須*/
#iSpanNumber {
	margin-top: 6px;
}

}
/* -------------------------------------------------------------
//	スマホ用 Width ≧ 414 px (414 ～ 639 px)
// ------------------------------------------------------------- */
@media print, screen and (min-width: 414px) {

#iInputList dt {
	font-size: 130%;
}

/*電話番号の説明*/
#iInputList .cPhoneNumberNote {
	width: none;
	float: none;
	line-height: none;
}

}

/* -------------------------------------------------------------
//	スマホ用 Width ≧ 640 px (640 ～ 413 px)
// ------------------------------------------------------------- */
@media screen and (min-width: 640px) {
#iInputList dd,dt {
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}

	/*メールアドレス説明*/
#iInputList .cEmailAddressNote{
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

/*電話番号の説明*/
#iInputList .cPhoneNumberNote {
	margin-top: 2px;
}

}

/*
==============================================================
	印刷対応
============================================================== */
@media print {


} /* ======== 印刷対応 ここまで ======== */