/* ==================== calendar ==================== */


/* ------------------------------

calendar

------------------------------ */
.calendar {
	margin:0 auto 15px;
	width: auto;
}

.calendar table {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #BCBCBC;
}

/* 曜日 */
.calendar th {
	padding:0;
	text-align:center;
	color:#000;
	border:1px solid #BCBCBC;
	font-size:0.85em;
	width: 14.28%;
	background: #E5E5E5;
}

/* 日にち */
.calendar td {
	padding:0;
	text-align:center;
	border:1px solid #BCBCBC;
	background:#FFF;
	line-height: 1.5;
	color:#000;
}

/* 休日 */
.calendar th.holiday ,
.calendar td.holiday {
	background:#FFB8BF;
}

/* 土曜日 */
.calendar th.holiday2 ,
.calendar td.holiday2 {
	background: #dfeefc;
}

.sat.sat ,.saturday { color : blue; } /* 土曜 */
.sun.sun ,.sunday { color : red; } /* 日曜 */


/* 本日 */
.calendar #today {
	background:#FFBA00;
	font-weight:bold;
}





.calendar-day {
	padding: 5px 5px 0;
	text-align: right;
	font-size: .85em;
}

.calendar-event {
	padding: 0 5px 5px;
	min-height: 2em;
	line-height: 1.5;
	text-align: center;
}




@media screen and (max-width: 480px) {


.calendar th ,
.calendar td {
	display: block;
	border: 0;
	border-bottom: 1px solid #CCC;
}

.calendar td {
	width: auto;
}

.calendar td:after {
	content: "";
	clear: both;
	display: block;
}

.calendar td p {
	background: #EEE;
}

.calendar-day {
	float: left;
	padding: 5px;
	width: 2em;
	min-height: 2rem;
	border-right: 1px solid #CCC;
}

.calendar-event.calendar-event {
	overflow: hidden;
	padding: 5px;
	min-height: 2rem;
	line-height: 1.5;
	text-align: left;
	background: #FFF;
}

.calendar thead ,
.calendar-other-month.calendar-other-month {
	display: none;
}
}











/* ------------------------------

V calendar

------------------------------ */
.v-calendar {
	margin:0 auto 15px;
	width: auto;
}

.v-calendar table {
	width: 100%;
	border-collapse: collapse;
	border:1px solid #BCBCBC;
}

.v-calendar th ,
.v-calendar td {
	padding: 5px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #BCBCBC;
}

.v-calendar thead th {
	background: #666;
	color: #FFF;
}

.v-calendar tr.odd ,
.v-calendar td.odd {
	background-color: #FFF;
}


.v-calendar .holiday {
	background: #ffdfe2;
}

.v-calendar .highlight,
.v-calendar .mypageReserve .highlight {
	background: #ffe695;
}

.v-calendar .highlightCancel,
.v-calendar .mypageReserve .highlightCancel {
	background: #eaeffd;
}

.highlightCancel b {
	font-size: 1.5em;
	color: #E01414;
}

.v-calendar tfoot {
	border-top: 3px double #333;
}

.v-calendar tfoot td {
	padding: 10px 5px;
	font-weight: bold;
	background: #EEE;
}



.v-calendar thead td .mini-info {
	margin-bottom: 0;
	display: inline;
	width: auto;
}

.v-calendar thead td .mini-info:after {
	content: "";
	clear: both;
	display: block;
}

.v-calendar thead td .mini-info dt {
	margin-right: 10px;
	margin-bottom: 3px;
	clear: both;
	float: left;
	width: 8rem;
	text-align: center;
}

.v-calendar thead td .mini-info dd {
	float: left;
	margin-bottom: 3px;
}




/* ------------------------------

event calendar
v calendar date

------------------------------ */

.event-calendar {
	width: auto;
}

.event-calendar:after {
	content: "";
	clear: both;
	display: block;
}

.event-calendar .v-calendar{
	float: left;
}

.event-calendar .v-calendar-date {
	width: 80px;
}

.event-calendar .v-calendar-event {
	width: 920px;
	overflow-x:scroll
}

.event-calendar .v-calendar-date table {
	background: #ccc;
}

.event-calendar .v-calendar-event table th ,
.event-calendar .v-calendar-event table td {
	white-space: nowrap;
}

.event-calendar .formGroup {
	padding: 0;
}


@media screen and (max-width: 1024px) {
.event-calendar .v-calendar-event {
	width: calc(100% - 80px);	
}
}



/* ------------------------------

h calendar

------------------------------ */
.h-calendar {
	margin:0 auto 15px;
	width: auto;
}

.h-calendar table {
	width: 100%;
	border-collapse: collapse;
	border:1px solid #BCBCBC;
	border: 0;
}

.h-calendar th ,
.h-calendar td {
	padding: 3px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #BCBCBC;
}

.h-calendar thead th {
	background: #666;
	color: #FFF;
}


.h-calendar td.holiday {
	background: #ffdfe2;
}


.h-calendar th.plain, 
.h-calendar td.plain {
	background: transparent;
	border: none;
	color: #222;
}