@charset "UTF-8";
/* =================================
Top Page CSS
================================= */


#calendar {
}
.ui-datepicker {
	/*padding:20px;*/
	/*border:2px solid #000;*/
}
.calender table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	text-align:center;
	font-size:18px;
}

.ui-datepicker table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	text-align:center;
	font-size:18px;
}

.calender th,
.calender td {
	height:40px;
	font-weight:normal;
}

.ui-datepicker th,
.ui-datepicker td {
	height:40px;
	font-weight:normal;
}

.calender td span {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#E6E6E6;
	color:#666;
}
.ui-datepicker td span {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#EF95B8!important;
	color:#FFF!important;
	line-height: 20px!important;
}

@media only screen and (max-width: 768px) {
	
	#calendar {
		width:100%;
	}
	#calendar {
		width:100%;
		margin-bottom: 30px;
	}

	.calender {
		padding:10px;
	}
	.ui-datepicker {
		padding:10px;
	}
	.calender .month {
		margin:0 0 10px;
	}
	.ui-datepicker table {
		width:90%;
		margin:0 auto;
		font-size:12px;
	}
	.calender th,
	.calender td {
		padding:2%;
		height:auto;
	}
	.ui-datepicker th,
	.ui-datepicker td {
		padding:2%;
		height:auto;
	}
	.calender td span {
		width:16px;
		height:16px;
	}
	.ui-datepicker td span {
		width:26px!important;
		height:26px!important;
	}
}