@charset "utf-8";



/*
	main
**************************************************/
main {
	border-bottom: 1px solid #d4d4d4;
}


/*
	header
**************************************************/
@media print, screen and (max-width:640px) {
	main header p img {
		width: 95%;
		height: auto;
	}
}


/*
	.formarea
**************************************************/
.formarea .formwrap > tbody > tr.title td {
	width: 960px;
	padding: 50px 0 40px;
	text-align: center;
	max-width: none;
}
.formarea.confirm .formwrap > tbody > tr.title td {
}
.formarea .formwrap td .row {
	clear: both;
	zoom: 1;
}
.formarea .formwrap td .row:after {
	content:"."; display:block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.formarea .formwrap td .row + .row {
	margin-top: 30px;
}
.formarea .formwrap td .row dl {
	float: left;
	width: 48%;
}
.formarea .formwrap td .row dl.style01 {
	width: 100%;
}
.formarea .formwrap td .row.type2 dl {
	float: none;
	width: 100%;
}
.formarea .formwrap td .row.type2 dl .checkboxarea{
	display: inline-block;
	width: 24.8%;
}
.formarea .formwrap td .row dl + dl {
	float: right;
}
.formarea .formwrap td .row dl .pullWrap {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.formarea .formwrap td .row dl .pullWrap:nth-child(even) {
	margin-left: 1.5%;
}
.formarea .formwrap td .row dl .pullWrap > .checkboxarea {
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 0;
	cursor: pointer;
	padding: 5px 0;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.formarea .formwrap td .row dl .pullWrap > .checkboxarea.on {
	background-color: #69B3B6;
}
.formarea .formwrap td .row dl .pullWrap > .checkboxarea.on:after {
	border: 3px solid #FFF;
	border-left-color:rgba(0,0,0,0);
	border-top-color:rgba(0,0,0,0);
}
.formarea .formwrap td .row dl .pullWrap > .checkboxarea span{
	display:inline-block;
	vertical-align: middle;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.formarea .formwrap td .row dl .pullWrap > .checkboxarea.on span{
	color:#FFF;
}
.formarea .formwrap td .row dl .pullArea{
	margin-left: 10px;
	display: none;
}
.formarea.confirm .formwrap td .row dl .pullArea{
	display: block;
}
.availabilityareaTitle{
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.formarea .formwrap td dl dt {
	padding: 5px 0 3px 10px;
	background-color: #edf7f7;
	color: #4bacb1;
	font-weight: bold;
}
.formarea .formwrap td dl.dlstyle1 {
	overflow: hidden;
}
.formarea .formwrap td dl.dlstyle1 + dl.dlstyle1{
	margin-top: 10px;
}
.formarea .formwrap td dl.dlstyle1 span.hiduke{
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
}
.formarea.confirm .formwrap td dl.dlstyle1 span.hiduke{
	display: inline;
	margin-left: 0;
}
.formarea .formwrap td dl.dlstyle1.name select,
.formarea .formwrap td dl.dlstyle1.visit1 input,
.formarea .formwrap td dl.dlstyle1.visit2 input{
	width: 222px!important;
}
.formarea .formwrap td dl.dlstyle1.visit1 select,
.formarea .formwrap td dl.dlstyle1.visit2 select{
	width: 106px !important;
	margin-left: 10px;
	margin-right: 15px;
}
.formarea .formwrap td dl.dlstyle1 #area2,
.formarea .formwrap td dl.dlstyle1 #shop2{
	font-size: 12px;
	font-size: 1.2rem;
}
.formarea .formwrap td .othercheck .checkboxarea{
	display: inline-block;
}
.formarea .formwrap td dl.dlstyle1 dt {
	float: left;
	width: 15%;
	margin-bottom: 0;
	padding: 7px 0 0 0;
	background-color: transparent;
	color: #818181;
	font-weight: normal;
}
.formarea .formwrap td dl.dlstyle1 dd {
	float: right;
	width: 84%;
}
.formarea.confirm .formwrap td dl.dlstyle1 dd {
	padding: 7px 0 0 0;
}
.formarea .formwrap > tbody > tr > td .note {
		margin-bottom: 10px;
		color: #fd9e9f;
		font-weight: bold;
}
.formarea .formwrap > tbody > tr > td .party > label + label {
		margin-left:14px;
}
.Availabilityarea .area2{
	display: none;
	margin-top: 40px;
}
.Availabilityarea .area2.on{
	display: block;
}
.Availabilityarea .area3{
	display: none;
	margin-top: 40px;
}
.Availabilityarea .area3.on{
	display: block;
}
.Availabilityarea .selectval{
	display: none;
}
.availabilitytxt{
	margin-top: 10px;
}
.formarea .Shops .selectval{
	display: none;
}
.formarea .Shops .shoptxt{
	margin-top: 15px;
	margin-bottom: 5px;
}
.formarea .Shops .divstyle1{
	display: inline-block;
}
.formarea .Shops .divstyle1:first-child{
	margin-bottom: 20px;
	margin-right: 30px;
}
.formarea .Shops .divstyle1 span{
	margin-right: 5px;
}
.formarea .Shops .area1{
	display: none;
}
.formarea .Shops .area1.on{
	display: inline-block;
}
.formarea .privacyTxt{
	margin-top: 40px;
	padding: 25px 10px;
	border: 1px solid #E4E4E4;
}
.formarea .privacyTxt a{
	color: #7C7C7C;
}
.formarea .privacyTxt dt{
	font-size: 15px;
	font-size: 1.5rem;
	color: #7C7C7C;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 8px;
}
.formarea .privacyTxt dd{
	font-size: 13px;
	font-size: 1.3rem;
	color: #7C7C7C;
	line-height: 1.7;
}

@media print, screen and (max-width:640px) {
	.formarea .formwrap td .row dl .pullWrap {
		width: 100%;
	}
	.formarea .formwrap td .row dl .pullWrap:nth-child(even) {
		margin-left: 0;
	}
	.formarea .formwrap td dl.dlstyle1 dt {
		float: none;
		width: auto !important;
	}
	.formarea .formwrap td dl.dlstyle1 dd {
		float: none;
		width: auto !important;
	}
	.formarea .formwrap td dl.dlstyle1.name select,
	.formarea .formwrap td dl.dlstyle1.hall select{
		width: 100% !important;
	}
	.formarea .formwrap td dl.dlstyle1.visit1 input,
	.formarea .formwrap td dl.dlstyle1.visit2 input{
		width: 80% !important;
	}
	.formarea .formwrap td dl.dlstyle1.visit1 input,
	.formarea .formwrap td dl.dlstyle1.visit2 input{
		margin-bottom: 10px;
	}
	.formarea .formwrap td dl.dlstyle1.visit1 select,
	.formarea .formwrap td dl.dlstyle1.visit2 select{
		margin-left: 0;
	}

	.formarea[data-type="inqAvailability"] label[for="availabilityBtn"],
	.formarea[data-type="inqMaterial"] label[for="materialBtn"],
	.formarea[data-type="inqVisit"] label[for="visitBtn"],
	.formarea[data-type="inqFair"] label[for="fairBtn"]{
		background-color:#77bfc3!important;
	}
	tr.Required > td > label{
		display:block;
		box-sizing:border-box;
		position:relative;
		overflow:hidden;
		background-color:#ececea;
		cursor:pointer;
		text-align: center;
		margin: 0 0 1%;
	}
	.formarea .formwrap > tbody > tr.title td {
		width: 100%;
		padding: 25px 0 15px;
	}
	.formarea .formwrap td .row:after {
		content: none;
	}
	.formarea .formwrap td .row + .row {
		margin-top: 20px;
	}
	.formarea .formwrap td .row dl {
		float: none;
		width: 100%;
	}
	.formarea .formwrap td .row dl + dl {
		float: none;
		margin-top: 20px;
	}
	.formarea .formwrap td .row.type2 dl .checkboxarea{
		width: auto;
	}
	.formarea .Shops .divstyle1{
		display: block;
	}
	.formarea .Shops .divstyle1 span{
		display: block;
		margin: 0 0 5px;
	}
	.formarea .privacyTxt br{
		display: none;
	}
}

/* ラジオボタン */
.commonRadio0{
	display: inline-block;
	cursor: pointer;
	color: #646464;
	-moz-transition: color 0.3s ease 0s;
	-ms-transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}
.commonRadio0 > input{
	display: none;
}
.commonRadio0 > span{
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
	padding: 0px 0px 0px 18px;
}
.commonRadio0 > span:before{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #A0A0A0;
	vertical-align: middle;
	margin: -6px 5px 0px 0px;
	position: absolute;
	left: 0px;
	top: 50%;
	opacity: 0.5;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.commonRadio0 > span:after{
	content: "";
	width: 12px;
	height: 12px;
		background-image: url("../../img/resort/contact/mark4.svg");
	background-size: contain;
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -12px;
	opacity: 0;
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.formarea .formwrap > tbody > tr.borderB {
    border-bottom: 1px solid #D3D3D3;
}
.commonRadio0 > input:checked ~ span:after{
	opacity: 1;
	margin-top: -9px;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}


span.c {
	color: #fc9e9f;
}
.anno a{
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 1px;
}
.anno a.anno_link {
	font-size: inherit;
	color:#886532;
	text-decoration: underline;
	font-weight: normal;
}
.anno .txt1{
	display: inline-block;
	position: relative;
	top: -3px;
	margin-left: 10px;
}
.anno .txt2{
	color: #77BFC3;
	font-size: 11px;
	font-size: 1.1rem;
	text-decoration: underline;
	display: inline-block;
}
.anno a > span{
    font-size: 12px;
    position: relative;
    top: -2px;
	display: inline-block!important;
	margin-bottom: 0!important;
}

.formarea .formwrap > tbody > tr > td input[type="text"][disabled]{
	border: 1px solid #EFEFEF;
	background-color: #F2F2F2;
}

/*
	来店予約・フェア予約
**************************************************/
/* 希望エリア・チャペル */
.formarea .formwrap *[data-need].Wish select {
	margin: 0 15px;
	background-color: #fff;
}
@media print, screen and (max-width:640px) {
	.anno .txt1{
		margin-left: 0;
		display: block;
	}
	.formarea .formwrap *[data-need].Wish select {
		margin: 15px 0;
		background-color: #fff;
	}
}


/*
	フェア予約
**************************************************/
/* フェア名・日時 */
.commonBtn1{
	height: auto;
	background-color: #77bfc3;
	position: relative;
	text-align: center;
	display: block;
	width:180px;
	padding: 10px 0;
	color: #fff;
	font-size: 13px;
	font-style: 1.3rem;
}

.fairaddArea {
	margin-top: 20px;
}

.Required td{
	max-width: none!important;
}

.OtherMaterialtype td > .checkboxarea{
	display: inline-block!important;
}
.OtherMaterialtype td > .othercontentaera{
	padding: 20px 0px 0;
}
.OtherMaterialtype td > .othercontentaera.type1{
	padding: 20px 0px 50px;
	position: relative;
}
.OtherMaterialtype td > .othercontentaera.type1:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #E1E1E1;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.OtherMaterialtype hr{
	opacity: 0;
}

/* PC */
@media print, screen and (min-width:641px) {
	.formarea .error {
		margin: 0px auto 30px;
		color: #F00;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.formarea .error * {
		color: #F00;
	}
	.formarea .error p{
		margin-bottom: 1em;
	}

	/* .formarea */
	.formarea{
		font-size:12px;
		font-size:1.2rem;
		color:#3B3B3B;
		padding:0 40px;
		max-width: 960px;
		margin:0 auto;
	}

	.formarea .backbtn{
		width: 100%;
		margin:0 auto -10px;
		text-align: left;
		position: relative;
		top: -50px;
	}
	.formarea.confirm .backbtn{
		display: none;
	}
	.formarea .formwrap{
		width:100%;
		margin-bottom: 75px;
	}
	.formarea .formwrap > tbody > tr.INQTYPE{
		display:none;
	}
	.formarea .formwrap > tbody > tr.INQTYPE{
		display:none;
	}
	.formarea[data-type="inqAvailability"] tr[data-type*="inqAvailability"],
	.formarea[data-type="inqMaterial"] tr[data-type*="inqMaterial"],
	.formarea[data-type="inqVisit"] tr[data-type*="inqVisit"],
	.formarea[data-type="inqFair"] tr[data-type*="inqFair"]{
		display: block!important;
	}
	.formarea .formwrap > tbody > tr > th {
		position: relative;
		width:190px;
		padding: 35px 20px 0;
		background-color: #f6f6f6;
		text-align: left;
		vertical-align:top;
	}
	.formarea[class*="confirm"] .formwrap > tbody > tr > th{
		padding: 35px 20px;
	}
	.formarea .formwrap > tbody > tr > th .formtitle {
		font-size:13px;
		font-size:1.3rem;
		color:#7c7c7c;
		line-height: 1.4;
	}
	.formarea .formwrap > tbody > tr > th .formnote {
		float: right;
		padding: 2px 0 0 5px;
	}
	.formarea .formwrap > tbody > tr > td .note2{
		clear: both;
		display: block;
		color: #818181;
		margin-top: -5px;
		margin-bottom: 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.formarea .formwrap > tbody > tr > td {
		width: 76%;
		max-width: 655px;
		padding:30px 0 25px 20px;
		box-sizing:border-box;
	}
	.formarea.confirm .formwrap > tbody > tr > td {
		padding-top: 35px;
		vertical-align: top;
	}
	.formarea .formwrap > tbody > tr > td input{
		font-size:16px;
		font-size:1.6rem;
	}
	.formarea .formwrap > tbody > tr > td span{
		vertical-align:middle;
	}
	.formarea.confirm .formwrap > tbody > tr.Name > td span{
		display: none;
	}
	.formarea .formwrap > tbody > tr > td input:focus{
		box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2) inset!important;
	}
	.formarea .formwrap > tbody > tr > td input[type="text"]{
		width: 100%;
	}
	.formarea .formwrap > tbody > tr[data-need] > td input[type="text"]{
		background-color: #FBEDED;
		box-shadow: 0px 0px 3px -3px rgba(0, 0, 0, 0.6) inset;
	}
	.formarea .formwrap > tbody > tr[data-need] > td input[type="text"],
	.formarea .formwrap > tbody > tr > td textarea,
	.formarea .formwrap > tbody > tr > td input[type="text"]{
		border:1px solid #D4D4D4;
		padding:6px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap + .shopwrap{
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #E3E3E3;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea{
		position:relative;
		margin-bottom: 2px;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea:after{
		content:'';
		display:block;
		position:absolute;
		top:-5%;
		left:-5%;
		width:110%;
		height:110%;
		background-color:#FFF;
		opacity:0.0;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea > label > span{
		font-size:15px;
		font-size:1.5rem;
		padding:0;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea > label > span:before,
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea > label > span:after{
		display:none;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shops > label + label{
		margin-left:14px;
	}
	.formarea .formwrap > tbody > tr > td .checkboxstyle1 > label > input{
		margin-right:8px;
		vertical-align:middle;
		margin-top: -4px;
	}
	.formarea .formwrap .checkboxarea{
		display: block;
		cursor: pointer;
		color: #646464;
		transition: color 0.3s ease 0s;
	}
	.formarea .formwrap .chapel .checkboxarea{
		display: inline-block;
	}
	.formarea .formwrap .checkboxarea input{
		display:none;
	}
	.formarea .formwrap .checkboxarea span{
		font-size: 1.2rem;
		position: relative;
		padding: 0px 0px 0px 18px;
	}
	.formarea .formwrap .checkboxarea span::before{
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		box-sizing: border-box;
		border: 1px solid #A0A0A0;
		vertical-align: middle;
		margin: -6px 5px 0px 0px;
		position: absolute;
		left: 0px;
		top: 50%;
		opacity: 0.5;
		transition: all 0.3s ease 0s;
	}
	.formarea .formwrap .checkboxarea span::after{
		content: "";
		width: 12px;
		height: 12px;
		background-image: url("../../img/resort/contact/mark4.svg");
		background-size: contain;
		position: absolute;
		left: 1px;
		top: 50%;
		margin-top: -12px;
		opacity: 0;
		transform: scale(2);
		transition: all 0.3s ease 0s;
	}
	.formarea .formwrap .checkboxarea input:checked ~ span::after{
		opacity: 1;
		margin-top: -9px;
		transform: scale(1);
	}

	/* .Required */
	tr.Required{
		border-bottom: 1px solid #77bfc3;
		font-size: 0;
	}
	.formarea .formwrap select{
		max-width: 100%;
		font-size:14px;
		font-size:1.4rem;
		padding:6px 30px 6px 6px;
		border-right:1px solid #EAEAEA;
		border-bottom:1px solid #EAEAEA;
		border-top:1px solid #D4D4D4;
		border-left:1px solid #D4D4D4;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-overflow: "";
		background-image:url(../../img/resort/contact/select_arrow2.png);
		background-repeat:no-repeat;
		background-position:center right;
		background-size:auto 100%;
		cursor:pointer;
		opacity:1.0;
		color: #958377;
		background-color:#FFF;
		transition-duration:0.2s;
		transition-property:opacity,color,background-color;
		transition-timing-function:ease;
	}
	.formarea .formwrap select option{
		font-family: inherit;
	}
	.formarea .formwrap select:hover{
		color:#FFFFFF !important;
		background-color:#77bfc3 !important;
		transition-duration:0.2s;
		transition-property:opacity,color,background-color;
		transition-timing-function:ease;
	}
	.ie9 .formarea .formwrap select{
		padding: 6px;
	}
	.formarea .formwrap *[data-need] select{
		background-color: rgb(251, 237, 237);
		color:#3B3B3B;
	}
	.formarea .formwrap select#area {
		background-color: #F9EAE8;
		color:#3B3B3B;
	}
	.formarea .formwrap *[data-need] select.shop {
		margin-left: 10px;
	}

	tr.Required > th,
	tr.Required > td {
		display: block;
		padding:0!important;
		width:100%!important;
	}
	tr.Required > td > label {
		display: inline-block;
		width: 24%;
		max-width: 210px;
		height: 49px;
		box-sizing: border-box;
		padding: 14px 10px 0 0;
		position: relative;
		overflow: hidden;
		background-color: #ececea;
		cursor: pointer;
		text-align: center;
	}

	.formarea[data-type="inqAvailability"] label[for="availabilityBtn"],
	.formarea[data-type="inqMaterial"] label[for="materialBtn"],
	.formarea[data-type="inqVisit"] label[for="visitBtn"],
	.formarea[data-type="inqFair"] label[for="fairBtn"]{
		background-color:#77bfc3!important;
	}
	tr.Required > td > label::before{
		content: "";
		width: 30px;
		height: 60px;
		display: block;
		position: absolute;
		top: -10px;
		right: -22px;
		-moz-transform:rotate(-15deg);
		-webkit-transform:rotate(-15deg);
		transform:rotate(-15deg);
		background-color: #FFF;
	}
	tr.Required > td > label > input {
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 100%;
		display: block;
		opacity: 0;
		left: 0px;
		top: 0px;
		cursor: pointer;
	}
	tr.Required > td > label > input + span {
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		color: #949494;
	}
	tr.Required > td > label > input[checked="checked"] + span {
		color: #fff;
	}
	.commonSelect1 {
	    border: 1px solid #D3D3D3;
		padding:4px 33px 6px 6px;
	}
	.commonSelect1 + span{
		margin:0 10px 0 5px;
	}

	.formarea td .example{
		padding:8px 0;
		font-size: 13px;
		vertical-align: middle;
		letter-spacing: 0.1rem;
	}
	input + .example{
		margin-top: 4px;
	}
	.formarea td .example span{
		margin-right:5px;
		display:inline-block;
		background:#989898;
		border-radius:3px;
		vertical-align:middle;
		padding:2px;
		font-weight:bolder;
		padding:4px 8px 4px 6px;
		line-height: 1;
		color:#FFF;
		margin-top: -6px;
	}

	/* #Name */
	#name,
	#kana{
		width:40%;
	}
	tr.Name td span{
		margin-right: 5px;
		margin-left: 30px;
	}

	/* .Address1 */
	.Address1 select{
		width:35%;
	}

	/* #tel */
	#tel{
		width:50%;
	}

	/* #schedule01 */
	#schedule01{
		width:20%;
	}
	#schedule02{
		width:20%;
	}
	#schedule01 + span{
		padding:0 20px 0 10px;
	}
	#schedule02 + span{
		padding:0 20px 0 10px;
	}

	/* .Mail1 */
	.Mail1 td{
		padding-bottom:0!important;
	}

	/* .Birth */
	.Birth td span{
		display:inline-block;
		padding: 0px 18px 0 8px;
	}
	.Birth td select{
		width:20%;
	}

	/* .mailcheck */
	.mailcheck{
		font-size:30px;
		font-size:3.0rem;
		color:#3C3C3C;
		line-height: 1.2;
		margin-bottom: 11px;
	}

	/* .Materialtype */
	tr.Materialtype > td{
		font-size:13px;
		font-size:1.3rem;
	}
	tr.Materialtype > td > dl{
		line-height: 2.3;
		margin-top: -3px;
		margin-bottom: 15px;
	}
	tr.Materialtype > th{
		padding-top: 20px;
	}

	/* Visit  */
	.Visit td span:first-child{
		padding:0 10px 0 0;
	}
	.Visit td select{
		width:35%;
	}

	/* Visittime  */
	.Visittime .anno{
		margin-bottom:20px;
	}
	.Visittime .visittxt{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.Visittime .visittxt.need:after{
		content:'必須';
		display:inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		color: #E44C59;
		font-weight: lighter;
		margin-left:10px;
	}
	.Visittime .visitsubtxt{
		margin-bottom: 20px;
	}
	.Visittime input{
		width:40%!important;
	}
	.Visittime input + span{
		padding:0 20px 0 10px;
	}
	.Visittime select{
		width:30%!important;
	}
	.Visittime select + span{
		padding:0 20px 0 10px;
	}

	/* .contentFinArea */
	.contentFinArea{
		position: relative;
		margin: 0px auto;
		background-color: #FFF;
		width: 100%;
		padding:0 50px 100px;
		box-sizing: border-box;
		max-width: 920px;
	}
	.contentFinArea .title{
		margin: 42px 0px 44px;
		text-align: center;
	}
	.contentFinArea .subtitle{
		font-size:14px;
		font-size:1.4rem;
		color:#E85162;
		margin-bottom:14px;
	}
	.contentFinArea .caption{
		font-size:12px;
		font-size:1.2rem;
		margin-bottom:10px;
	}
	.contentFinArea .caption + .subtitle{
		margin-top:40px;
	}
	.contentFinArea .backtop{
		text-align: center;
		margin-top:5%;
	}

	/* People  */
	#people{
		width:20%;
	}
	#people + span{
		padding:0 0 0 10px;
	}

	/* reception_hall */
	#reception_hall{
		width:100px;
	}
	#reception_hall + span{
		padding:0 0 0 10px;
	}

	/* comm */
	#comm{
		width:100%;
	}

	#availability_comm{
		width: 100%;
		height: 100px;
	}

	/* FaerSchedule */
	.FaerSchedule .fairselect > div {
		margin-bottom: 20px;
	}
	.FaerSchedule .fairselect select {
		width: 425px;
		margin: 5px 0 5px 10px;
	}
	.FaerSchedule .commonBtn1{
		color:#FFF;
	}
	.FaerSchedule .delete{
		color: #F00;
		text-decoration: underline;
		padding-bottom: 55px;
	}

	/* #Schedule */
	#Schedule span{
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 0 5px;
	}

	.confirmBtns{
		text-align: center;
		margin:0 0 80px;
	}
	.confirmBtns button {
		display: inline-block;
		margin: 0 5px;
		width: 290px;
		height: 70px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.confirmBtns button[name="back_btn"]:after {
		right: auto;
		left: 20px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.confirmBtns button[name="back_btn"]:hover:after{
		-webkit-transform: rotate(180deg) translateX(3px);
		-moz-transform: rotate(180deg) translateX(3px);
		-ms-transform: rotate(180deg) translateX(3px);
		-o-transform: rotate(180deg) translateX(3px);
		transform: rotate(180deg) translateX(3px);
	}
	.formarea .confirm{
		width: 290px;
		height: 69px;
		background-image:url(../../img/resort/contact/submitbtn1.png);
		background-size:100%;
		margin-bottom: 70px;
		color:rgba(0,0,0,0.00);
		display:inline-block;
		margin:0 10px;
	}
	.formarea .back{
		width: 290px;
		height: 69px;
		background-image:url(../../img/resort/contact/submitbtn3.png);
		background-size:100%;
		margin-bottom: 70px;
		color:rgba(0,0,0,0.00);
		display:inline-block;
		margin:0 10px;
		position: relative;
		left: -280px;
	}
	.formarea .submit{
		width: 290px;
		height: 69px;
		background-image:url(../../img/resort/contact/submitbtn2.png);
		background-size:100%;
		margin-bottom: 70px;
		color:rgba(0,0,0,0.00);
		display:inline-block;
		margin:0 10px;
		position: relative;
		left: 280px;
		vertical-align: top;
	}

	/* .Address0 */
	.Address0 td .annoRed{
		font-size: 1.2rem;
		color: #E44C59;
		font-weight: lighter;
		margin-bottom: 14px;
	}
	.Address0 input{
		width: 35%!important;
	}

	/* .DressPlan */
	.DressPlan th{
		padding-top: 14px!important;
	}
}


/*smart*/
@media print, screen and (max-width:640px) {
	#availability_comm{
		height: 100px;
		width: 100%;
	}

	.formarea .error {
		margin: 0px auto 30px;
		color: #F00;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.formarea .error * {
		color: #F00;
	}
	.formarea .error p {
		margin-bottom: 1em;
	}



	/* .formarea */
	.formarea{
		font-size:1.2rem;
		color:#3B3B3B;
		padding:0px 5%;
		margin:0 0 10%;
	}
	.formarea .backbtn{
		padding:0px 0 20px;
		position: relative;
		top: -20px;
	}
	.formarea.confirm .backbtn{
		display: none;
	}
	.formarea .formwrap{
		width:100%;
		margin-bottom: 20px;
	}
	.formarea .formwrap > tbody > tr.INQTYPE{
		display:none;
	}
	.formarea .formwrap > tbody > tr.borderB{
		border-bottom:1px solid #D3D3D3;
	}
	.formarea[data-type="inqAvailability"] tr[data-type*="inqAvailability"],
	.formarea[data-type="inqMaterial"] tr[data-type*="inqMaterial"],
	.formarea[data-type="inqVisit"] tr[data-type*="inqVisit"],
	.formarea[data-type="inqFair"] tr[data-type*="inqFair"]{
		display:block!important;
	}
	.formarea .formwrap > tbody > tr > th{
		padding:9% 0 0 0px;
		box-sizing:border-box;
		display:block;
		text-align: left;
	}
	.formarea .formwrap > tbody > tr > th > span{
		display:inline-block;
	}
	.formarea .formwrap > tbody > tr > th .formtitle{
		font-size:18px;
		font-size:1.8rem;
		color:#3B3B3B;
		line-height: 1.4;
		font-weight:bolder;
	}
	.formarea .formwrap > tbody > tr > th .formnote{
		font-size:12px;
		font-size:1.2rem;
		color:#E44C59;
		font-weight:lighter;
	}
	.formarea .formwrap > tbody > tr > td .note2{
		clear: both;
		display: block;
		color: #818181;
		margin-top: -5px;
		margin-bottom: 15px;
		font-size: 1.4rem;
	}
	.formarea .formwrap > tbody > tr > th.style1{
		vertical-align:top;
	}
	.formarea .formwrap > tbody > tr > td{
		padding:20px 0 20px;
		box-sizing:border-box;
		display:block;
	}
	.formarea .formwrap > tbody > tr > td input{
		font-size:16px;
		font-size:1.6rem;
	}
	.formarea .formwrap > tbody > tr > td span{
		vertical-align:middle;
	}
	.formarea .formwrap > tbody > tr > td input:focus{
		box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2) inset!important;
	}
	.formarea .formwrap > tbody > tr > td input[type="text"]{
		width: 100%;
	}
	.formarea .formwrap > tbody > tr[data-need] > td input[type="text"]{
		background-color: #FBEDED;
		box-shadow: 0px 0px 3px -3px rgba(0, 0, 0, 0.6) inset;
	}
	.formarea .formwrap > tbody > tr[data-need] > td input[type="text"],
	.formarea .formwrap > tbody > tr > td textarea,
	.formarea .formwrap > tbody > tr > td input[type="text"]{
		border:1px solid #D4D4D4;
		padding:6px;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.formarea .formwrap > tbody > tr > td .checkboxstyle1 > label{
		display:inline-block;
		margin-right: 35px;
	}
	.formarea .formwrap > tbody > tr > td .checkboxstyle1 > label > input{
		margin-right:8px;
		vertical-align:middle;
		margin-top: -4px;
	}

	.formarea .formwrap .checkboxarea{
		display:block;
		cursor: pointer;
		color: #646464;
		transition: color 0.3s ease 0s;
	}
	.formarea .formwrap .checkboxarea input{
		display:none;
	}
	.formarea .formwrap .checkboxarea span{
		font-size: 1.2rem;
		position: relative;
		padding: 0px 0px 0px 18px;
	}
	.formarea .formwrap .checkboxarea span::before{
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		box-sizing: border-box;
		border: 1px solid #A0A0A0;
		vertical-align: middle;
		margin: -6px 5px 0px 0px;
		position: absolute;
		left: 0px;
		top: 50%;
		opacity: 0.5;
		transition: all 0.3s ease 0s;
	}
	.formarea .formwrap .checkboxarea span:after{
		content: "";
		width: 12px;
		height: 12px;
		background-image: url("../../img/resort/contact/mark4.svg");
		background-size: contain;
		position: absolute;
		left: 1px;
		top: 50%;
		margin-top: -12px;
		opacity: 0;
		transform: scale(2);
		transition: all 0.3s ease 0s;
	}
	.formarea .formwrap .checkboxarea input:checked ~ span::after{
		opacity: 1;
		margin-top: -9px;
		transform: scale(1);
	}

	/* .Required */
	tr.Required{
		font-size: 0;
	}
	.formarea .formwrap select{
		font-size:14px;
		font-size:1.4rem;
		padding:6px 20px 6px 6px;
		border-right:1px solid #EAEAEA;
		border-bottom:1px solid #EAEAEA;
		border-top:1px solid #D4D4D4;
		border-left:1px solid #D4D4D4;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-overflow: "";
		background-image:url(../../img/resort/contact/select_arrow2.png);
		background-repeat:no-repeat;
		background-position:center right;
		background-size:auto 100%;
		cursor:pointer;

		opacity:1.0;
		color: #958377;
		background-color:#FFF;
		transition-duration:0.2s;
		transition-property:opacity,color,background-color;
		transition-timing-function:ease;
	}
	.formarea .formwrap select:hover{
		color:#FFFFFF !important;
		background-color:#77bfc3 !important;
		transition-duration:0.2s;
		transition-property:opacity,color,background-color;
		transition-timing-function:ease;
	}
	.formarea .formwrap *[data-need] select{
		background-color: #DFEDEF;
		color:#3B3B3B;
	}
	.formarea .formwrap select#area {
		background-color: #F9EAE8;
		color:#3B3B3B;
	}
	tr.Required > th,
	tr.Required > td{
		padding:0!important;
		width:100%!important;
	}
	tr.Required > td > label > input{
		display:none;
	}
	tr.Required > td > label > input + span {
		display: block;
		padding: 12px 0;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		color: #949494;
	}
	tr.Required > td > label > input[checked="checked"] + span {
		color: #fff;
	}
	.commonSelect1 {
	    border: 1px solid #D3D3D3;
		padding:4px 33px 6px 6px;
	}
	.commonSelect1 + span{
		margin:0 10px 0 5px;
	}

	.formarea td .example{
		padding:8px 0;
		font-size: 13px;
		vertical-align: middle;
		letter-spacing: 0.1rem;
	}
	input + .example{
		margin-top: 4px;
	}
	.formarea td .example span{
		margin-right:5px;
		display:inline-block;
		background:#989898;
		border-radius:3px;
		vertical-align:middle;
		padding:2px;
		font-weight:bolder;
		padding:4px 8px 4px 6px;
		line-height: 1;
		color:#FFF;
		margin-top: -6px;
	}

	/* #Name */
	tr.Name td span{
		margin-top: 10px;
		display:block;
	}

	/* #tel */
	#tel{
		width:75%;
	}

	/* #schedule01 */
	#schedule01{
		width:30%;
	}
	#schedule02{
		width:20%;
	}
	#schedule01 + span{
		padding:0 20px 0 10px;
	}
	#schedule02 + span{
		padding:0 20px 0 10px;
	}

	/* .Mail1 */
	.Mail1 td{
		padding-bottom:0!important;
	}

	/* .Birth */
	.Birth td span{
		display:inline-block;
		padding: 0px 18px 0 8px;
	}
	.Birth td select{
		width:70%;
	}
	.Birth td hr{
		opacity: 0;
	}

	/* .mailcheck */
	.mailcheck{
		font-size:2.2rem;
		color:#3C3C3C;
		line-height: 1.2;
		word-wrap:break-word;
		margin-bottom: 11px;
		background: #EBEBEB;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		padding:5px;
		word-break:break-word;
	}

	/* .Materialtype */
	tr.Materialtype > td{
		font-size:13px;
		font-size:1.3rem;
	}
	tr.Materialtype > td > dl{
		line-height: 2.3;
		margin-top: -3px;
		margin-bottom: 15px;
	}
	tr.Materialtype > th{
		padding-top: 20px;
	}

	/* Visit  */
	.Visit td span:first-child{
		padding:0 10px 0 0;
	}

	/* Visittime  */
	.Visittime .anno{
		margin-bottom:20px;
	}
	.Visittime .visittxt{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.Visittime .visittxt.need:after{
		content:'必須';
		display:inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		color: #E44C59;
		font-weight: lighter;
		margin-left:10px;
	}
	.Visittime .visitsubtxt{
		margin-bottom: 20px;
	}
	.Visittime input{
		width:80%!important;
		margin-bottom:2%;
	}
	.Visittime input + span{
		padding:0 20px 0 10px;
	}
	.Visittime select{
		width:80%!important;
	}
	.Visittime select + span{
		padding:0 20px 0 10px;
	}

	/* People  */
	#people{
		width:20%;
	}
	#people + span{
		padding:0 0 0 10px;
	}

	/* reception_hall  */
	#reception_hall{
		width:100px;
	}
	#reception_hall + span{
		padding:0 0 0 10px;
	}

	/* comm */
	#comm{
		width:100%;
	}

	/* FaerSchedule  */
	.FaerSchedule td span{
		display:block;
		margin-bottom:5px;
	}
	.FaerSchedule td select{
		width:100%;
	}
	.FaerSchedule td select + span{
		margin-top:20px;
	}
	.FaerSchedule td select{
		width:100%;
	}
	.FaerSchedule .fairselect{
		display: block;
		margin-bottom:10px;
	}
	.FaerSchedule .fairselect > div {
		margin-bottom: 20px;
	}
	.FaerSchedule .fairselect span + br{
		display: none;
	}

	.FaerSchedule .commonBtn1{
		color:#FFF;
		width: 100%;
	}
	.FaerSchedule .delete{
		color: #F00;
		text-decoration: underline;
		padding-bottom: 15px;
	}

	/* #shop */
	.formarea .formwrap > tbody > tr > td select.shop {
		margin-top: 5px;
		background-color: rgb(251, 237, 237);
	}
	.formarea .formwrap > tbody > tr > td .shopwrap + .shopwrap{
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #E3E3E3;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea{
		position:relative;
		margin-bottom: 2px;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea:after{
		content:'';
		display:block;
		position:absolute;
		top:-5%;
		left:-5%;
		width:110%;
		height:110%;
		background-color:#FFF;
		opacity:0.0;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea > label > span{
		font-size:15px;
		font-size:1.5rem;
		padding:0;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea > label > span:before,
	.formarea .formwrap > tbody > tr > td .shopwrap .shoparea > label > span:after{
		display:none;
	}
	.formarea .formwrap > tbody > tr > td .shopwrap .shops > label{
		margin-right:14px;
	}
	.formarea .formwrap > tbody > tr > td .checkboxstyle1 > label{
		display:inline-block;
		margin-right: 35px;
	}
	.formarea .formwrap > tbody > tr > td .checkboxstyle1 > label > input{
		margin-right:8px;
		vertical-align:middle;
		margin-top: -4px;
	}


	.confirmBtns button {
		display: inline-block;
		margin: 0;
		width: 100%;
	}
	.confirmBtns button + button {
		margin-top: 10px;
	}


	/* #Schedule  */
	#Schedule span{
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 0 5px;
	}

	.formarea .confirm{
		width: 260px;
		height: 62px;
		background-image:url(../../img/resort/contact/submitbtn1.png);
		background-size:100%;
		margin:0px auto;
		display: block;
		color:rgba(0,0,0,0.00);
	}
	.formarea .back{
		width: 260px;
		height: 62px;
		background-image:url(../../img/resort/contact/submitbtn3.png);
		background-size:100%;
		margin:0px auto;
		display: block;
		color:rgba(0,0,0,0.00);
	}
	.formarea .submit{
		width: 260px;
		height: 62px;
		background-image:url(../../img/resort/contact/submitbtn2.png);
		background-size:100%;
		margin:0px auto;
		display: block;
		color:rgba(0,0,0,0.00);
	}

	/* .Address0 */
	.Address0 td .annoRed{
		font-size: 1.2rem;
		color: #E44C59;
		font-weight: lighter;
		margin-bottom: 14px;
	}
	.Address0 input{
		width: 75%!important;
	}

	/* .DressPlan */
	.DressPlan th{
		padding-top: 14px!important;
	}

	/* .contentFinArea */
	.contentFinArea{
		position: relative;
		margin: 0px auto;
		background-color: #FFF;
		width: 100%;
		padding:0 5% 100px;
		box-sizing: border-box;
		max-width: 920px;
	}
	.contentFinArea .title{
		margin: 42px 0px 44px;
		text-align: center;
	}
	.contentFinArea .subtitle{
		font-size:14px;
		font-size:1.4rem;
		color:#E85162;
		margin-bottom:14px;
	}
	.contentFinArea .caption{
		font-size:12px;
		font-size:1.2rem;
		margin-bottom:10px;
	}
	.contentFinArea .caption + .subtitle{
		margin-top:40px;
	}
	.contentFinArea .backtop{
		margin-top:20%;
		text-align: center;
	}

	select[name*="visit_time"]{
		width: 50% !important;
	}
	.confirmBtns button[name="back_btn"]:after {
		right: auto;
		left: 20px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.confirmBtns button[name="back_btn"]:hover:after{
		-webkit-transform: rotate(180deg) translateX(3px);
		-moz-transform: rotate(180deg) translateX(3px);
		-ms-transform: rotate(180deg) translateX(3px);
		-o-transform: rotate(180deg) translateX(3px);
		transform: rotate(180deg) translateX(3px);
	}
}