@charset "UTF-8";



/* booking --------------------------------------------------------------- */
#booking {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	}

	#booking h1 {
		font-size: 28px;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 30px;
		}

		#booking h1 span {
			font-size: 16px;
			margin-top: 10px;
			padding-left: 3px;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
			}

@media(max-width: 768px){
	}



/* date --------------------------------------------------------------- */
#date {
	margin: 30px auto 40px auto;
	padding: 20px 0;
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	}

	#date p {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		}

		#date p span {
			font-size: 30px;
			font-weight: bold;
			margin: 10px auto;
			font-family: 'Hina Mincho', serif;
			}

@media(max-width: 768px){
	}



/* form --------------------------------------------------------------- */
#form {
	margin: 0 auto 30px auto;
	}

#form .confirm {
	margin-top: 30px;
	}

	#form p {
		margin-bottom: 10px;
		text-align: center;
		}

	#form dl {
		width: 100%;
		display: table;
		line-height: 1.5;
		}

	#form dl:nth-of-type(odd) {
		background-color: #efefef;
		}

		#form dl dt,
		#form dl dd {
			display: table-cell;
			padding: 10px;
			vertical-align: middle;
			border: dotted 1px #cccccc;
			}

		#form dl dt {
			width: 12em;
			text-align: center;
			border-left: 0;
			}

			#form dl dt span {
				display: block;
				font-size: 13px;
				}

		#form dl dd {
			border-right: 0;
			}

			#form dl dd label {
				display: block;
				margin: 5px 0;
				}

				#form dl dd span {
					display: inline-block;
					font-size: 13px;
					}

				#form dl dd span.error {
					display: block;
					color: #ff7978;
					font-size: 15px;
					font-weight: bold;
					line-height: 1;
					margin: 5px 0;
					}

			#form dl dd input[type="text"],
			#form dl dd textarea {
				width: 100%;
				padding: 5px;
				border-radius: 7px;
				box-sizing: border-box;
				border: solid 1px #dddddd;
				}

			#form dl dd input[type="text"] {
				}

			#form dl dd textarea {
				height: 10em;
				}

			::placeholder {
				opacity: 0.7;
				color: #777777;
				}

#send {
	width: 300px;
	margin: 0 auto;
	}

	#send #submit {
		width: 100%;
		padding: 20px 0;
		border: 0;
		font-size: 16px;
		letter-spacing: 1px;
		border-radius: 20px;
		cursor: pointer;
		color: #ffffff;
		background-color: #ff7978;
		}

@media(max-width: 768px){
	#form dl dt {
		width: 6em;
		}
	}