@charset "utf-8";
.reservation_calendar_wrap {
	position: relative;
}
.reservation_calendar_wrap .reservation_calendar_head {
	background-color: #d8eee8;
	height: 90px;
	position: relative;
	font-weight: 600;
	color: #5cb89e;
	text-align: center;
	padding: 10px;
}
.reservation_calendar_wrap  .reservation_calendar_head  a.link-month {
	font-weight: 600;
	color: #383838;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	bottom: 5px;
}
.reservation_calendar_wrap  .reservation_calendar_head  a.link-month.disabled {
	opacity: 0.33;
}
.reservation_calendar_wrap  .reservation_calendar_head  a.link-month.prev {
	left: 10px;
}
.reservation_calendar_wrap   .reservation_calendar_head   a.link-month.next {
	right: 10px;
}
.reservation_calendar_wrap  .reservation_calendar_head  a.link-month.prev2 {
	left: 80px;
}
.reservation_calendar_wrap   .reservation_calendar_head   a.link-month.next2 {
	right: 80px;
}
.reservation_calendar_wrap .reservation_calendar_head .year {
	font-size: 14px;
	line-height: 1.2;
}
.reservation_calendar_wrap .reservation_calendar_head .month {
	font-size: 50px;
	line-height: 1.2;
	font-weight: 900;
}
.reservation_calendar_wrap .reservation_calendar_table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 10px;
}
.reservation_calendar_wrap .reservation_calendar_table.nofixed {
	table-layout: auto;
}
.reservation_calendar_wrap .reservation_calendar_table th,
.reservation_calendar_wrap .reservation_calendar_table td {
	font-size: 11px;
	line-height: 2;
	border: 1px solid #e9e9e8;
	padding: 3px;
}
.reservation_calendar_wrap .reservation_calendar_table th {
	text-align: center;
	color: #181818;
	font-weight: 300;
}
.reservation_calendar_wrap .reservation_calendar_table thead tr th:first-child {
	color: #e20b0b;
}
.reservation_calendar_wrap .reservation_calendar_table thead tr th:last-child {
	color: #2290d6;
}
.reservation_calendar_wrap .reservation_calendar_table th.room_name {
	color: #181818 !important;
	font-weight: 600;
	text-align: left;
	font-size: 16px;
}

.reservation_calendar_wrap .reservation_calendar_table td {
	vertical-align: top;
}
.reservation_calendar_wrap .reservation_calendar_table td.disabled {
	background-color: #999;
	opacity: 0.5;
}
.reservation_calendar_wrap .reservation_calendar_table td.disabled a {
}

.reservation_calendar_wrap .reservation_calendar_table td .day {
	display: block;
	text-align: right;
	color: #181818;
}
.reservation_calendar_wrap .reservation_calendar_table tr td:first-child .day {
	color: #e20b0b;
}
.reservation_calendar_wrap .reservation_calendar_table tr td:last-child .day {
	color: #2290d6;
}
.reservation_calendar_wrap .reservation_calendar_table td a:hover {
	opacity: 1;
}
.reservation_calendar_wrap .reservation_calendar_table td a,
.reservation_calendar_wrap .reservation_calendar_table td .stats_3 {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
	position: relative;
}
.reservation_calendar_wrap .reservation_calendar_table td a.stats_1 {
	background-color: #337ab7;
}
.reservation_calendar_wrap .reservation_calendar_table td a.stats_2 {
	background-color: #337ab7;
}
.reservation_calendar_wrap .reservation_calendar_table td .stats_3 {
	background-color: #eb5c5c;
}
.reservation_calendar_wrap .reservation_calendar_table td .stats_9 {
	background-color: #808080;
}

.reservation_calendar_wrap .reservation_calendar_table td a.hour1:before {
	content: "午前";
	font-size: 10px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.reservation_calendar_wrap .reservation_calendar_table td a.hour2:before {
	content: "午後";
	font-size: 10px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.reservation_calendar_wrap .reservation_calendar_table td a.hour3:before {
	content: "夜間";
	font-size: 10px;
	position: absolute;
	top: 2px;
	left: 2px;
}

@media (max-width: 767px) {
	.reservation_calendar_wrap .reservation_calendar_table td a.hour1:before,
	.reservation_calendar_wrap .reservation_calendar_table td a.hour2:before,
	.reservation_calendar_wrap .reservation_calendar_table td a.hour3:before {
		top: -5px;
		left: -2px;
		transform: scale(0.7);
	}
}

