@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
* {
	font-family: 'Indie Flower', cursive;
	font-weight: normal;
}
html,body {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
table.calendar {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
table.calendar th,table.calendar td {
	box-sizing: border-box;
	border: solid 3px #FFF;
}
table.calendar tr {
	padding: 5px 0px;
	margin: 5px 0px;
}
/* 年月部分 */
table.calendar thead tr td {
	text-align: center;
	font-weight: bolder;
	padding: 10px;
	font-size: 14px;
}
/* 年月の数字部分 */
table.calendar thead tr td strong {
	font-size: 24px;
}

/* コントローラー部分 */
table.calendar thead tr td a#prev,
table.calendar thead tr td a#next {
	text-decoration: none;
	font-size: 21px;
}

/* 日付の数字部分 */
table.calendar tbody tr td {
	font-size: 24px;
	width: 14.28%;
	color: #59493F;
}

/* 曜日部分 */
table.calendar thead tr th {
	font-size: 18px;
	font-weight: normal;
}

/* 当日の日付 */
table.calendar td.today span {
	font-weight: bolder;
}
table.calendar td.holyday {
	background: url(holyday.png) no-repeat center center;
	background-size: auto 100%;
	border-radius: 10px;
}
table.calendar td.event {
	background: url(event.png) no-repeat center center;
	background-size: auto 100%;
	border-radius: 10px;
}

/* 曜日別文字色 */
.sun {
	color: #C00;
}
.sat {
	color: #00C;
}

/* 日付部分のみの曜日別背景色 */
table.calendar tbody tr td.sun {
	color: #C00;
}
table.calendar tbody tr td.sat {
	color: #00C;
}

/* txtで指定したクラス名 */
table.calendar tbody tr td.red {
	background: #F00;
}
table.calendar tbody tr td.orange {
	background: orange;
}
table.calendar tbody tr td.blue {
	background: blue;
	color: #FFF;
}


/* 過去の日付 */
table.calendar td.backward {
	color: #999;
	opacity: 0.5;
}

/* 未定の日付 */
table.calendar tbody tr td.suspense {
	color: #999;
	opacity: 0.5;
	background: #FFF;
}