.ui-datepicker{width:17em;padding:.2em .2em 0;}
@media screen and (max-width:767px){
.ui-datepicker{width:calc(100% - 50px);}
}
.ui-datepicker select{outline:none;}
.ui-widget.ui-widget-content{font-size:1.6rem;}
.ui-datepicker .ui-datepicker-header{padding:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto;}
.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title{font-size:2rem;font-weight:bold;color:#fff;vertical-align:baseline;}
@media screen and (max-width:767px){
.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title{font-size:1.8rem;}
}
.ui-datepicker table{width:100%;font-size:.9em;line-height:1.8;border-collapse:collapse;margin:0 0 .4em;}
@media screen and (max-width:767px){
.ui-datepicker table{font-size:1.6rem;}
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:50%;transform:translate(0, -50%);}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:1px solid #c5dbec;background:#dfeffc url(//machida-crystaldental.jp/wp-content/themes/machida/common/img/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;color:#2e6e9e;font-weight:bold;}
@media screen and (max-width:767px){
.hasDatepicker{flex-basis:100% !important;max-width:100% !important;width:100% !important;}
}
.ui-datepicker-header {
border: 1px solid #4297d7;
background: #5c9ccc url(//machida-crystaldental.jp/wp-content/themes/machida/common/img/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
color: #fff;
font-weight: bold; }