@charset "utf-8";

/*	contact
===================================================== */

/*--- Form --*/

.contact-form select,
.contact-form input,
.contact-form textarea {
	border: solid 1px #ccc;
	box-shadow: none;
  accent-color: #333;
	}

.contact-form label {
	border: none !important;
  box-shadow: none!important;
	}

.contact-form input[type="text"],
.contact-form input[type="email"] {
	width: 95% !important;
	padding: 7px !important;
	}
.contact-form .pref select,
.contact-form .zip input[type="text"] {
	max-width: 200px;
	width: 95% !important;
	padding: 7px !important;
	}
.contact-form input[type="tel"] {
	padding: 7px !important;
	}
	@media print, screen and (min-width: 768px) {
  .contact-form input[type="tel"] {
    width: 30% !important;
    }
	}

.contact-form textarea {
	width: 95% !important;
	height: 100px !important;
	padding: 7px !important;
	}


/*確認画面*/
#mfp_phase_confirm_inner th,
#mfp_phase_confirm_inner td {
	padding: 12px !important;
	border: solid 1px #ccc !important;
	}
#mfp_phase_confirm_inner th {
	background-color: #f1f1f1 !important;
	}
#mfp_phase_confirm_inner td {
	margin-bottom: 20px !important;
	}
tr.mfp_colored {
	background-color: inherit !important;
	}
	

/*送信ボタン*/
.mfp_buttons {
	clear: both;
	margin-top: 30px;
	text-align: center;
	}
.mfp_element_submit,.mfp_element_reset,.mfp_element_button,button.mfp_next,button.mfp_prev {  
	clear: both;
	cursor: pointer;
	outline: none;
	font-size: 100% !important;
	background: none;
	text-shadow: none !important;
	}
  .mfp_element_submit:active,.mfp_element_reset:active,.mfp_element_button:active,button.mfp_next:active,button.mfp_prev:active,
  .mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover {
  	background: none;
		}

/*ラベルチェックの色*/
form#mailformpro label.mfp_checked {
	padding: 3px;
	border: solid 1px #CCC;
	background-color: transparent;
	box-shadow: 0px 1px 3px #CCC inset;
}


/*エラー時の色*/
.mfp_ng {
	background-color: rgba(204,204,204,0.2) !important;
	}

/*ok時の色*/
.mfp_ok {
	background-color: rgba(255,255,255,0.9) !important;
	border-color: #ccc !important;
	color: #000 !important;
	}
body {
	overflow-x: visible !important;
	}