@media (max-width: 1350px) {
	BODY .mainwrap .article {
		padding: 3rem 3.5rem 8rem;
	}
	BODY .reserv_reserv ._rule {
		width:45%;
	    padding-right: 0.5rem;
	}
	BODY .reserv_reserv ._form {
		width:55%;
	    padding-left: 1rem;
	}
}
@media (max-width: 768px) {
	BODY .mainwrap .article {
		padding: 3rem 0 8rem;
	}
	#FachireViewer .reserv_area ._term .termarea > DIV.period_calendar {
		display:none;
	}

	#FachireViewer UL.ResvPurList LI > DL.app_title {
		height:6rem;
	}
	#FachireViewer UL.ResvPurList LI > DL.app_title > DT + DD {
		flex-direction: column;
		align-items: flex-start;
	}
	#FachireViewer UL.ResvPurList .app_title H4 {
		width:100%;
		padding:0;
		text-align:left;
	}
	#FachireViewer UL.ResvPurList .app_title H4 + SMALL {
		width:100%;
		text-align:left;
		padding:0;
		display:block;
	}
}

.reserv_reserv ._rule .rule_guide {}





.reserv_calendar>._head {
    background-color: #1d64aa;
    border-color: #324d7f;
}
.reserv_calendar>._head > LI {
    border-color: #324d7f;
}




#FachireViewer {
	margin-top:10rem;
}
.reserv_calendar > ._body > DL {
	min-height:15rem;
}

.reserv_calendar>._body UL > LI {
	position: relative;
	margin-top:-1px;
}
.reserv_calendar>._body UL > LI:hover {
	z-index:1;
}

.reserv_calendar>._body UL > LI BUTTON {
	border:1px solid transparent;
	border-color:#ddd;
	font-size:1.22rem;
	padding:0.3rem;
	text-align:center;
	cursor: default;
	min-height:2.4rem;
}

.reserv_calendar>._body UL > LI:last-of-type BUTTON {
	border-bottom-color:#ddd;
}
.reserv_calendar>._body UL > LI BUTTON:disabled {
	color:#c00;
}
.reserv_calendar>._body UL > LI BUTTON:disabled:hover {
	border:1px solid #000;
}
.reserv_calendar>._body UL > LI BUTTON::before {
	font-size:1.5rem;
}


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


	#FachireViewer .reserv_calendar DT + DD {
		position: relative;
	}
}