@charset "utf-8";

/*全体*/
.calWrapper{
	/*max-width: 600px;*/

	margin: 0 auto;
	color: #666;
}

.calWrapper th,
.calWrapper td{
	width: initial !important;
	vertical-align:top;
}

.calWrapper td{
	width: 100px !important;
}

.calWrapper td.schc{
	font-size: 12px;
}

.calWrapper td:hover,
.calWrapper td.selected {
	background-color: #d9efff;
}

.calWrapper #header {
	text-align: center;
	font-size: 24px;
	width: 100%;
	margin: 1rem 0 0;
}

/*カレンダー*/
.calWrapper #calendar {
	/*text-align: center;*/
	width: 100%;
}
.calWrapper table {
	outline: 2px solid #ddd;
	border-collapse: collapse;
	width: 100%;
	height: 500px;
	vertical-align:top;
}
.calWrapper table th {
	color: #000;
	vertical-align:top;
}
.calWrapper th,
.calWrapper td {
	outline: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	/*text-align: center;*/
}
.calWrapper td:first-child,
.calWrapper td.holiday{
	color: red;
}
.calWrapper td:last-child {
	color: blue;
}
.calWrapper td.disabled {
	color: #ccc;
}
.calWrapper td.today {
	background-color: #D65E72;
	color: #fff;
}

.calWrapper td.reservations {
	/*cursor: pointer;*/
}

/*ボタン*/
.calWrapper #next-prev-button {
	position: relative;
}
.calWrapper #next-prev-button button{
	cursor: pointer;
	background: #B78D4A;
	color: #fff;
	border: 1px solid #B78D4A;
	border-radius: 4px;
	font-size: 1rem;
	padding: 0.5rem 2rem;
	margin: 1rem 0;
}
.calWrapper #next-prev-button button:hover{
	background-color: #D4BB92;
	border-color: #D4BB92;
}
.calWrapper #prev {
	float: left;
}
.calWrapper #next {
	float: right;
}