@charset 'utf-8';

.multiple-calendar{
  margin-top:80px;
}

.calendar-title{
  display: none;
}

.calendar-caption{
/*  background:#F77B00;*/
	background-color: #00AA6E !important;
  padding:10px;
  color:#fff;
  font-size:20px!important;
  text-align:center;
  position: relative;
}


.calendar-caption .monthly-prev-next{
  position: absolute;
  top: -40px;
  left:0;
}

.monthly-prev-next{
  width:100%!important;
}

.monthly-prev-next .no-link,
.monthly-prev-next a{
  color:#6E480D;
  font-size:15px;
}

.monthly-prev-next a{
  position:relative;
}

.monthly-prev-next .monthly-prev a{
  padding-left:25px;
}

.monthly-prev-next .monthly-next a{
  padding-right:25px;
}

.monthly-prev-next a:after{
  content:"";
  position:absolute;
  width:19px;
  height:19px;
  background-image:url(img/otaka/common/arrow01.svg);
  background-size:100% 100%;
  left:0;
  top:-1px;
  bottom:0;
  margin:auto;
}

.monthly-prev-next .monthly-next a:after{
  left:auto;
  right:0;
  transform:rotate(180deg);
}

.multiple-calendar table{
  border-collapse:collapse;
/*  border:1px solid #F77B00;*/
	border: 1px solid #00AA6E !important;
  background:#fff;
}


.multiple-calendar th{
  color:#6E480D!important;
  font-weight:normal!important;
  font-size:15px!important;
  padding:10px 0;
}

.multiple-calendar td{
  color:#505379!important;
/*  border:1px solid #F77B00;*/
	border: 1px solid #00AA6E !important;
  height:100px;
  vertical-align: top;
  padding:8px!important;
}

.day-box.no-day{
  background:#FFF4DE!important;
}

table .day-box.today {
    background-color: #FFE6B5;
}

.day-box.sat .day-number{
  color:#A8410B!important;
}
.day-box.sun .day-number{
  color:#F26654!important;
}


.calendar-mark{
  display:none;
}

.calendar-mark.on{
/*  background:#A8410B;*/
	background: #00AA6E !important;
  color:#fff;
  display:inline-block;
  margin:0 0 3px;
  font-size: 12px!important;
  border-radius:20px;
  overflow:hidden;
}

.calendar-mark.on a{
  padding:0;
  display:block;
}

.article-name,
.calendar-marking{
  color:#fff;
  font-size:12px!important;
  vertical-align: top;
  display:inline-block;
  padding:5px 10px;
}

.article-name{
  padding-right:5px;
}

.calendar-marking{
  padding-left:0;
}












.day-number{
  margin:0 0 5px;
}


.multiple-calendar.day-calendar .calendar-mark{
  display:block;
}


th.day-right{
  border-radius:0!important;
}

.day-calendar table {
  border-collapse: collapse!important;
}

.multiple-calendar.day-calendar td{
  height:auto;
}

.mtssb-timetable-name{
  color:#fff;
  margin:0 0 10px;
  font-size:18px;
}

.mtssb-daily-action{
  margin-top:20px;
}

.mtssb-daily-action button{
  background:#999;
  color:#fff;
  border:none;
  padding:10px;
  font-size:16px;
  width:200px;
  cursor: pointer;
  font-family:  'NotoSansCJKjpMedium', 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif!important;
  font-weight:bold;
}


#booking-reservation-fieldset{
  background:#FFEECB;
  border-radius:10px;
  margin:0 0 50px;
  border:none;
  padding:20px;
}

.content-form table{
  margin:0!important;
  border-collapse: collapse!important;
  width: 100%!important;
}

#booking-message-fieldset{
  display:none!important;
}

#booking_client-fieldset legend,
#booking-option-fieldset legend,
#booking-reservation-fieldset legend{
  display:none;
}

#booking-reservation-fieldset .booking-form-people-number-row{
  display:none;
}

#booking-reservation-fieldset td,
#booking-reservation-fieldset th{
  border:none;
  font-size:15px;
  line-height:2;
  vertical-align:middle;
  text-align:center;
}

#booking-reservation-fieldset th{
  display:none;
}

.booking-option-number,
.content-text{
  border:1px solid #707070!important;
  padding:5px 10px!important;
  color:#505379;
}

#booking-message-fieldset td,
#booking-message-fieldset th,
#booking-message-fieldset,
#booking_client-fieldset,
#booking-option-fieldset,
#booking_client-fieldset th,
#booking-option-fieldset th,
#booking_client-fieldset td,
#booking-option-fieldset td{
  border:none!important;
}

#booking-message-fieldset,
#booking_client-fieldset,
#booking-option-fieldset{
  margin:0;
  padding:0;
}

.option-note{
  display:block;
  margin-top:5px;
}

.option_tx{
  display: inline-block;
  padding-left:10px;
}

#client-email2,
#client-email{
  width:420px;
}

#booking-option-ago,
#booking-option-day{
  width:60px;
}

#client-tel,
#booking-option-eki{
  width:220px;
}

#booking-message-fieldset td,
#booking-message-fieldset th,
#booking_client-fieldset th,
#booking-option-fieldset th,
#booking_client-fieldset td,
#booking-option-fieldset td{
  padding:0 0 20px;
  text-align:left;
}

#booking-message-fieldset th,
#booking_client-fieldset th,
#booking-option-fieldset th{
  width:200px;
  padding-right:20px;
  font-size:18px;
}

#booking-message-fieldset td,
#booking_client-fieldset td,
#booking-option-fieldset td{
  width:auto;
  font-size:18px;
}

#booking_client-fieldset table{
  margin-top:20px!important;
}

#action-button{
  margin-top:50px;
  padding:50px 0 100px;
  border-top:1px solid #6E480D;
}

#action-button .submit{
  padding:0;
  border:none;
  margin:0;
}

#booking-confirm-fieldset .option-confirm-note,
#booking-confirm-fieldset #confirmation-place + tr + tr,
#booking-confirm-fieldset #confirmation-place + tr,
#booking-confirm-fieldset .booking-form-people-number-row,
#booking-confirm-fieldset .option-confirm-header,
#booking-confirm-fieldset .content-form legend{
  display:none;
}

#booking-confirm-fieldset,
#booking-confirm-fieldset th,
#booking-confirm-fieldset td{
  border:none!important;
  vertical-align:top;
  font-size:15px;
  padding:0 10px 10px;
}

#booking-confirm-fieldset{
  margin-top:50px;
}

#confirmation-booking-message{
  display:none;
}

#accedence-box{
  text-align: center;
  font-size:18px;
}

.content-form button{
    position: relative;
  display: inline-block;
  padding: 18px 48px 18px 24px!important;
  text-align: center;
  background: #F77B00 url(img/common/arr.png) right 24px center no-repeat;
  background-size: 15px 17px;
  border-radius: 11px;
  font-size: 1.7rem;
  line-height: 1;
  color: #FFF;
  box-shadow: -4px 4px 0 #F6EC4F;
}

#action-button-cover{
  background:none!important;
}

.content-form legend {
  font-size: 18px!important;
  margin: 0 0 10px;
}

.form_end{
  text-align:center;
  margin:0 0 50px;
}

#booking-form input[type="text"],
#booking-form textarea{
  padding:5px 10px;
  font-size:15px;
  background:#fff;
  width:200px!important;
  height:38px;
  box-sizing:border-box;
  border:none;
  background:#fff;
  border-radius:5px;
  border:1px solid #707070;
}

#booking-form #client-email2,
#booking-form #client-email{
  width:430px!important;
}
#booking-form #client-tel{
  width:230px!important;
}

#booking-form #booking-option-ago{
  width:60px!important;
}

#booking-form #booking-option-ago .option_tx{
  color:#505379;
}

#booking-form textarea{
  width:100%!important;
  height:220px;
}

#accedence-box{
  font-size:15px;
}

.ctgr_contact.ctgr_contact01{
  padding-bottom:20px;
}

.list-monthly-calendar, .mix-calendar, .list-calendar, .timetbale-calendar, .multiple-calendar, .monthly-calendar,.calendar-mark .article-name{
  font-family: 'fot-udmarugo-large-pr6n', sans-serif!important;
}



.list-monthly-calendar table, .mix-calendar table, .timetable-calendar table, .multiple-calendar table, .monthly-calendar table{
  width:100%!important;
}



@media only screen and (max-width: 768px) {
  #booking-form{
    padding:0 14px;
  }
  
  #booking-message-fieldset,
  #booking_client-fieldset,
  #booking-option-fieldset,
  #booking-message-fieldset table,
  #booking_client-fieldset table,
  #booking-option-fieldset table,
  #booking-message-fieldset tbody,
  #booking_client-fieldset tbody,
  #booking-option-fieldset tbody,
  #booking-message-fieldset tr,
  #booking_client-fieldset tr,
  #booking-option-fieldset tr{
    display:block;
  }


  #booking-message-fieldset td,
  #booking-message-fieldset th,
  #booking_client-fieldset th,
  #booking-option-fieldset th,
  #booking_client-fieldset td,
  #booking-option-fieldset td{
    display:block;
    width:100%;
    font-size:1.5rem;
  }

  #booking-message-fieldset th,
  #booking_client-fieldset th,
  #booking-option-fieldset th{
    padding:0 0 10px;
  }

  
  #booking-form input[type="text"],
  #booking-form textarea{
    width:88%!important;
  }

  #booking-form textarea,
  #booking-form #client-email2,
  #booking-form #client-email,
  #booking-form #client-tel{
  width:100%!important;
  }
  
  #action-button{
    padding:30px 0 50px;
    margin-top:30px;
  }
  
  
  
  
  .multiple-calendar td{
    padding:2px!important;
    height:80px;
  }
  
  .calendar-mark.on{
    border-radius:10px;
  }

  .article-name, .calendar-marking{
    font-size:10px!important;
    padding:2px;
  }
  
  .article-name{
    padding-bottom:0;
  }
   
  .multiple-calendar th,
  .day-number{
    font-size:12px!important;
  }
  
.monthly-prev-next a:hover{
  opacity:1;
}

}