@charset "UTF-8";

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #fbec88;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child.ui-state-disabled span.ui-state-default,
td.ui-datepicker-week-end:first-child a.ui-state-default {
background-color: #ffecec;
/* 背景色を設定 */
color: #f00 !important;
/* 文字色を設定 */
}

/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child.ui-state-disabled span.ui-state-default,
td.ui-datepicker-week-end:last-child a.ui-state-default {
background-color: #eaeaff;
/* 背景色を設定 */
color: #00f !important;
/* 文字色を設定 */
}

/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight {
background-color: #fffa90 !important;
}

/* レスポ */
@media screen and (max-width: 640px) {
	#ui-datepicker-div { width:87%!important; }
}