@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	 宿泊カレンダー
------------------------------------------------------------------------------------------------*/
#ui-datepicker-div { z-index: 3000; position: absolute; top: 29px; left: 30px; width: 204px; background-color: #fff; border: solid 1px #CDCAC7; padding: 8px; }

table.ui-datepicker-calendar { border-collapse: collapse; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 0; background-color: #F3EFE9; margin-bottom: 4px; font-weight: bold; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; }

.ui-datepicker .ui-datepicker-prev { left: 0; margin: 8px 0 0 8px; }

.ui-datepicker .ui-datepicker-next { right: 0; margin: 8px 0 0 0; }

.ui-datepicker .ui-datepicker-title { text-align: center; padding: 8px 0 6px; color: #796658; font-size: 13px; }

.ui-datepicker table { width: 100%; }

.ui-datepicker th { padding: 8px 0; text-align: center; font-weight: 100; border: #CCCCCC 1px solid; background: #7C6658; line-height: 1.0; color: #FFFFFF; }

.ui-datepicker th:first-child { background: #C24B4B; }

.ui-datepicker th:last-child { background: #5D758D; }

.ui-datepicker td { border: 0; padding: 0; border: #CCCCCC 1px solid; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 3px 0; text-decoration: none; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: 100; color: #555555; text-align: center; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #EAEAEA; font-weight: normal; color: #212121; }

.ui-datepicker-prev, .ui-datepicker-prev:hover, .ui-datepicker-next, .ui-datepicker-next:hover { background: none !important; cursor: pointer; }

.gcal-saturday .ui-state-default.ui-state-hover { background-color: #A3CEDC; }

.gcal-sunday .ui-state-default.ui-state-hover { background-color: #EDC5C5; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #333333; font-weight: 900; text-align: center; background-color: #F5EEE8; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #333333; }

td.ui-state-disabled { background: #F5F5F5; }

/* Icons
----------------------------------*/
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background: url(/common/img/default/stay/icon_arrow_right_d.png) no-repeat -2px center; width: 20px; }

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background: url(/common/img/default/stay/icon_arrow_left_d.png) no-repeat 0 center; width: 20px; }

.ui-widget-header .ui-state-disabled .ui-icon.ui-icon-circle-triangle-e { background: url(/common/img/default/stay/icon_arrow_right_d_disabled.png) no-repeat -2px center; width: 20px; }

.ui-widget-header .ui-state-disabled .ui-icon.ui-icon-circle-triangle-w { background: url(/common/img/default/stay/icon_arrow_left_d_disabled.png) no-repeat 0 center; width: 20px; }

/*-----------------------------------------------------------------------------------------------
	 ～　899px
------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 899px) { #ui-datepicker-div { width: 284px; }
  .ui-datepicker td span, .ui-datepicker td a { padding: 5px 0; } }
/*-----------------------------------------------------------------------------------------------
	～　767px
------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { #ui-datepicker-div { width: 284px; left: 10px !important; z-index: 30 !important; }
  .ui-datepicker td span, .ui-datepicker td a { padding: 5px 0; } }
/*-----------------------------------------------------------------------------------------------
	～ 320px
------------------------------------------------------------------------------------------------*/