@charset "UTF-8";
form.mailform fieldset {
  border: none;
}
form.mailform table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-top: 1px solid #dedede;
}
form.mailform table th {
  text-align: left;
  padding: 3px 3px 3px 10px;
  border-bottom: 1px solid #dedede;
  line-height: 1.5;
}
form.mailform table td {
  padding: 6px 10px 6px 3px;
  border-bottom: 1px solid #dedede;
  line-height: 1.5;
}
form.mailform table td label.radio,
form.mailform table td label.checkbox {
  display: block;
  width: 45%;
  float: left;
}
form.mailform table td input.sizeSSS {
  width: 60px;
}
form.mailform table td input.sizeSS {
  width: 90px;
}
form.mailform table td input.sizeS {
  width: 150px;
}
form.mailform table td input.sizeM {
  width: 210px;
}
form.mailform table td input.sizeL {
  width: 270px;
}
form.mailform table td input.sizeLL {
  width: 430px;
}
form.mailform table td textarea {
  width: 430px;
}
form.mailform table tr.error th, form.mailform table tr.error td {
  background-color: #ffefe7;
}
form.mailform table span.example {
  display: block;
  color: #666;
  line-height: 1.2;
  margin: 3px 0;
  clear: both;
}
form.mailform table span.example.help-inline {
  padding-bottom: 8px;
  padding-left: 14px;
}
form.mailform table div.errormessage {
  color: #ff2121;
  padding: 0 4px;
  clear: left;
}
form.mailform div.submit {
  text-align: center;
}
form.mailform div.reserve-calendar .wrapper {
  margin: 30px 0;
}
form.mailform div.reserve-calendar .wrapper > .title {
  border: 1px solid #ccc;
  padding: 3px 6px;
}
form.mailform div.reserve-calendar table {
  width: auto;
  margin: 20px auto;
  border: none;
}
form.mailform div.reserve-calendar table caption nav {
  display: flex;
  padding: 5px 0 10px;
}
form.mailform div.reserve-calendar table caption nav span.month {
  flex: 1 1 auto;
  text-align: left;
  font-size: 18px;
}
form.mailform div.reserve-calendar table caption nav span.next,
form.mailform div.reserve-calendar table caption nav span.prev {
  color: #aaa;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 3px 6px;
  font-size: 13px;
  background: #f0f0f0;
}
form.mailform div.reserve-calendar table caption nav span.next.active,
form.mailform div.reserve-calendar table caption nav span.prev.active {
  cursor: pointer;
  color: #333;
  background: white;
}
form.mailform div.reserve-calendar table caption nav span.next.active:hover,
form.mailform div.reserve-calendar table caption nav span.prev.active:hover {
  background: #ffffb1;
}
form.mailform div.reserve-calendar table caption nav span.next.active:active,
form.mailform div.reserve-calendar table caption nav span.prev.active:active {
  background: #ffff52;
  border-color: #ddd;
  color: #999;
}
form.mailform div.reserve-calendar table caption nav span.prev {
  margin-right: 15px;
}
form.mailform div.reserve-calendar table thead th {
  text-align: center;
  padding: 3px 0;
  border-bottom: 3px double #ccc;
}
form.mailform div.reserve-calendar table thead th.week-0 {
  background-color: #ffecf5;
}
form.mailform div.reserve-calendar table thead th.week-6 {
  background-color: #e4f1fd;
}
form.mailform div.reserve-calendar table tbody td {
  padding: 10px 20px;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 500px) {
  form.mailform div.reserve-calendar table tbody td {
    padding: 10px 15px;
  }
}
form.mailform div.reserve-calendar table tbody td.disabled {
  background: #eee;
  color: #666;
}
form.mailform div.reserve-calendar table tbody td.enabled {
  background: white;
  transition-duration: .3s;
  cursor: pointer;
}
form.mailform div.reserve-calendar table tbody td.enabled:hover {
  background: #e9ff99 !important;
}
form.mailform div.reserve-calendar table tbody td.enabled.active {
  background: #92da84 !important;
  color: white;
}
form.mailform div.reserve-calendar table tbody td.enabled.week-0 {
  background-color: #ffecf5;
}
form.mailform div.reserve-calendar table tbody td.enabled.holiday {
  background-color: #ffecf5;
  color: #e01414;
  font-weight: 700;
}
form.mailform div.reserve-calendar table tbody td.enabled.week-6 {
  background-color: #e4f1fd;
}
form.mailform div.reserve-calendar .time_options ul {
  padding: 0;
  text-align: center;
}
form.mailform div.reserve-calendar .time_options ul li {
  display: inline-block;
  list-style: none;
  margin: 5px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 6px;
  white-space: nowrap;
}
form.mailform div.reserve-calendar .time_options ul li.enabled {
  color: #2e9b49;
  border-color: #92da84;
  cursor: pointer;
  transition-duration: .3s;
}
form.mailform div.reserve-calendar .time_options ul li.enabled:hover {
  background: #ffffb1;
}
form.mailform div.reserve-calendar .time_options ul li.enabled.active {
  background: #92da84;
  border-color: #92da84;
  color: white;
}
form.mailform div.reserve-calendar .time_options ul li.disabled {
  color: #c27878;
  border-color: #c27878;
}
form.mailform div.reserve-calendar .time_options ul li span.entry,
form.mailform div.reserve-calendar .time_options ul li span.capacity {
  display: inline-block;
  background: #ddd;
  padding: 0 4px;
  /* 標準では隠す */
  display: none;
}
form.mailform div.reserve-calendar .time_options ul li span.entry {
  margin-left: 5px;
  border-radius: 3px 0 0 3px;
  padding-right: 0;
}
form.mailform div.reserve-calendar .time_options ul li span.entry::after {
  content: '/';
  padding-left: 4px;
}
form.mailform div.reserve-calendar .time_options ul li span.capacity {
  margin-right: 5px;
  border-radius: 0 3px 3px 0;
}
form.mailform div.reserve-calendar .time_options ul li span.status {
  display: inline-block;
  margin-left: 5px;
  font-family: Osaka, Meiryo;
}

form.confirm td span.sub {
  display: none;
}

/*# sourceMappingURL=common.css.map */