@charset "utf-8";

/* お問い合わせ
   ========================================================================== */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="submit"] {
	border: none;
}






body {
  background-image:none;
  background-color:#fffdc0;
}

#contact section {
  font-size: 1.4rem;
  margin-top: 20px;
}
#contact h2 {
  background-image: url(../img/contact-ic-star.png);
  background-repeat: no-repeat;
  background-position: left 0 top 3px;
  background-size: 18px 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #493a31;
  line-height: 1.6;
  padding-left: 24px;
}
#contact h2 span {
  font-size: 1.4rem;
}



input[type="text"], input[type="email"] {
	width: 100%;
	padding: 4px;
	border: 1px solid #ccc;
}

textarea {
	padding: 10px;
	border: 1px solid #ccc;
}
.contact .submit-area {
	text-align: left;
	margin-top: 20px;
}
.contact .submit-area > span {
	display: block;
}
.contact .submit-area input[type="submit"] {
	width: 100%;
	
}

/* チェックボックスデザイン */
.contact label {
  cursor: pointer;
}
.contact input[type="checkbox"] {
  display: none;
}
.contact input[type="checkbox"] + .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding-left: 36px;
  cursor: pointer;
}
.contact input[type="checkbox"] + .wpcf7-list-item-label::before {
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
	background-color: #fff;
  margin-top: -12px;
  border: 1px solid #999;
}
.contact input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 12px;
  height: 6px;
  margin-top: -7px;
  border-left: 2px solid #bd9173;
  border-bottom: 2px solid #bd9173;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* 送信ボタンデザイン */
.contact input[type="submit"]{
  width: 200px;
  background-color: #bd9173;
	font-size: 18px;
	font-weight: bold;
  color: #fff;
  padding: 10px;
  margin: 20px auto 0 auto;
  cursor: pointer;
}
.contact input[type="submit"][disabled]{
	background-color: #999;
}
.contact input[type="submit"]:hover{
	opacity: 0.8;
}
.contact input[type="submit"][disabled]:hover{
	cursor: not-allowed;
	opacity: 1;
}


/* cf7 メッセージ 送信完了 非表示*/
.wpcf7-mail-sent-ok {
	display:none !important;
} 

.thanks {
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 20px;
}
.reply-notice {
	font-size: 1.4rem;
	text-align: left;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #ccc;
}

