@charset "utf-8";
.tk-calendar--holiday{
	color:#300;
	font-size:1.2rem;
}


div.cal_wrapper {
	padding: 10px 0px;
}

.cal_wrapper table{
	width:100%;
}

/*YYYY年MM月の定休日*/
div.cal_wrapper table.cal tr th p {
	/*float: left;*/
	padding: 5px;
	margin: 0px;
	color: #FFF;
	font-size: 1.4rem;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo , sans-serif;
	font-weight:bold;
	background:#300;
	/*width:100%;*/
}

/*次月、前月のボタン*/
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
	display:none;/*一旦使わない*/
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 5px;
	border-radius: 3px;
}



div.cal_wrapper table.cal tr td {
	border-top: solid 1px #300;
}
div.cal_wrapper table.cal tr td {
	font-size: 1.2rem;
	text-align: center;
	padding: 2px
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #FFF;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #CC9966;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 5px 0;
	font-size: 1.2rem;
	text-align: center;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat {
	color: #00F;
}
div.cal_wrapper table.cal tr td div.Sun {
	color: #F00;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
/*div.cal_wrapper table.cal tr td div.Holyday {
	font-weight: bolder;
	color: #fff;
	background-color: #300;
}*/
div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
	border-radius: 3px;
}

/*div.cal_wrapper table.cal tr td div.backward */
div.cal_wrapper table.cal tr :not([id^="td_"]) div.backward{
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.Holyday {
	font-weight: bolder;
	color: #fff;
	background-color: #300;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
/*div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}*/


/***定休日→営業日変更***/
/*
以下の書き方でYYYY（年）、M（月）、D（日）を変更することで営業日と同様の色に変更。（複数日対応はコピペで行を増やす）
#td_0_YYYY_M_DD_td div.Holyday,#td_1_YYYY_M_DD_td div.Holyday{background-color:#FFF;color: #3c3c3c;}
*/

