.highlight{
font-weight: bold;
  font-size: 112.5%;
  color: #E91E63;
  display: block;
  margin-top: 10px;
}
.btn-type01 a{
    background: #9eb101;
  padding: 10px 20px;
  color: #fff;
  font-size: 125%;
    font-weight: bold;
    text-decoration: none !important;
    transition: 0.2s;
    display: inline-block;
}

.btn-type01 a:hover{
    transition: 0.2s;
    opacity: 0.7;
}

.reservation-section{
  padding: 20px;
  border: solid 1px #6c6967;
  border-radius: 10px;
  margin-bottom: 50px;  
}
.reservation-section table th{
    vertical-align: baseline;
}

/* TITLE */
body.reservation #title,
body.cancel-send #title,
body.booking-thanks #title,
body.cancel-thanks #title,
body.booking-form #title,
body.subscription #title,
body.calendar #title{
    position:relative;
    width:100%;
    height:290px;
    margin:0;
    background:url(../images/reservation/title.jpg) no-repeat bottom center;
}

.listmark-type01 > li {
    padding-left: 14px;
    background-image: url(../images/common/time-icon01.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 10px auto;
}
.listmark-type02 > li {
    padding-left: 14px;
    background-image: url(../images/common/time-icon02.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 10px auto;
}


.content-form legend{
    /* color: #18a4ae; */
}
/* Calendar */
#web-reservation{
  position: fixed;
  background-color: #5ec1c6;
  top: 130px;
  right: 0;
  padding: 20px;
  z-index: 6;
  transition: 0.3s;
  width: 50px;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}
#web-reservation:hover{
    transition: 0.3s;
    opacity: 0.9;
    text-decoration: none !important;
}

#web-reservation 
.multiple-calendar .calendar-mark{
    line-height: 1.6;
}
.multiple-calendar .calendar-mark .article-name{
     display: none;
}
.multiple-calendar .calendar-mark .calendar-daylink{
  text-decoration: none !important;
}
.multiple-calendar .calendar-mark .sb-btn{
  background: #000;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 3px;
  color: #fff;
}
.multiple-calendar .calendar-mark .sb-btn.sb-btn--am{
  background: #9eb101;
}
.multiple-calendar .calendar-mark .sb-btn.sb-btn--pm{
  background: #5FC1C7;
}
.multiple-calendar .calendar-mark .sb-btn.mark-full{
  background: #f0f0f0;
  color: #c4c0c0;
}
.multiple-calendar .calendar-mark .sb-btn.mark-full b{
  font-weight: normal;
  display: inline-block;
  /* color: #b01212; */
}

.multiple-calendar table {
    width:100%;
    table-layout:fixed;
    border-right: solid 2px #fff;
}
.multiple-calendar .week-title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.multiple-calendar .day-number{
   font-size: 20px;
  font-weight: bold;
}
.multiple-calendar .calendar-mark{
    display: inline-block;
}

.multiple-calendar th{
    background-color: #f3eede;
    text-align: center;
}
.multiple-calendar th,.multiple-calendar td {
    vertical-align: baseline;
    border-bottom: solid 1px #e0dbd7;
    border-right: solid 1px #e0dbd7;
    padding: 12px;
    box-sizing: border-box;
}
.multiple-calendar td.day-box.today {
    background-color: #e9f1dc;
}

/* 免責事項 */
#booking-form #booking-option-fieldset th,#booking-form #booking-option-fieldset td{
    text-align: left;
    border: none;
}
#booking-form #booking-option-table{
  background-color: #cedd52;
  color: #000000;
}
#booking-form #booking-option-fieldset th{
    width: 50%;
    font-size: 112.5%;
    font-weight: bold;
}
#booking-form #booking-option-fieldset td{
    font-size: 112.5%;
    font-weight: bold;
}
#booking-form #booking-option-fieldset{
    width: 100%;
    padding: 10px;
}
#booking-form .booking-form-people-number-row{
    display: none;
}


/* ご予約 */
#booking-form #booking-reservation-fieldset:first-child legend{
    display: none;
}
#booking-form #booking-reservation-fieldset table th{
    display: none;
}
#booking-form #booking-reservation-fieldset table td{
    font-weight: bold;
    font-size: 125%;
    text-align: center;
    border:none;
    padding-bottom: 20px;
}

/* ご連絡先・連絡事項 */

#booking-form #booking_client-fieldset table td,#booking-form #booking-message-fieldset table td,#booking-form #booking-confirm-fieldset table td{
    border-right: none;
}


#booking-form #booking_client-fieldset table tr:last-child td,#booking-form #booking_client-fieldset table tr:last-child th,
#booking-form #booking-message-fieldset table tr:last-child td,#booking-form #booking-message-fieldset table tr:last-child th,
#booking-form #booking-confirm-fieldset table tr:last-child td,#booking-form #booking-confirm-fieldset table tr:last-child th{
 border-bottom:none;
}
.content-form fieldset{
    width: 100% !important;
    box-sizing: border-box; 
}
#booking-form #booking-message-fieldset small,
#booking-form #booking-message-fieldset .option-note,
#booking-confirm-fieldset .option-confirm-note{
    display: block;
    line-height: 1.5;
    margin-bottom: 5px;
}
#booking-form #booking-confirm-fieldset tr th{
    text-align: right;
}

/* ボタン */

#booking-form #booking_client-fieldset #mts-postcode-button{
    padding: 5px 20px;
    background: #5ec2c7;
}
#booking-form button,.content-form .subscription-cancel .button,#mining-form .button{
    padding: 12px 40px;
    background: #5ec2c7;
    font-size: 16px;
    color: #fff;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}
#booking-form button:hover,.content-form .subscription-cancel .button:hover,#mining-form .button:hover{
    transition: 0.2s;
    opacity: 0.7;
}
/* キャンセル　ボタン */
.content-form .subscription-cancel .button{
  background: #878b83;
}
.content-form .option-confirm-label{
    text-align: left;
}


/*確認画面*/
#confirmation-list02 .option-confirm-label{
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}

/* 予約キャンセル・確認画面 */
body.subscription .content-form tr:nth-child(3) .option-confirm-label{
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
} 


/*　--------------*/
/* 管理画面用 */
/*　--------------*/

/* 予約リスト */
body #wpbody-content .booking-detail tr:nth-child(5),
body #wpbody-content .booking-detail tr:nth-child(14),
body #wpbody-content .booking-detail tr:nth-child(15),
body #wpbody-content .booking-detail tr:nth-child(16),
body #wpbody-content .booking-detail tr:nth-child(17){
  display: none;
}

/* 追加・編集 */
body.wp-admin #add-booking #postbox-container-2 .form-table tr:nth-child(1),
body.wp-admin #add-booking #postbox-container-2 .form-table tr:nth-child(10),
body.wp-admin #add-booking #postbox-container-2 .form-table tr:nth-child(11),
body.wp-admin #add-booking #postbox-container-2 .form-table tr:nth-child(12),
body.wp-admin #add-booking #postbox-container-2 .form-table tr:nth-child(13){
  display: none;
}

body.wp-admin #add-booking #postbox-container-2 .postbox:last-child{
  display: none;
}



body #wpbody-content .booking-detail tr th,body #wpbody-content .booking-detail tr td{
    border-bottom: solid 1px #ccc;
}
body #wpbody-content .booking-detail tr th{
    border-right: solid 1px #ccc;
}
body #wpbody-content .booking-detail{
    border-top: solid 1px #ccc;
}
@media print {
  body * {
    visibility: hidden !important;
  }
  #wpbody-content .update-nag,
  #wpbody-content .metabox-prefs{
    display: none !important;
  }
  #wpbody-content .wrap,
  #wpbody-content .wrap * {
    /* display: block !important; */
    visibility: visible !important;
  }
  #wpcontent, #wpfooter{
    margin: 0 !important;
  }
 #wpbody-content .booking-detail tr th,body #wpbody-content .booking-detail tr td{
   padding: 10px !important;
}
 #wpbody-content .booking-detail tr th{
   width: 150px !important;
}

  /* レイアウト整える */
  /* #wpbody-content {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background: #fff !important;
    box-shadow: none !important;
  } */
}

/* PC */
@media print, all and (min-width: 751px){

}

/* SP */
@media only screen and (max-width: 750px) {

    /* 250812 */
    #web-reservation{
        top: auto;
        bottom: 0;
        padding: 12px;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        text-align: center;
    }

    .multiple-calendar .calendar-mark{
        line-height: 1.4;
    }
    .multiple-calendar .calendar-mark .sb-btn{
        font-size: 14px;
        padding: 5px;
    }
    /* 免責事項 */
    #booking-form table th,#booking-form table td{
        display: block;
        width: 100% !important;
        text-align: left;
        padding: 10px 0;
    }
    #booking-form table th{
        border-bottom: none;
        padding: 0;
    }
    /* #booking-option-table td,#booking-option-table th{
    display: block;
    width: 100%;
    }
    #booking-option-table td .field-item{
        display: block;
    } */
    /* ご連絡先・連絡事項 */
    #booking-form #booking_client-fieldset table th,#booking-form #booking-message-fieldset table th{
        border-right: none;
    }

}