/*noto semibold*/
.entry-date{
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-style: normal;	
}
input,textarea,select{
  font-family: "Noto Serif JP", serif;
}
input::placeholder,
textarea::placeholder{
  font-family: "Noto Serif JP", serif;
}
.form-area dd textarea,
.form-area dd input{
	background: rgba(255,255,255,0.6);
	outline: none;
	border: none;
}
.main-form + .download{
	display: none;
}
.mw_wp_form_confirm .btn-link-basic{
	display: none;
}

.mw_wp_form_input .btn-list{
	display: none;
}
.form-area input + .error{
	display: none;
}
.form-area br{
	display: none;
}
.mw_wp_form_confirm .form-select-time:after{
	display: none;
}


@media screen and (min-width: 768px) {

	.form-contents{
		padding: 200px 0 0;
	}
	.form-contents .sec-header{
		text-align: center;
	}
	.form-download .sec-header h2{
		margin: auto;
		width: 386px;
	}
	.form-contact .sec-header h2{
		margin: auto;
		width: 296px;
	}
	.form-reservation .sec-header h2{
		margin: auto;
		width: 452px;
	}

	.form-lead{
		margin: 20px 0 0;
		text-align: center;
	}
	.form-lead p{
		line-height: 2;
	}
	.form-lead p + p{
		margin-top: 30px;
	}

	.form-lead span{
		margin: 15px 0 0;
		display: block;
		font-size: 14px;
		color: #d15431;
	}

	.form-lead + .btn-link{
		margin-top: 60px;
	}

  /* form-area
  ==========================================================*/

	.form-area{
		margin: 55px auto 0;
		padding: 0 20px;
		max-width: 840px;
	}
	.form-area dt{
		position: relative;
		padding: 0 0 0 20px;
		margin: 0 12px;
	}
	.form-area dt em{
		position: absolute;
		left: 0;
		color: #d15431;
	}
	.form-area dt .error{
		margin: 0 0 0 20px;
		display: inline-block;
		color: #da0a0a;
		font-size: 14px;
	}
	.form-area dt .error:before{
		content: "※";
	}

	.form-area dd{
		margin: 15px 0 0;
		line-height: calc(26/14);
	}
	.form-confirm dd,
	.mw_wp_form_confirm dd{
		margin: 30px 0 0 32px;
	}
	.form-area dd input[type="text"]{
		padding: 0 30px;
		width: 100%;
		height: 60px;
		font-size: 16px;
	}
	.form-area textarea{
		width: 100%;
		height: 200px;
		padding: 20px 30px;
		font-size: 16px;
	}

	.form-input{
		margin-top: 50px;
	}
	.form-input dl + dl{
		margin-top: 17px;
	}
	.form-confirm .form-input dl + dl,
	.mw_wp_form_confirm .form-input dl + dl{
		margin-top: 45px;
	}



	.form-fair-date{
		margin: 60px 0 0;
		display: flex;
	}
	.form-fair-date dl{
		width: 50%;
	}
	.form-fair-date dl dd{
		display: flex;
		align-items: center;
		height: 60px;
	}


	dd.is-set-input{
		padding: 0 30px;
	}
	.mw_wp_form_confirm dd.is-set-input{
		padding: 0;
	}
	dd.is-set-input input{
		display: none;
	}
	.form-area select{
		width: 100%;
		border: none;
		padding: 0 30px;
		width: 100%;
		height: 60px;
		font-size: 16px;
	  box-shadow: none;
	  appearance: none;
		background: rgba(255,255,255,0.6);
		outline: none;
		border-radius: inherit;
		color: #a7918a;
	}
	.form-area select.on{
		color: #231815;
	}
	.form-select-time{
		position: relative;
		width: 100%;
	}
	.form-select-time:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 30px;
		bottom: 0;
		display: block; 
		width: 18px;
		height: 10px;
		background: url(../img/common/arrow_select.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}


  /* inquiry
  ==========================================================*/

  .form-select-inquiry .select-inquiry{
  	margin-top: 30px;
  }

  .select-inquiry ul{
  	display: flex;
  	padding: 0 10px;
  }
  .select-inquiry > div{
  	padding: 0 10px;
   	display: flex;
  }
  .form-area .form-select-inquiry .select-inquiry span + span,
  .form-area .form-select-inquiry .select-inquiry li + li{
  	margin-left: 28px;
  }
  .select-inquiry input{
  	display: none;
  }
  .select-inquiry label{
  	position: relative;
  	display: inline-block;
  }

  .select-inquiry label span{
  	position: relative;
  	display: inline-block;
  	padding: 0 0 0 30px;
  }
  .select-inquiry em{
  	position: absolute;
  	display: block;
   	margin: auto;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	width: 20px;
  	height: 20px;
  	background: rgba(255,255,255,0.6);
  	border-radius: 10px;
  }
  .select-inquiry label:after{
  	content: "";
  	position: absolute;
  	display: block;
   	margin: auto;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	width: 20px;
  	height: 20px;
  	background: rgba(255,255,255,0.6);
  	border-radius: 10px;
  	z-index: 5;
  }
  .select-inquiry label input:checked + span:after{
  	content: "";
  	position: absolute;
  	display: block;
   	margin: auto;
  	left: 5px;
  	top: 0;
  	bottom: 0;
  	width: 10px;
  	height: 10px;
  	background: #231815;
  	border-radius: 10px;
  	z-index: 20;
  }


  /* form-privacy
  ==========================================================*/

	.form-privacy{
		margin: 60px 0 0;
	}
	.form-privacy h3{
		text-align: center;
		font-size: 16px;
	}
	.form-privacy-detail{
		margin: 25px 0 0;
		padding: 25px;
		background: rgba(255,255,255,0.5);
	}
	.form-privacy-detail p{
		line-height: calc(26/14);
		font-size: 14px;
	}
	.form-check{
		margin: 30px 0 0;
		text-align: center;
	}
	.form-check label input{
		display: none;
	}

	.form-check label span{
		position: relative;
		padding: 0 0 0 30px;
	}
	.form-check label span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 20px;
		height: 20px;
		background: rgba(255,255,255,0.5);
	}
	.form-check input:checked + span:before{
		background: rgba(255,255,255,0.5) url(../img/common/icon_check.svg) 50% 50% no-repeat;
		background-size: 12px 12px;
	}




	.form-contact .btn-link-basic{
		margin-top: 70px;
	}
	.form-download .btn-link-basic{
		margin-top: 60px;
	}
	.form-complete .btn-link{
		margin-top: 70px;
	}
	.form-reservation .btn-link-basic{
		margin-top: 70px;
	}




	@keyframes linktxthover{
		0%{background-size: 0% 1px;}
		100%{background-size: 200% 1px;}
	}

	a.link-ud{
		padding: 0 0 2px;
		background: linear-gradient(to top, #231815 1px, transparent 99%) no-repeat;
		background-position: 0% 100%;
		background-size: 200% 1px;
	}
	a.link-ud:hover{
		animation: linktxthover 1000ms ease 1;
	}



}


@media screen and (max-width: 767px) {


	.form-contents{
		padding: 105px 0 0;
	}
	.form-contents .sec-header{
		text-align: center;
	}
	.form-download .sec-header h2{
		margin: auto;
		width: 197px;
	}
	.form-contact .sec-header h2{
		margin: auto;
		width: 152px;
	}
	.form-reservation .sec-header h2{
		margin: auto;
		width: 230px;
	}

	.form-lead{
		margin: 10px 0 0;
		text-align: center;
	}
	.form-lead p{
		line-height: calc(24/14);
	}
	.form-lead p + p{
		margin-top: 30px;
	}

	.form-lead span{
		margin: 10px 0 0;
		display: block;
		color: #d15431;
	}


	.form-lead + .btn-link{
		margin-top: 30px;
	}

  /* form-area
  ==========================================================*/

	.form-area{
		margin: 35px auto 0;
		padding: 0 30px;
	}
	.form-area dt{
		position: relative;
		padding: 0 0 0 20px;
	}
	.form-area dt em{
		position: absolute;
		left: 0;
		color: #d15431;
	}
	.form-area dt .error{
		margin: 0 0 0 13px;
		display: inline-block;
		color: #da0a0a;
		font-size: 14px;
	}

	.form-area dd{
		margin: 10px 0 0;
		line-height: calc(26/14);
	}
	.form-confirm dd,
	.mw_wp_form_confirm dd{
		margin: 20px 0 0 12px;
	}
	.form-area dd input[type="text"]{
		padding: 0 13px;
		width: 100%;
		height: 50px;
		font-size: 14px;
	}
	.form-area textarea{
		width: 100%;
		height: 200px;
		padding: 18px 13px;
		font-size: 14px;
	}

	.form-input{
		margin-top: 35px;
	}
	.form-input dl + dl{
		margin-top: 17px;
	}
	.form-confirm .form-input dl + dl,
	.mw_wp_form_confirm .form-input dl + dl{
		margin-top: 35px;
	}


	.form-fair-date{
		margin: 30px 0 0;
	}
	.form-fair-date dl + dl{
		margin-top: 30px;
	}
	.form-fair dt{
		padding: 0 0 0 15px;
	}
	dd.is-set-input{
		padding: 0 15px;
	}
	.mw_wp_form_confirm dd.is-set-input{
		padding: 0;
	}
	dd.is-set-input input{
		display: none;
	}
	.form-area select{
		width: 100%;
		border: none;
		padding: 0 30px;
		width: 100%;
		height: 60px;
		font-size: 16px;
	  box-shadow: none;
	  appearance: none;
		background: rgba(255,255,255,0.6);
		outline: none;
		border-radius: inherit;
		color: #a7918a;
	}
	.form-area select.on{
		color: #231815;
	}
	.form-select-time{
		position: relative;
		width: 100%;
	}
	.form-select-time:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 30px;
		bottom: 0;
		display: block; 
		width: 18px;
		height: 10px;
		background: url(../img/common/arrow_select.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}


  /* inquiry
  ==========================================================*/

  .form-select-inquiry .select-inquiry{
  	margin-top: 30px;
  }

  .select-inquiry ul{
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  }
  .select-inquiry li{
  	width: calc(50% - 20px);
  }
   .select-inquiry li:nth-child(n+3){
   	margin-top: 25px;
   }
  .select-inquiry input{
  	display: none;
  }
  .select-inquiry label{
  	position: relative;
  	display: inline-block;
  }
  .select-inquiry label span{
  	position: relative;
  	display: inline-block;
  	padding: 0 0 0 30px;
  }
  .select-inquiry em{
  	position: absolute;
  	margin: auto;
  	display: block;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	width: 20px;
  	height: 20px;
  	background: rgba(255,255,255,0.6);
  	border-radius: 10px;
  }
  .select-inquiry label:after{
  	content: "";
  	position: absolute;
  	display: block;
   	margin: auto;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	width: 20px;
  	height: 20px;
  	background: rgba(255,255,255,0.6);
  	border-radius: 10px;
  	z-index: 5;
  }
  .select-inquiry label input:checked + span:after{
  	content: "";
  	position: absolute;
  	display: block;
   	margin: auto;
  	left: 5px;
  	top: 0;
  	bottom: 0;
  	width: 10px;
  	height: 10px;
  	background: #231815;
  	border-radius: 10px;
  	z-index: 20;
  }



  .select-inquiry div{
  	display: flex;
  	flex-wrap: wrap;
  }
  .form-area .form-select-inquiry .select-inquiry > div > span{
  	display: block;
   	margin: 0;
  	width: 50%;
  }
  .form-area .form-select-inquiry .select-inquiry > div > span:nth-child(n+3){
  	margin-top: 25px;
  }
  .select-inquiry label:after{
  	content: "";
  	position: absolute;
  	display: block;
   	margin: auto;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	width: 20px;
  	height: 20px;
  	background: rgba(255,255,255,0.6);
  	border-radius: 10px;
  }


  /* form-privacy
  ==========================================================*/

	.form-privacy{
		margin: 40px 0 0;
	}
	.form-privacy h3{
		text-align: center;
		font-size: 16px;
	}
	.form-privacy-detail{
		margin: 25px 0 0;
		padding: 20px 15px;
		background: rgba(255,255,255,0.5);
	}
	.form-privacy-detail p{
		line-height: calc(26/14);
		font-size: 14px;
	}
	.form-check{
		margin: 25px 0 0;
		text-align: center;
	}
	.form-check label input{
		display: none;
	}

	.form-check label span{
		position: relative;
		padding: 0 0 0 30px;
	}
	.form-check label span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 20px;
		height: 20px;
		background: rgba(255,255,255,0.5);
	}
	.form-check input:checked + span:before{
		background: rgba(255,255,255,0.5) url(../img/common/icon_check.svg) 50% 50% no-repeat;
		background-size: 12px 12px;
	}





	.form-contact .btn-link-basic{
		margin: 50px 40px 0;
	}
	.form-download .btn-link-basic{
		margin: 50px 40px 0;
	}
	.form-complete .btn-link{
		margin: 50px auto 0;
	}
	.form-reservation .btn-link-basic{
		margin: 50px 40px 0;
	}


	a.link-ud{
		padding: 0 0 2px;
		background: linear-gradient(to top, #231815 1px, transparent 99%) no-repeat;
		background-position: 0% 100%;
		background-size: 200% 1px;
	}


}



@media screen  and (max-width: 374px){





}




