@charset "UTF-8";


/* calendar --------------------------------------------------------------- */
#calendar {
	}
	
	#calendar table {
		width: 100%;
		table-layout: fixed;
		border: solid 1px #dddddd;
		}

		#calendar table caption {
			font-size: 30px;
			padding: 10px 0;
			letter-spacing: 1px;
			font-family: 'Hina Mincho', serif;
			}

			#calendar table th,
			#calendar table td {
				padding: 10px;	
				text-align: center;
				vertical-align: top;
				border: solid 1px #dddddd;
				}

				#calendar table th {
					line-height: 1;
					}
					
				#calendar table td {
					}

				#calendar table th.sat,
				#calendar table td.sat,
				#calendar table td.sat a {
					color: #0080cc;
					}

				#calendar table th.sun,
				#calendar table td.sun,
				#calendar table td.sun a {
					color: #d6000f;
					}

				#calendar table td.full,
				#calendar table td.full a {
					color: #ab23af;
					}

		#calendar table .day-box.disable {
			opacity: 0.5;
			background-image: url("../../img/booking/disable_bg.png");
			background-repeat: repeat;
			}

			#calendar table .day-box.disable .calendar-mark {
				font-size: 14px;
				line-height: 1.3;
				}

			.calendar-mark {
				font-size: 14px;
				line-height: 1.3;
				}

		#calendar table .day-number {
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 1px;
			}

			#calendar table .calendar-mark,
			#calendar table .calendar-mark a {
				font-size: 13px;
				line-height: 1.3;
				letter-spacing: 0;
				}

				#calendar table .calendar-mark a {
					text-decoration: underline;
					}

.monthly-prev-next {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: solid 1px #dddddd;
	}

	.monthly-prev-next a {
		line-height: 1;
		}

	.monthly-prev-next span {
		opacity: 0.5;
		line-height: 1;
		}

	.monthly-prev-next br {
		display: none;
		}

.monthly-prev {
	float: left;
	}

	.monthly-prev a {
		padding-left: 16px;
		background-image: url("../../img/booking/monthly-prev.png");
		background-position: left center;
		background-size: auto 16px;
		}	

.monthly-next {
	float: right;
	}

	.monthly-next a {
		padding-right: 16px;
		background-image: url("../../img/booking/monthly-next.png");
		background-position: right center;
		background-size: auto 16px;
		}

@media(max-width: 768px){
	}