@charset "UTF-8";
/* -----------------------------------------------
common css [Scalable and Modular Architecture for CSS]
-------------------------------------------------- */
/* -----------------------------------------------
	common reset
-------------------------------------------------- */
.ui-datepicker { padding: 10px 10px 5px; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 10px 20px 0; box-shadow: rgba(0, 0, 0, 0.45) 0 10px 20px 0; background: #fff; z-index: 1000 !important; }

.ui-widget { font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif; }

.ui-datepicker .ui-datepicker-header { margin-bottom: 5px; border: none !important; background: transparent; color: #39f; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { width: auto !important; height: auto !important; border: none !important; background: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 1em; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.ui-datepicker td span, .ui-datepicker td a { padding: 0.5em; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ffe36f; color: #454545; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #f0f5fb; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { background: #f0f5fb; }

.ui-state-default:active, .ui-widget-content .ui-state-default:active, .ui-widget-header .ui-state-default:active { background: #ffe36f; }

.ui-datepicker-prev:before { font-family: "fontello"; content: "P"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ui-datepicker-next:before { font-family: "fontello"; content: "q"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50% !important; width: 1em; height: 1em; text-decoration: none; cursor: pointer; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; }

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { position: absolute; top: 50%; left: 50%; width: auto; line-height: auto; color: #39f; font-size: 16px; font-weight: bold; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { border: none; background: transparent; opacity: 0.5; }

.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon { background: transparent; }

.ui-datepicker .ui-datepicker-prev { left: 8px !important; }

.ui-datepicker .ui-datepicker-next { right: 8px !important; }

/* -----------------------------------------------
	sp reset
-------------------------------------------------- */
.ui-widget-content { max-height: none !important; overflow-y: hidden !important; overflow-x: hidden !important; }