@charset "utf-8";
/* CSS Document */
#calendar{
	background: #FFF;
	padding   : 16px 12px;
	margin-left: auto;
	margin-right: auto;
}
#calendar_title{
	font         : bold 15px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	padding      : 0 0 8px 2px;
	border-bottom: solid 2px #bdbdbd;
	margin-bottom: 4px;
	text-align   : left;
}


#calendar_list{ /*玉組テーブル*/
	width          : 100%;
	border-collapse: separate;
	border-spacing : 1px 1px;
}
#calendar_list th,
#calendar_list td{
	text-align: center;
}

#calendar_list th{ /* 曜日 */
	padding: 5px;
	margin-bottom: 0;
	font   : bold 12px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color  : #333;
}
#calendar_list td{ /* 日、月 */
	max-height: 14px;
	padding   : 5px;
}
#calendar_list tr:nth-child(3) td {
	max-height : 14px;
	line-height: 14px;
	padding: 5px;
}
#calendar_list #calendar_date{ /* 月 */
	font : bold 14px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;!important
}
#calendar_list #td_calendar_prev{ /* ＜ */
	text-align : left;
	line-height: 0.8em;
	padding    : 0;
}
#calendar_list #td_calendar_next{ /* ＞ */
	text-align : right;
	line-height: 0.8em;
	padding    : 0;
}


#calendar_list p{ /* 日 */
	margin        : 0;
	padding       : 0;
	color         : #333;
	font          : bold 12px/16px "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align    : center;
}
#calendar_list .kind_1{ /*休診日*/
	background: #f8ad32;
}
#calendar_list .kind_2{ /*時間変更*/
	background: #24b092;
}
#calendar_list .kind_1 p,
#calendar_list .kind_2 p{
	color: white;
}
#calendar_list .kind_1 .today,
#calendar_list .kind_2 .today{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: white;
}
#calendar_list .kind_0 .today{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e5673a;
}


/* キャプション */
#calendar_caption{
	text-align: left;
	margin-top: 10px;
}
#calendar_caption td{
	font-size  : 10px;
	line-height: 1.4em;
	white-space: nowrap;
}
#calendar_caption .kind_1{
	color: #f8ad32;
}
#calendar_caption .kind_2{
	color      : #24b092;
	padding    : 0;
}


@media (min-width:896px) {
/**[ PC ]**/
#calendar{
	max-width: 224px;
}
}