.ui-datepicker.ui-widget-content {
  padding: 8px;
  background: #F3F3F3;
  border: 1px solid #CCCCCC;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  width: auto !important;
  margin-top: 4px;
  z-index: 1000!important;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header {
  background: transparent;
  border: none;
  height: auto;
  padding: 0;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-next,
.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-prev {
  display: flex;
  height: auto;
  width: auto;
  top: 0px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-state-hover.ui-datepicker-next,
.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-state-hover.ui-datepicker-prev {
  background-color: transparent;
  border: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-state-disabled.ui-datepicker-next,
.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-state-disabled.ui-datepicker-prev {
  display: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-next span,
.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-prev span {
  background-position: initial;
  margin: 9px;
  position: initial;
  background-color: transparent;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-prev {
  left: 0px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-prev-hover {
  left: 0px;
  top: 0px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-prev span {
  background-image: url(//trvimg.r10s.jp/share/common/images/calendar_chevron_left.svg);
  background-size: auto;
  transform: unset !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-next {
  right: 0px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-next-hover {
  right: 0px;
  top: 0px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-next span {
  background-image: url(//trvimg.r10s.jp/share/common/images/calendar_chevron_right.svg);
  background-size: auto;
  transform: unset !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-title {
  font-family: "Hiragino Kaku Gothic ProN";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin: 0 34px;
  height: auto;
  padding: 8px 0;
}

.ui-datepicker.ui-widget-content .ui-datepicker-group {
  width: 318px !important;
  height: 349px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-group.ui-datepicker-group-first {
  margin-right: 16px;
}

#ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-group+.ui-datepicker-group {
  margin-left: 0 !important;
}

.ui-datepicker-month {
  margin-left: 0 !important;
}

.ui-datepicker-calendar tbody tr:first-child td {
  padding-top: 0 !important;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar th {
  font-family: "Hiragino Kaku Gothic ProN";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 0px 16px;
  background: #6D6D6D;
  width: 44.57px;
  border: 1px solid #F3F3F3;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody {
  min-height: 288px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td {
  height: 48px;
  width: 44.57px;
  border: none;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid #F3F3F3;
  color: #333333;
  opacity: 1;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.ui-datepicker-unselectable.ui-state-disabled:not(.day-relate.ui-datepicker-selected-day) .ui-state-default {
  background-color: #CCCCCC;
  text-decoration: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.ui-datepicker-unselectable.ui-state-disabled:not(.day-relate.ui-datepicker-selected-day).ui-datepicker-other-month {
  background-color: #F3F3F3;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td .ui-state-default {
  font-family: "Hiragino Kaku Gothic ProN";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  color: #333333;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: unset;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td .ui-state-default.ui-state-hover {
  background-color: #D6E9C7 !important;
  color: #333333 !important;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.day-6 a.ui-state-default {
  background-color: #EBF5F9;
  color: #333333;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.day-0 a.ui-state-default,
.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.day-holiday a.ui-state-default {
  background-color: #FBEEED;
  color: #333333;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.day-0:not(.ui-datepicker-current-day) a.ui-state-default.ui-state-hover,
.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.day-6:not(.ui-datepicker-current-day) a.ui-state-default.ui-state-hover ,
.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.day-holiday:not(.ui-datepicker-current-day) a.ui-state-default.ui-state-hover {
  background-color: #D6E9C7;
  color: #333333;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td.ui-datepicker-current-day a.ui-state-default {
  background-color: #54822B;
  color: #FFFFFF;
}

.ui-datepicker.ui-widget-content .undated__link {
  display: flex;
  justify-content: flex-end;
  color: #1D54A7 !important;
  font-family: "Hiragino Kaku Gothic ProN";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  padding: 0 8px 0 0;
  text-decoration: none;
}

.ui-datepicker.ui-widget-content .undated__link:hover {
  text-decoration: none;
  color: #13366A !important;
  cursor: pointer;
}

.ui-datepicker-calendar .ui-state-active::before {
	background: none !important;
}

.ui-datepicker.ui-widget td {
  font-size: 20px;
}

.container {
  margin-top: 4px;
  font-family: "Hiragino Kaku Gothic ProN";
}

.container.show {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #CCC;
}

.container>main {
  background-color: #F3F3F3;
}

.container.lock-plugin .calendar>.days-grid>.day.not-available {
  color: #333333;
  background-color: #CCC;
  font-style: normal;
}

.container.range-plugin .calendar>.days-grid>.day.start,
.container.range-plugin .calendar>.days-grid>.day.end.selected {
  background-color: #54822B;
  color: #FFFFFF;
}

.container.range-plugin .calendar>.days-grid>.day.end:not(.selected):hover,
.container.range-plugin .calendar>.days-grid>.day.end.check_out--hover,
.container.range-plugin .calendar>.days-grid>.day.end
{
  background-color: #D6E9C7;
  color: #333333;
}

.container.range-plugin .calendar>.days-grid>.day.start:after,
.container.range-plugin .calendar>.days-grid>.day.end:after {
  border: none;
}

.container.range-plugin .calendar>.days-grid>.day.in-range {
  background-color: #EDF2E9;
}

.pointer-events-none {
  pointer-events: none;
}

.calendar {
  padding: 8px 8px 0px 8px;
}

.calendars {
  height: auto;
}

.calendar>.header {
  padding: 0px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.calendar>.header button {
  padding: 9px;
  height: 16px;
  width: 16px;
  box-sizing: content-box;
}

.calendar>.header button:hover {
  background-color: transparent;
}

.calendar>.header button>img {
  height: 16px;
  width: 16px;
  transform: scale(1);
}

.calendar>.header>.month-name {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #333;
}

.calendar>.daynames-row {
  row-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
}

.calendar>.daynames-row>.dayname {
  background-color: #6D6D6D;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  width: 45px;
  height: 18px;
  color: #FFF;
  padding-top: 7px;
}

.calendar>.days-grid {
  row-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
  grid-template-rows: repeat(6, 1fr);
}

.calendar>.days-grid>.day {
  max-height: 48px;
  max-width: 45px;
  width: 45px;
  height: 48px;
  border-radius: 0;
  border: none;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  color: #333;
  background-color: #FFF;
  cursor: pointer;
}

.calendar>.days-grid>.day.today {
  color: #333;
}

.calendar>.days-grid>.day.saturday {
  background-color: #EBF5F9;
}

.calendar>.days-grid>.day.sunday,
.calendar>.days-grid>.day.holiday {
  background-color: #FBEEED;
}

.calendar>.days-grid>.day:hover {
  border: none;
  background-color: #D6E9C7;
  color: #333;
}

.undated__link {
  display: flex;
  justify-content: flex-end;
  color: #1D54A7;
  font-family: "Hiragino Kaku Gothic ProN";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
  padding-right: 16px;
}

.undated__link:hover {
  text-decoration: none;
  color: #13366A;
  cursor: pointer;
}