
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-holiday > a {
	background: #ffc0c0;
}
.ui-datepicker-calendar .day-saturday > a {
	background: #c0d0ff;
}

main.contact a {
	color: #333;
}

article.mv ul {
	margin: 2em 0;
	text-align: center;
}

article.mv li {
	display: inline-block;
	width: 9.5em;
	text-align: center;
	list-style: none;
	box-sizing: border-box;
}

article.mv li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	color: #333;
	text-decoration: none;
}

article.mv li.now a {
	background: #53687c;
	border-color: #53687c;
	color: #fff;
}

article.form {
	background: #f8f8f8;
}

article.form dl:after {
	content: "";
	display: block;
	clear: both;
}

article.form dt {
	padding: 0.65em 0;
	clear: both;
}

article.form span.must {
	margin-left: 0.5em;
	font-size: 80%;
	color: #f00;
}

article.form span.holiday {
	font-size: 80%;
}

article.form dd {
	margin-bottom: 1em;
}

article.confirm dd {
	padding: 0.65em 0;
}

article.confirm dd.daytime {
	padding: 0;
}

article.form dd label {
	display: inline-block;
	padding: 0.65em 0;
}

article.form input[type=text],
article.form textarea,
article.form select {
	width: 100%;
	padding: 0.65em;
	font-size: 100%;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	border: 1px solid #c3c3c3;
	border-radius: 0;
	color: #333;
	font-family: "Noto Sans JP";
	font-weight: 100;
	box-sizing: border-box;
}

article.form textarea {
	height: 12em;
}

article.form .select_wrap {
	position: relative;
	display: inline-block;
	border: 1px solid #c3c3c3;
}

article.form .select_wrap select {
	padding: calc(0.65em - 1px);
	border: 0;
}

article.form .select_wrap:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2px;
	width: 2em;
	height: calc(100% + 2px);
	line-height: 2em;
	margin: auto;
	background: #707070 url(../img/select_btn.svg) center center no-repeat;
	background-size: 35%;
	pointer-events: none;
}

article.form dd.daytime .box {
	margin-bottom: 1em;
}

article.form dd.daytime .box:after {
	content: "";
	display: block;
	clear: both;
}

article.form dd.daytime .box > div {
	float: left;
	width: 50%;
}

article.confirm dd.daytime .box > div {
	padding: 0.65em 0;
}

article.form a.btn {
	display: inline-block;
	width: 18em;
	margin-top: 1em;
	padding: 1.5em 0;
	background: #333;
	color: #fff!important;
	box-sizing: border-box;
}

@media all and (min-width: 768px){
/* pc */
main article .container {
	padding: 3em 0;
}

article.mv .container {
	padding: 8em 0 3em 0;
}

article.mv li:first-child {
	margin-right: 5%;
}

article.mv .copy2 {
	text-align: center;
}

article.form form {
	width: 65%;
	margin: auto;
}

article.form dt {
	position: relative;
	float: left;
	width: 11em;
	box-sizing: border-box;
}

article.form dt.daytime .must {
	position: absolute;
	top: 4.18em;
	left: 1em;
}

article.form dt.daytime .holiday {
	position: absolute;
	top: 2.68em;
	left: 1em;
	margin-left: 0.5em;
}

article.form dd {
	width: calc(100% - 11em);
	margin-left: 11em;
}

article.form dd .relationBox {
	display: inline-block;
	width: calc(100% - 12em + 2px);
	margin-left: 1em;
}

article.form dd.full {
	width: 100%;
	margin-left: 0;
}

article.form dd.daytime .box > div:last-child {
	text-align: right;
}

article.confirm dd.daytime .box > div:last-child {
	text-align: left !important;
}

article.form dd.daytime input[type=text],
article.form dd.daytime .select_wrap {
	width: calc(100% - 8em);
	margin-left: 1em;
}
/* pc end */
}

@media all and (max-width: 767px){
/* sp */

main article .container {
	padding: 1.5em 0 3em 0;
}

article.mv .container {
	padding: 6em 0 1.5em 0;
}

article.mv li:first-child {
	margin-right: 0.75em;
}

article.form dt .holiday {
	margin-left: 0.25em;
}

article.form dd.daytime input[type=text] {
	width: 90%;
}

article.form dd.daytime .select_wrap {
	width: 100%;
}
/* sp end */
}
