@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	変数設定

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*
/* color */
/* trans */
/* margin */
/* 固定ページ */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	予約・注文【reservePage・orderPage】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#reservePage,
#orderPage {
  padding: 40px 0 150px;
}
#reservePage #reserveMonthCalendar,
#reservePage #reserveTimeTable,
#orderPage #reserveMonthCalendar,
#orderPage #reserveTimeTable {
  text-align: center;
}
#reservePage #reserveMonthCalendar #controller,
#reservePage #reserveTimeTable #controller,
#orderPage #reserveMonthCalendar #controller,
#orderPage #reserveTimeTable #controller {
  display: flex;
  justify-content: flex-start;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  margin-bottom: 20px;
}
#reservePage #reserveMonthCalendar #controller h4,
#reservePage #reserveTimeTable #controller h4,
#orderPage #reserveMonthCalendar #controller h4,
#orderPage #reserveTimeTable #controller h4 {
  font-size: 2rem; /*@include serif;*/
}
#reservePage #reserveMonthCalendar #controller a:hover,
#reservePage #reserveTimeTable #controller a:hover,
#orderPage #reserveMonthCalendar #controller a:hover,
#orderPage #reserveTimeTable #controller a:hover {
  color: #ead4bf;
}
#reservePage #reserveMonthCalendar table,
#reservePage #reserveTimeTable table,
#orderPage #reserveMonthCalendar table,
#orderPage #reserveTimeTable table {
  width: 100%;
}
#reservePage #reserveMonthCalendar table th, #reservePage #reserveMonthCalendar table td,
#reservePage #reserveTimeTable table th,
#reservePage #reserveTimeTable table td,
#orderPage #reserveMonthCalendar table th,
#orderPage #reserveMonthCalendar table td,
#orderPage #reserveTimeTable table th,
#orderPage #reserveTimeTable table td {
  padding: 10px;
  border: 1px solid #ccc;
}
#reservePage #reserveMonthCalendar table th,
#reservePage #reserveTimeTable table th,
#orderPage #reserveMonthCalendar table th,
#orderPage #reserveTimeTable table th {
  text-align: center;
  background: #eee;
}
#reservePage #reserveMonthCalendar table .disabled,
#reservePage #reserveTimeTable table .disabled,
#orderPage #reserveMonthCalendar table .disabled,
#orderPage #reserveTimeTable table .disabled {
  background: #eee;
}
#reservePage #reserveMonthCalendar table .active,
#reservePage #reserveTimeTable table .active,
#orderPage #reserveMonthCalendar table .active,
#orderPage #reserveTimeTable table .active {
  color: #fff;
  background: #ead4bf;
}
#reservePage #reserveMonthCalendar table .choice,
#reservePage #reserveTimeTable table .choice,
#orderPage #reserveMonthCalendar table .choice,
#orderPage #reserveTimeTable table .choice {
  cursor: pointer;
  transition: 0.35s cubic-bezier(0.2, 0.9, 0.7, 1);
}
#reservePage #reserveMonthCalendar table .choice:hover,
#reservePage #reserveTimeTable table .choice:hover,
#orderPage #reserveMonthCalendar table .choice:hover,
#orderPage #reserveTimeTable table .choice:hover {
  color: #fff;
  background: #ead4bf;
}
#reservePage #arrow,
#orderPage #arrow {
  font-size: 3rem;
  text-align: center;
  color: #ccc;
  margin: 50px auto;
}
#reservePage #reserveTimeTable th, #reservePage #reserveTimeTable td,
#orderPage #reserveTimeTable th,
#orderPage #reserveTimeTable td {
  width: 50%;
}
#reservePage #reserveFormBlock .form_headline,
#reservePage #orderFormBlock .form_headline,
#orderPage #reserveFormBlock .form_headline,
#orderPage #orderFormBlock .form_headline {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 20px;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#reservePage #reserveFormBlock .form_headline .text_e,
#reservePage #orderFormBlock .form_headline .text_e,
#orderPage #reserveFormBlock .form_headline .text_e,
#orderPage #orderFormBlock .form_headline .text_e {
  font-size: 1rem;
}
#reservePage #reserveFormBlock .visible,
#reservePage #orderFormBlock .visible,
#orderPage #reserveFormBlock .visible,
#orderPage #orderFormBlock .visible {
  display: block;
}
#reservePage #reserveFormBlock .hidden,
#reservePage #orderFormBlock .hidden,
#orderPage #reserveFormBlock .hidden,
#orderPage #orderFormBlock .hidden {
  display: none;
}
#reservePage #reserveFormBlock table,
#reservePage #orderFormBlock table,
#orderPage #reserveFormBlock table,
#orderPage #orderFormBlock table {
  width: 100%;
  margin-bottom: 100px;
  border-bottom: 1px dotted #ccc;
}
#reservePage #reserveFormBlock table tr,
#reservePage #orderFormBlock table tr,
#orderPage #reserveFormBlock table tr,
#orderPage #orderFormBlock table tr {
  border-top: 1px dotted #ccc;
}
#reservePage #reserveFormBlock table th, #reservePage #reserveFormBlock table td,
#reservePage #orderFormBlock table th,
#reservePage #orderFormBlock table td,
#orderPage #reserveFormBlock table th,
#orderPage #reserveFormBlock table td,
#orderPage #orderFormBlock table th,
#orderPage #orderFormBlock table td {
  padding: 20px 10px;
}
#reservePage #reserveFormBlock table th,
#reservePage #orderFormBlock table th,
#orderPage #reserveFormBlock table th,
#orderPage #orderFormBlock table th {
  width: 15rem;
  padding-left: 30px;
  line-height: 1.6;
}
#reservePage #reserveFormBlock table td,
#reservePage #orderFormBlock table td,
#orderPage #reserveFormBlock table td,
#orderPage #orderFormBlock table td {
  width: calc(100% - 15rem);
}
#reservePage #reserveFormBlock table td p,
#reservePage #orderFormBlock table td p,
#orderPage #reserveFormBlock table td p,
#orderPage #orderFormBlock table td p {
  margin-bottom: 5px;
}
#reservePage #reserveFormBlock table td span,
#reservePage #orderFormBlock table td span,
#orderPage #reserveFormBlock table td span,
#orderPage #orderFormBlock table td span {
  vertical-align: middle;
}
#reservePage #reserveFormBlock table td .w100,
#reservePage #orderFormBlock table td .w100,
#orderPage #reserveFormBlock table td .w100,
#orderPage #orderFormBlock table td .w100 {
  width: 100%;
}
#reservePage #reserveFormBlock table td .w50,
#reservePage #orderFormBlock table td .w50,
#orderPage #reserveFormBlock table td .w50,
#orderPage #orderFormBlock table td .w50 {
  width: 50%;
}
#reservePage #reserveFormBlock table td .w20,
#reservePage #orderFormBlock table td .w20,
#orderPage #reserveFormBlock table td .w20,
#orderPage #orderFormBlock table td .w20 {
  width: 20%;
}
#reservePage #reserveFormBlock table td #add_e,
#reservePage #orderFormBlock table td #add_e,
#orderPage #reserveFormBlock table td #add_e,
#orderPage #orderFormBlock table td #add_e {
  vertical-align: middle;
}
#reservePage #reserveFormBlock table input:read-only,
#reservePage #orderFormBlock table input:read-only,
#orderPage #reserveFormBlock table input:read-only,
#orderPage #orderFormBlock table input:read-only {
  background: #F9F9F9;
}
#reservePage #confirmationButBlock,
#orderPage #confirmationButBlock {
  text-align: center;
}
#reservePage #confirmationButBlock *,
#orderPage #confirmationButBlock * {
  vertical-align: middle;
  line-height: 1.4;
}
#reservePage #confirmationButBlock .next_but,
#orderPage #confirmationButBlock .next_but {
  width: 40%;
  color: #000;
  background: #ead4bf;
  padding: 20px;
  cursor: pointer;
  transition: 0.35s cubic-bezier(0.2, 0.9, 0.7, 1);
  margin: 0 20px;
}
#reservePage #confirmationButBlock .next_but .text_e,
#orderPage #confirmationButBlock .next_but .text_e {
  color: #000;
}
#reservePage #confirmationButBlock .next_but:hover,
#orderPage #confirmationButBlock .next_but:hover {
  color: #fff;
  background: #a41111;
}
#reservePage #confirmationButBlock .next_but:hover .text_e,
#orderPage #confirmationButBlock .next_but:hover .text_e {
  color: #fff;
}
#reservePage #confirmationButBlock .back_but,
#orderPage #confirmationButBlock .back_but {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 20px;
  cursor: pointer;
  transition: 0.35s cubic-bezier(0.2, 0.9, 0.7, 1);
}
#reservePage #confirmationButBlock .back_but:hover,
#orderPage #confirmationButBlock .back_but:hover {
  color: #ead4bf;
  background: #ccc;
}
#reservePage #completeBlock,
#orderPage #completeBlock {
  padding: 75px 0;
  text-align: center;
}
#reservePage #completeBlock h3,
#orderPage #completeBlock h3 {
  font-size: 1.5rem;
  margin-bottom: 37.5px; /*@include serif;*/
}
#reservePage #completeBlock p,
#orderPage #completeBlock p {
  margin-bottom: 75px;
}

#orderPage .tax {
  font-size: 0.75rem;
  vertical-align: baseline;
}
#orderPage #menuList {
  padding-bottom: 150px;
}
#orderPage #menuList ul {
  display: flex;
  gap: 40px;
}
#orderPage #menuList ul li {
  width: 100%;
}
#orderPage #menuList ul li .data_box h3 {
  text-align: center;
  font-size: 1.25rem;
}
#orderPage #menuList ul li .data_box h4.text_e {
  text-align: center;
}
#orderPage #menuList ul li .data_box .price {
  text-align: center;
}
#orderPage #menuList ul li .data_box .exposition_e {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-top: 1rem;
}

@media screen and (max-width: 768px) {
  #reservePage,
  #orderPage {
    /*// 期間限定プラン
    #selectedPlan { display:flex; align-items:center; justify-content:space-between; padding:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;
        input { cursor:pointer; }
        input:hover { color:#fff; background:#ccc; }
    }
    */
  }
  #reservePage #reserveMonthCalendar #controller h4,
  #reservePage #reserveTimeTable #controller h4,
  #orderPage #reserveMonthCalendar #controller h4,
  #orderPage #reserveTimeTable #controller h4 {
    font-size: 1.5rem;
  }
  #reservePage #reserveFormBlock,
  #reservePage #orderFormBlock,
  #orderPage #reserveFormBlock,
  #orderPage #orderFormBlock {
    /*
    #addPlan { text-align:center;
        span { display:inline-block; font-size:0.8rem; color:#999; background:#eee; border-radius:100px; padding:5px 40px; margin:0 auto 40px; cursor:pointer; @include transition_hover; }
        span:hover { color:#eee; background:#999; }
    }
    */
    /*
    #planTable_1, #planTable_2, #planTable_3 { margin-bottom:40px; border:none; border-radius:10px; background:#F9F9F9; 
        tr:first-child { border:none; }
    }

    #freeTakeTimeBlock { margin-bottom:100px; }
    #taketime { width:3rem; border:none; text-align:right; }
    */
  }
  #reservePage #reserveFormBlock .form_headline,
  #reservePage #orderFormBlock .form_headline,
  #orderPage #reserveFormBlock .form_headline,
  #orderPage #orderFormBlock .form_headline {
    font-size: 1.25rem;
  }
  #reservePage #reserveFormBlock table th, #reservePage #reserveFormBlock table td,
  #reservePage #orderFormBlock table th,
  #reservePage #orderFormBlock table td,
  #orderPage #reserveFormBlock table th,
  #orderPage #reserveFormBlock table td,
  #orderPage #orderFormBlock table th,
  #orderPage #orderFormBlock table td {
    padding: 20px 5px;
  }
  #reservePage #reserveFormBlock table th,
  #reservePage #orderFormBlock table th,
  #orderPage #reserveFormBlock table th,
  #orderPage #orderFormBlock table th {
    width: 10rem;
    padding-left: 10px;
  }
  #reservePage #reserveFormBlock table td,
  #reservePage #orderFormBlock table td,
  #orderPage #reserveFormBlock table td,
  #orderPage #orderFormBlock table td {
    width: calc(100% - 10rem);
  }
  #reservePage #reserveFormBlock table td .w100,
  #reservePage #orderFormBlock table td .w100,
  #orderPage #reserveFormBlock table td .w100,
  #orderPage #orderFormBlock table td .w100 {
    width: 100%;
  }
  #reservePage #reserveFormBlock table td .w50,
  #reservePage #orderFormBlock table td .w50,
  #orderPage #reserveFormBlock table td .w50,
  #orderPage #orderFormBlock table td .w50 {
    width: 100%;
  }
  #reservePage #reserveFormBlock table td .w20,
  #reservePage #orderFormBlock table td .w20,
  #orderPage #reserveFormBlock table td .w20,
  #orderPage #orderFormBlock table td .w20 {
    width: 50%;
  }
  #reservePage #confirmationButBlock .next_but,
  #orderPage #confirmationButBlock .next_but {
    width: 60%;
  }
  #reservePage #completeBlock,
  #orderPage #completeBlock {
    padding: 37.5px 0;
  }
  #reservePage #completeBlock h3,
  #orderPage #completeBlock h3 {
    margin-bottom: 18.75px;
  }
  #reservePage #completeBlock p,
  #orderPage #completeBlock p {
    margin-bottom: 37.5px;
  }
  #orderPage #menuList {
    margin-bottom: 75px;
  }
  #orderPage #menuList ul {
    flex-wrap: wrap;
  }
}/*# sourceMappingURL=reserve.css.map */