@charset "utf-8";


/* 表側のナビゲーション用 */
.cnavi { display: flex; justify-content: space-around; margin: 1em auto; }
.kwaku { padding: 0 4px; }


.btn,
a.btn,
button.btn01 {
/*	font-size: 1.6rem;*/
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
/*	padding: 1rem 4rem;*/
	padding: .5rem 2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;

/*	text-decoration: none;*/

}


.cl_btn01,a.cl_btn01 {
	color: #fff;
	background: #d2af8c;
	border-radius: 10px;
	padding: 5px;

}
.cl_btn01:hover,
a.cl_btn01:hover {
	color: #fff;
	transition: 0.3s;	/*hoverまでにかける時間。0.3秒。*/
	text-decoration:none;
}




.calenCaption { color: #fff; padding: 3px; font-weight: bold; text-align: center;
	background: var(--primary-color);
/*
	border: 1px solid #afafb1;

	border-style: solid;
	border-width: 1px;
	border-top: solid #afafb1 1px;
	border-left: solid #afafb1 1px;
	border-right-color: #afafb1;
	border-right-width: 1px;
	border-bottom-color: #afafb1;
	border-bottom-width: 0px;
*/
}

.calen {width:100%; border-collapse:collapse; border:1px #afafb1 solid; margin-bottom:.5em; }

.calen th,
.calen td { padding:2px; border:1px #afafb1 solid; font-size:80%;}
.calen thead th { width:14%; border-bottom:1px #afafb1 dashed;}

.calen thead th.sunday { background-color:#fcc; color:#f33;}
.calen thead th.weekdays { background: var(--secondary-color); }
.calen thead th.saturday { 	background: var(--secondary-color); }


/*.calen tbody td { height:100px; vertical-align: top; }*/
.calen tbody td { min-height: 100px; vertical-align: top; 	background: #FFFFFF;}

/*
.calen tbody td.sunday b { color:#f33;}
.calen tbody td.holiday b { color:#f33;}
.calen tbody td span.holname { font-size:90%; color:#999;}
.calen tbody td span.dkyu { font-size:90%; color:#0b6fa8;}
.calen tbody td span.rinji { font-size:90%; color:#f00;}
*/

/* 日付クリック版用のCSS */
/*
.sche_calen { width: 80%; border: 1px #ccc solid; border-collapse: collapse; }
.sche_calen th,
.sche_calen td { border: 1px #ccc solid; padding: 3px; }

.sche_calen thead th.sunday { background-color:#fcc; color:#f33;}
.sche_calen thead th.weekdays { color: #818185;	background-color: #D3F0FE; }
.sche_calen thead th.saturday {background-color:#D3F0FE; color:#818185;}


.sche_calen td { vertical-align: top; width: 14%; }
.sche_calen td div { margin: 3px; font-size: 90%; }

.sche_calen td a {
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
	color: #333;
}
.sche_calen td a:hover {
	background-color: #f49d9d;
}

.sche_calen tbody td.sunday b { color:#f33;}
.sche_calen tbody td.holiday b { color:#f33;}
.sche_calen tbody td span.holname { font-size:90%; color:#999;}
.sche_calen tbody td span.dkyu { font-size:90%; color:#0b6fa8;}
.sche_calen tbody td span.rinji { font-size:90%; color:#f00;}

*/

.calen td a {
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
	color: #333;
}
.calen td a:hover {
	background-color: #f49d9d;
}




#endmsg { margin:5em auto; text-align: center; }



.calen td {
	width: 14.3%;
	height: 100px;
	vertical-align: top;
}
.calen td.calendar-day-off {
	background: #F4F3F2;
	color: #555;
}
.calen td.calendar-holiday,
.calen td.calendar-sun {
	color: #CE2727;
	background: #FCF3F3;
}
.calen td.calendar-sat {
	color: #54AFC8;
	background: #F5FBFE;
}

.calen .calendar-day-number {
	font-style: normal;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding: 0 3px;
	line-height: 1.2;
}
.calen td.calendar-holiday .day,
.calen td.calendar-sun .day {
	color: #DF0D2D;
}
.calen td.calendar-sat .day {
	color: #2574D3;
}
.calen td span {
	font-size: 11px;
	line-height: 1.3;
	display: block;
}

.calen [class*=calender-label] {
	font-size: 11px;
	line-height: 1.3;
	color: #000;
	background: #FCEBCF;
	border: solid 1px #D2AC8E;
	display: block;
	padding: 3px;
	margin-top: 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

.calen span.calender-label0 {	/* 祝日 */
/*
	background-color: #E5FCCF;
	border-color: #99C170;
*/
	background-color: #ccc;
	border-color: #999;
	color: #000;
}

/*.calen td span.calender-label-blue {*/
.calen span.calender-label1 {	/* 固定の休診とかのやつ */
/*
	background-color: #CFE4FC;
	border-color: #8E9BD2;
*/
	background-color: #CFE4FC;
	border-color: #0b6fa8;
	color: #0b6fa8;
}



/*.calen td span.calender-label-red {*/
.calen span.calender-label2 {	/* 日指定して休診を選択したやつ */
/*
	background-color: #FCCFD1;
	border-color: #D28EA6;
*/
	background-color: #FCCFD1;
	border-color: #f00;
	color: #f00;

}

/*.calen td span.calender-label-green {*/
/*.calen td span.calender-label3 {*/
.calen span.calender-label3 {	/* 手入力の予定表示用  */
/*
	background-color: #E5FCCF;
	border-color: #99C170;
*/
	background-color: #cfc;
	border-color: #9c9;
	color: #696;
}

/* 何もない日 */
.calen td.calendar-none {
	background: #FBFAF7;
}





@media(max-width:750px){
	.calen thead {
		display: none;
	}
	.calen tbody td {
		height: auto;
		min-height: auto;
	}
	.calen th,
	.calen td {
		display: block;
		width: 100%;
		padding: 0;
	}

	.calen td {
		height: auto;
		display: -webkit-flex;
		display: flex;
	}

	.calen .calendar-none {
		display: none
	}

	.calen .calendar-labels {
		padding: 5px;
	}
	.calen [class*=calender-label] {
		display: inline-block;
		padding: 5px;
		margin-top: 0;
		margin-right: 5px;
		font-size: 12px;
	}

	.calen td .calendar-day-number {
		font-weight: normal;
		padding: 7px;
		font-size: 18px;
		display: block;
		background: #f2e6cd;
		margin-bottom: 0;
		width: 75px;
		height: auto;
	}

	.calen td.calendar-holiday .calendar-day-number,
	.calen td.calendar-sun .calendar-day-number {
		background: #f8c7c7;
	}
	.calen td.calendar-sat .calendar-day-number {
		background: #c8ebfe;
	}
	/* モバイル用曜日を追加 */
	.calen td i:after {
		font-size: 12px;
		position: relative;
		left: -5px;
	}
	.calen td:nth-child(1) i:after {
		content: "（日）";
	}
	.calen td:nth-child(2) i:after {
		content: "（月）";
	}
	.calen td:nth-child(3) i:after {
		content: "（火）";
	}
	.calen td:nth-child(4) i:after {
		content: "（水）";
	}
	.calen td:nth-child(5) i:after {
		content: "（木）";
	}
	.calen td:nth-child(6) i:after {
		content: "（金）";
	}
	.calen td:nth-child(7) i:after {
		content: "（土）";
	}


}