/* CSS Document */

@charset "utf-8";

a#calender_Cal1_Back.disabled,
a#calender_Cal1_Next.disabled {
  opacity: 0.5;
}

#calender {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0;
  background-color: transparent !important;
}

#calender tr {
  height: 25px;
}

#calender tr.calendar_title_dayofweek,
#calender tr.calendar_title_dayofweek {
  height: 25px;
}

#calender > tbody > tr {
  background-color: transparent !important;
}

#calender > tbody > tr > th,
#calender > tbody > tr > td {
  display: table-cell;
  border: 1px solid #ccc !important;
  height: 28px;
  vertical-align: middle !important;
  font-size: 14px !important;
  padding: 0;
}

#calender > tbody > tr > th {
  background-color: transparent !important;
  color: #333 !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: 2px solid #ccc !important;
  padding: 5px 0 !important;
}

#calender > tbody > tr > td {
  /* width: auto !important; */
  background-color: /*rgb(255, 250, 230)*/ #fff !important;
  overflow: hidden;
}

.is_ok #calender > tbody > tr > td {
  background-color: #fff !important;
}

#calender > tbody > tr > td input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  /*top: 10px;*/
  width: 100% !important;
  /*height: 125% !important;*/
  height: 100% !important;
  margin: 0px 0px 0px 0px !important;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
}

#calender > tbody > tr > td input:checked {
  background: #44b28b;
}

#calender > tbody > tr > td input:disabled {
  background: #ddd;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media,
  _:future,
  :root #calender > tbody > tr > td input {
    width: calc(100% + 4px);
  }
}

@-moz-document url-prefix() {
  #calender > tbody > tr > td input {
    height: calc(100% + 8px) !important;
  }
}

_:-ms-lang(x),
#calender > tbody > tr > td input {
  top: 0px;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #ccc !important;
}

_:-ms-lang(x),
#calender > tbody > tr > td input:checked {
  background: none;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

#calender > tbody > tr > td input::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #aaa;
  border-radius: 50%;
}

#calender > tbody > tr > td input::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  cursor: pointer;
  border-radius: 50%;
}

#calender > tbody > tr > td input:checked::before {
  /* top: 2px; */
  transform: translate(-50%, -75%) rotate(-45deg);
  height: 0.5rem;
  border-color: #fff;
  border-top-style: none;
  border-right-style: none;
  border-radius: 0;
}

#calender > tbody > tr > td input:checked::after {
  background: none;
  border-radius: 0;
}

#calender > tbody > tr > td:first-child {
  width: 60px !important;
  background: none;
  border: none !important;
}

#calender > tbody > tr.calendar_title_date > td {
  width: calc(100% / 8) !important;
  border: none;
  height: 21px;
}

#calender > tbody > tr.calendar_title_dayofweek > td {
  background: none;
  border: none;
  height: 21px;
}

/*
#calender > tbody > tr.calendar_title_dayofweek > td span:first-child,
#nichiji > tbody > tr.calendar_title_dayofweek > td span:first-child {
    font-weight: bold;
}*/

#calender > tbody > tr.calendar_title_dayofweek > td:not(:first-child)::before {
  content: "(";
}

#calender > tbody > tr.calendar_title_dayofweek > td:not(:first-child)::after {
  content: ")";
}

#calender > tbody > tr.calendar_title_dayofweek > td {
  /* background: none; */
  /*     border: none !important; */
  height: auto !important;
}

/* #calender > tbody > tr > td:first-child, #calender > tbody > tr > td:nth-child(12) {
    width: 60px !important;
    background: none !important;
    border: none !important;
}

#calender > tbody > tr:nth-child(-n+3) > td, #calender > tbody > tr:nth-child(12) > td, #calender > tbody > tr:nth-child(13) > td, #calender > tbody > tr:nth-child(14) > td {
    background: none !important;
    border: none !important;
    height: auto !important;
}

#calender > tbody > tr:nth-child(2) > td, #calender > tbody > tr:nth-child(13) > td {
    width: calc(100% / 8) !important;
    padding: 8px 0 0 0 !important;
}

#calender > tbody > tr:nth-child(3) > td, #calender > tbody > tr:nth-child(14) > td {
    font-size: 11px !important;
    padding: 0 0 5px 0 !important;
} */

#calender + div {
  margin-top: 5px !important;
  margin-left: 30px !important;
  /*max-width: 500px !important;*/
  width: 100% !important;
  font-size: 12px !important;
  color: #777 !important;
}

#calender .dayofweek,
#nichiji .dayofweek {
  border-bottom: none !important;
  border-top: none !important;
  border-bottom-style: none !important;
  border-top-style: none !important;
  padding: 0px !important;
  font-size: 14px !important;
}

#calender .dayofweek.day6,
#nichiji .dayofweek.day6 {
  background-color: #d9e3eb !important;
  color: #3e69b7;
}

#calender .dayofweek.day0,
#nichiji .dayofweek.day0 {
  background-color: #efddd9 !important;
  color: #c15556;
}