@charset "UTF-8";

/* form common */
.form_wrap {
padding: 40px 0px;
width: 800px;
}
.form_wrap .notes{
font-size: 1.2rem;
line-height: 2;
}
button{
background-color:rgba(83,71,65,0.1)!important;
border: none!important;
border-radius: 4px!important;
cursor: pointer!important;
outline: none!important;
appearance: none!important;
line-height: 1!important;
transition-property:all;
transition-duration:0.4s;
letter-spacing: 0.2em;
}
button:not(#mts-postcode-button){
padding: 10px!important;
}
button:hover{
background-color: rgba(83,71,65,0.6)!important;
color: #ffffff;
}

/* cruise_reserve ------------------------------------------------------------------ */
.calendar-title,
.mtssb-timetable-name{
display: none!important;
}
.cruise_r h1{
width: 266px;
}
.cruise_r h1,
.cruise_r h2{
margin: auto;
text-align: center;
}
.monthly-calendar {
font-family: inherit!important;
}

#r_nav{
border-top: 1px rgba(83,71,65,0.2) solid;
border-bottom: 1px rgba(83,71,65,0.2) solid;
margin: 20px auto 30px;
padding: 15px 0;
display: flex;
justify-content: center;
}
#r_nav div,
#r_nav i{
padding: 0 8px;
}
#r_nav i{
vertical-align: 10px;
line-height: inherit!important;
}
#r_nav .now{
border: rgba(83,71,65,0.5) solid 1px;
border-radius: 3px;
background-color: #ffffff;
}
.monthly-calendar {
margin-bottom: 30px!important;
}
.monthly-calendar + hr{
margin-bottom: 30px;
}
.monthly-calendar td.day-box{
margin-bottom: 30px;
vertical-align: top;
}
.calendar-caption{
font-size: 1.8rem!important;
margin-bottom: 15px;
}
.day-box.no-day {
    background-color: transparent!important;
}
.monthly-prev-next{
font-size: 1.4rem!important;
}
.monthly-prev:before,
.monthly-next:after,
.booking-timelink:before{
font-family: 'FontAwesome';
}
.monthly-prev:before{
content: "\f0d9";
margin-right: 5px;
}
.monthly-next:after {
content: "\f0da";
margin-left: 2px;
}
.booking-timelink:before{
content: "\f0da";
margin-right: 5px;
}
.day-box.today{
background-color: rgba(83,71,65,0.1)!important;
}

.day-calendar .mtssb-timetable-link {
margin:0 auto 20px!important;
}
.mtssb-timetable-date{
font-size: 2.0rem;
}
.mtssb-timetable-link caption{
margin-bottom: 10px;
}
.mtssb-timetable-date:before{
content: "ご予約予定日";
margin-right: 10px;
font-size: 1.6rem;
}
.mtssb-timetable-link tbody *{
font-size: 1.4rem!important;
}

.mtssb-timetable-link tbody tr:nth-child(n + 7) {
    display: none!important;
}

th.day-left,
th.day-right,
td.day-right{
border: 1px solid rgba(83,71,65,0.3)!important;
line-height: 2.4!important;
}
th.day-left{
border-top-left-radius: 4px!important;
border-bottom-left-radius: 4px!important;
}
td.day-right,
th.day-right{
border-top-right-radius: 4px!important;
border-bottom-right-radius: 4px!important;
overflow: hidden;
}
.mtssb-daily-action{
text-align: center;
}
.mtssb-daily-action button:before{
content: "カレンダーに";
}
a.booking-timelink:hover{
background-color: #ffffff!important;
}
a.booking-timelink:active,
a.booking-timelink:link,
a.booking-timelink:visited{
color: rgba(83,71,65,1)!important;
}
.schedule-note {
font-size: 1.1rem;
line-height: 1.4;
letter-spacing: 0em;
}
/* booking-form ------------------------------------------------------------------ */

.content-form fieldset {
    border: none!important;
    padding:0!important;
    margin: 0!important;
    width: 100%!important;
}
.content-form fieldset table{
margin: 0!important;
border-spacing: 0px!important;
}
.content-form table * {
font-size: 1.4rem!important;
vertical-align: middle!important;
line-height: 2!important;
}
/*
.content-form table{
border-collapse: collapse!important;
}
*/
.content-form th,
.content-form td {
    border-top: none;
    border-right: none!important;
    border-bottom: 1px dotted rgba(83,71,65,0.2)!important;
    border-left: none;
    padding: 7px!important;
    vertical-align: middle;
}
.content-form th {
    padding-right: 20px!important;
	width: 35%!important;
}
.content-form tr{
	/*border-bottom: 1px dotted rgba(83,71,65,0.2)!important;*/
	/*padding: 10px 0!important;*/
}
fieldset legend,
.input-number label,
.input-number br{
display: none;
}
#booking-reservation-fieldset table tbody tr td br,
#booking-reservation-fieldset table tbody tr td br:after,
#booking-confirm-fieldset table tbody tr:first-child td br,
#booking-confirm-fieldset table tbody tr:first-child td br:after{
/*display: none;*/
content: "　";
}
input[type="text"],
.content-form textarea{
border: none!important;
}
#booking-option-fieldset legend{
display: block;
font-size: 1.2rem;
padding-top: 12px;
}

.content-form table * .option-note{
font-size: 1.2rem!important;
display: block;
}
.option-confirm-note{
display: none;
}

.content-form input,
.content-form textarea {
    padding: 3px 10px!important;
    margin-bottom: 0px!important;
}
.booking_client-fieldset table{
margin: 0!important;
}
#booking_client-fieldset{
font-size: 1.2rem;
padding-top: 10px!important;
}
label.booking-seimei{
width: 40px!important;
}
.content-text.small-medium {
    width: 35%!important;
}
#action-button{
margin-top: 15px;
font-size: 1.8rem;
}
#booking-confirm-fieldset table tbody tr:nth-child(3),
#booking-confirm-fieldset table tbody tr:nth-child(5),
#booking-confirm-fieldset table tbody tr:nth-child(12){
display: none;
}
.booking-form-people-number-row td .input-number:after{
content: " 名様";
}
#client-address1 + br,
#client-address2{
display: none;
}

#mts-postcode-button,
#client-postcode-loading{
display: none;
}
/* 2店共通contact reserve ------------------------------------------------------------------ */
#contact_form .form_head{
text-align: center;
}
#contact_form .form_head h1{
font-size: 2.4rem;
}
#contact_form .form_head h1 span{
font-size: 1.2rem;
display: block;
}
#contact_form .required {
    color: red;
}
.form_note {
font-size: 1.3rem;
padding: 30px 0;
}
.form_redframe {
background-color: #CC1215;
padding: 10px 15px;
text-align: center;
color: #fff;
letter-spacing: 0.08em;
font-weight: bold;
border-radius: 5px;
margin-bottom: 10px;
}
.form_redframe .notemds {
font-size: 1.6rem;
}
.form_note .form_redbordar {
	border: 1px solid #CC1215;
	padding: 16px 20px;
	border-radius: 5px;
	letter-spacing: 0em;
}
.form_note .form_redbordar span {
	font-weight: bold;
	display: block;
	font-size: 1.4rem;
}
#contact_form .mw_wp_form ul{
margin-bottom: 15px;
}
#contact_form .mw_wp_form ul li{
border-bottom: 1px dotted rgba(83,71,65,0.2);
padding: 7px 0;
display: flex;
justify-content: space-between;
align-items: center;
}

#contact_form .mw_wp_form ul li label{
    padding-right: 20px;
    width: 30%;
	text-align: right;
	font-weight: bold;
}
#contact_form .mw_wp_form ul li div {
    display: block;
    width: 70%;
    position: relative;
	text-align: left;
}
#contact_form .mw_wp_form ul li div input.text_input, #contact_form .mw_wp_form ul li div textarea {
    padding: 6px 10px 5px;
    width: 95%;
    border: none;
}
#contact_form .mw_wp_form ul li div input.text_input_narr {
    padding: 6px 10px 5px;
    width: 300px;
    border: none;
	margin-right: 5px;
}
#contact_form button {
    font-size: 1.8rem;
	margin-right: 10px;
}