@charset "utf-8";
.container {
  width: 100%;
  max-width: 760px;
  margin: 50px auto;
}
/* input 要素 */
#age,
#zip {
  max-width:160px;
}
#shop,
#name,
#kana,
#company,
#email,
#subject,
#email_check,
#tel {
  max-width:400px;
}
#area,
#address,
#body {
  max-width: 640px;
}
/* エラー表示 */
p.error, span.error {
  color: red;
}
/* フォーム要素（Bootstrap4 のスタイルを上書き） */
.form-control {
  border-radius: 0px;
  background-color: #fdfdfd;
  font-size: 14px;
}
.form-control:focus {
  border-color: #aadbe8;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
  background-color:#fff;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  font-size: 13px; 
}
/* Firefox 18- */
:-moz-placeholder {
  font-size: 13px; }
/* Firefox 19+ */
::-moz-placeholder {
  font-size: 13px; }
/* IE 10+ */
:-ms-input-placeholder {
  font-size: 13px; }
::placeholder{ 
  font-size: 13px;
}
textarea.form-control {
  height: 200px;
}
#send {
  margin-top: 30px;
}
.contents p.error,
.form-group {
    text-align: left;
}
sup {
	color: red;
	font-weight: bold;
}
.btn.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 4px;
}
.inputform {
    background-color: #eee;
    border-radius: 5px;
	padding: 30px 0 30px 30px;
}
.response {
    border: 2px solid green;
    border-radius: 5px;
	padding: 30px 0 30px 30px;
	margin-bottom: 50px;
}
.response.err {
    border: 2px solid red;
}
.err,
.err h5,
.err p {
	color: red;
	font-weight: bold;
}