@charset "utf-8";
/*
   overwrite Contact-Form7
------------------------------ */
div.wpcf7-response-output {
	margin-bottom: 0;
}
div.wpcf7-mail-sent-ok {
    border-width: 5px;
    font-size: 110%;
    font-weight: bold;
}

/*
   Background
------------------------------ */
.entry-content {
	background: url(../images/pages/contactFormHeader.png) no-repeat center top;
}
.mobile .entry-content {
	background: none;
}
.mobile .entry-content p:last-child img {
	display: none;
}

/*
   Title
------------------------------ */
.singular .entry-header {
	margin: 0 auto;
	height: 82px;
	text-indent: -9999px;
}
.singular .satei .entry-header {
	background: url(../images/pages/sateiTitle.png) no-repeat left top;
}
.singular .request .entry-header {
	background: url(../images/pages/requestTitle.png) no-repeat left top;
}
.singular .contact .entry-header {
	background: url(../images/pages/contactTitle.png) no-repeat left top;
}
.singular .reservation .entry-header {
	background: url(../images/pages/reservationTitle.png) no-repeat left top;
}
#notice {
	height: 90px;
	position: relative;
}
.mobile #notice {
	height: auto;
	margin: 20px 0 0 0;
}
#notice h3 {
	position: absolute;
	top: 50px;
	left: 160px;
	font-size: 150%;
	font-weight: bold;
	color: #bab0a4;
}
.mobile #notice h3 {
	position: relative;
	padding: 10px 0;
	height: 26px;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 1;
	background: #e9e6e2;
}
#notice p {
	position: absolute;
	top: 30px;
	left: 420px;
	font-size: 87.5%;
}
.mobile #notice p {
	position: relative;
	padding: 10px;
	top: 0;
	left: 0;
	font-size: 100%;
}

/*
   Form - common
------------------------------ */
#contactForm {
	clear: both;
	padding: 0 20px;
	font-size: 78.6%;
	background: url(../images/pages/pageMiddle.png) repeat-y center top;
}
.mobile #contactForm {
	padding: 0;
	font-size: 100%;
}
#contactForm .newline {
	display: block;
}
.mobile #contactForm .newline {
	display: inline;
}
#contactForm .wpcf7 {
	padding-top: 40px;
}
#contactForm h2 {
	position: relative;
	margin: 0 auto;
	padding:10px 0 0 0;
	width: 100%;
	height: 30px;
	font-size: 133%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
#contactForm h2.contact,
#contactForm h2.reservation,
#contactForm h2.satei,
#contactForm h2.request {
	background: #e9e6e2;
}
#contactForm h2.user {
	margin-top: 40px;
	background: #ffcd7f;
}
#contactForm .lead {
	margin: 8px 0;
}
#contactForm .attension {
	font-weight: bold;
	color: #f00;
}
#contactForm dl {
	clear: both;
	padding: 8px 0;
	border-top: 1px solid #ccc;
}
#contactForm dt {
	float: left;
	margin-bottom: 8px;
	padding-top: 3px;
	width: 10em;
	text-align: center;
}
#contactForm dd {
	float: left;
	margin: 0 2em 8px 0;
}
.mobile #contactForm dt,
.mobile #contactForm dd {
	float: none;
	width: 100%;
	text-align: left;
}
.mobile #contactForm dd .attension,
.mobile #contactForm dd .example {
	display: block;
}
#contactForm .submit {
	clear: both;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #ccc;
}
#contactForm .submit input {
	width: 233px;
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../images/bukken/submitBtn.jpg) no-repeat center top;
}
#contactForm .subject {
	display: none;
}
#contactForm .small {
	font-size: 83%;
}
.mobile input,
.mobile textarea {
	max-width: 100%;
}
#contactForm .ktairesponse {
	display: none;
}

/*
  Google Map
------------------------------ */
.mobile #contactForm .google-map-placeholder {
	width: 100%!important;
}

/*
   Form - satei
------------------------------ */
#contactForm .bu_address span.wpcf7-list-item  { display: block; }
#contactForm .bu_address dt   { padding-top: 30px;}
#contactForm .bu_message dt   { padding-top: 30px; }

/*
   Form - request
------------------------------ */
#contactForm .req_shubetsu dt { padding-top: 20px; padding-left:1em; width: 20em; text-align:left; }
#contactForm .req_address dd  { padding-top: 8px; }
#contactForm .req_tochi dd    { padding-top: 8px; }
#contactForm .req_madori dd   { padding-top: 8px; }
#contactForm .req_message dt  { padding-top: 30px; }

#contactForm .req_shubetsu dd div {
	margin: 4px 0;
	padding: 8px 20px 8px 0;
	background: #f1f1f1;
}