@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
/* ------------------------------------------------------------ boxHeadContact*/
.contact .boxHeadContact {
	background: url("/en/contact/img/bg_headcontact.jpg") no-repeat scroll 50% 0 #080808;
	margin: 0 0 40px;
	min-height: 200px;
}
.boxHeadContact .inr {
	margin: 0 auto;
	width: 900px;
}
.boxHeadContact .inr .boxHeadingArea {
	display: table;
	padding: 34px 0 0;
}
.boxHeadContact .inr .boxHeadingArea .headLogo {
	display: table-cell;
	vertical-align: middle;
	width: 125px;
}
.boxHeadContact .inr .boxHeadingArea h1 {
	display: table-cell;
	padding: 0 0 0 30px;
	vertical-align: middle;
}
/* ------------------------------------------------------------ boxHeadReservation*/
.reservation .boxHeadReservation {
	background: url("/en/reservation/img/bg_headreservation.jpg") no-repeat scroll 50% 0 #080808;
	margin: 0 0 40px;
	min-height: 200px;
}
.boxHeadReservation .inr {
	margin: 0 auto;
	width: 900px;
}
.boxHeadReservation .inr .boxHeadingArea {
	display: table;
	padding: 34px 0 0;
}
.boxHeadReservation .inr .boxHeadingArea .headLogo {
	display: table-cell;
	vertical-align: middle;
	width: 125px;
}
.boxHeadReservation .inr .boxHeadingArea h1 {
	display: table-cell;
	padding: 0 0 0 30px;
	font-size: 342.9%;
	line-height: 1;
	vertical-align: middle;
}
.boxHeadReservation .inr .boxHeadingArea h1 span {
	margin: 0 0 0;
  font-family: 'EB Garamond';
	font-size: 35.4%;
}
.boxHeadingArea span {
	display: block;
	margin: 0 0 10px;
	color: #fff;
}
/* ------------------------------------------------------------ formBlock*/
.formBlock input.box2[name="number"] {
	width: 100px;
	margin: 0 10px 0 0;
}
.formBlock .date-item > label {
	display: block;
	margin: 0 0 5px;
}
.formBlock .date-item {
	margin: 0 30px 0 0;
}
.formBlock dl:first-child dt {
	font-weight: normal;
}
.formBlock input.box1, .formBlock input.box2, .formBlock select, .formBlock textarea {
	vertical-align: top;
}
.boxAttention {
	line-height: 0.9;
}
/* ------------------------------------------------------------ footer*/
.location.contact #footer, .location.ticket #footer, .location.reservation #footer {
	margin: 0;
}
/* ------------------------------------------------------------ boxformBtn*/
.contact.index .formBtn .boxformBtn a, .reservation.index .formBtn .boxformBtn a {
	background: url("/en/contact/img/btn_conf_o.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 44px;
	margin: 0 auto;
	width: 204px;
}
/* ------------------------------------------------------------ formRemindArea*/
.formRemindArea {
	margin: 0 0 30px;
}
/* ------------------------------------------------------------ formRemindArea*/
.formConfirmArea {
	background: none repeat scroll 0 0 #f8f8f8;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 30px 10px;
	position: relative;
	text-align: center;
}
.formConfirmArea .txt {
	font-weight: bold;
	margin: 0 0 10px;
}
.formConfirmArea .boxAttention {
	display: none;
	width: 100%;
	margin: 0;
}
.formConfirmArea.checkOK {
  background: #ddeed4;
  border: 1px solid #bcdda9;
}
.formConfirmArea.checkNG {
	background: none repeat scroll 0 0 #fae6e7;
	border: 1px solid #efb6b8;
}
/* ------------------------------------------------------------ btnConfirm*/
.confirm .formBtn .boxformBtn a.btnConfirm {
	background: url("/en/reservation/img/btn_comp_o.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
}
.confirm .formBtn .boxformBtn a.btnConfirm {
	display: block;
	height: 44px;
	margin: 0 auto;
	width: 204px;
}
/* ------------------------------------------------------------ btnConfirm*/
.formBtn .boxformBtn a {
	padding: 0;
}