@charset "utf-8";

/* 予約フォーム */
.mtsab-form-table {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin: 0 0 1.5em;
    padding: 0.3em;
    width: 99%;
}

.mtsab-form-table th,
.mtsab-form-table td {
    border: 1px solid #cccccc;
    padding:0.3em;
}

.booking-box {
    margin: 0 0 1.5em;
}

.box-action {
    margin: 0 0 1em;
}

.booking-button-wrap {
    margin: 0.2em;
}

.booking-box h3.box-title {
    margin: 0 0 0.5em;
}


th.booking-entry-title {
    vertical-align: top;
    width: 30%;
}

.booking-entry-season {
    display: inline-block;
    float: right;
}

th.option-name {
    vertical-align: top;
    width: 30%;
}

th.print-charge-number,
td.print-charge-price {
    text-align: center;
}

#mts-message-pane {
    margin: 0 0 1em;
}

#mts-message-pane.error {
    border: 1px solid red;
    border-radius: 5px;
    color: red;
}

#mts-message-pane.updated {
    display: block;
}

#mts-message-pane p {
    margin: 0.5em;
}

/* 請求金額 */
.receipt-number {
    text-align: center;
}

.receipt-charge {
    text-align: right;
}

.charge-total-total,
.charge-taxes-total,
.charge-taxes-tax {
    text-align: right;
}



/* 予約、予約確認フォームのボタン */
#mtsab-customer-action {
    margin-right: 3em;
    text-align: right;
}

#mtsab-booking-action {
    text-align: center;
}

#mtsab-finding-action {
    text-align: center;
}

#mtsab-reserved-action {
    text-align: center;
}

.button-line {
    margin-right: 0.3em;
}

/* 申込者連絡先 */
#mtsab-customer-entry,
#mtsab-customer-confirm {
    width: 99%;
}

#mtsab-customer-entry th,
#mtsab-customer-confirm th {
    border: 1px solid #cccccc;
    vertical-align: top;
    width: 30%;
}

#mtsab-customer-entry td,
#mtsab-customer-confirm td {
    border: 1px solid #cccccc;
    padding: 0.3em;
}

#mtsab-customer-entry dl,
#mtsab-customer-entry dd {
    margin: 0 0 0.5em;
}

#mtsab-customer-entry .mts-fat {
    width: 95%;
}

#mtsab-customer-entry .mts-middle-small {
    width: 45%;
}

#mtsab-customer-entry .mts-small {
    width: 25%;
}

#mtsab-customer-entry .mts-char8 {
    width: 8em;
}

#customer-email2-label {
    display: block;
}


p.description {
    margin: 0;
}

/* 宿泊者連絡先入力フォーム */
#mtsab-booking-guest {
    margin-bottom: 1.5em;
}

#mtsab-guest-entry,
#mtsab-guest-list {
    border-collapse: collapse;
}

#mtsab-guest-entry th {
    border: 1px solid #cccccc;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: normal;
    padding: 0.3em 0.3em 0.3em 0.5em;
    text-align: left;
    vertical-align: top;
    width: 30%;
}

/*
#mtsab-guest-entry th,
#mtsab-guest-list th {
    border: 1px solid #cccccc;
    vertical-align: top;
    width: 30%;
}
*/
#mtsab-guest-entry td {
    border: 1px solid #cccccc;
    margin-bottom: 1.5em;
    padding: 0.3em;
}

#mtsab-guest-entry .mts-number {
    text-align: right;
    width: 6em;
}

#mtsab-guest-entry .mts-middle {
    width: 60%;
}

#mtsab-guest-entry .mts-small-text {
    width: 10em;
}

#mtsab-guest-list td {
    border: 1px solid #cccccc;
    margin-bottom: 1.5em;
    padding: 0.4em;
}

.guest-list-person,
.guest-list-location {
    display: flex;
}

.guest-list-name {
    align-self: center;
    width: 30%;
}

.guest-list-age {
    align-self: center;
    width: 3em;
}

.guest-list-gender {
    align-self: center;
    width: 3em;
}

.guest-list-phone {
    align-self: center;
    width: 30%;
}

.guest-list-postcode {
    width: 5em;
}

.guest-list-action {
    margin-left: auto;
}

.box-action.guest-button {
    margin-bottom: 1.5em;
}

/* 連絡事項 */
#mtsab-booking-message textarea {
    margin-bottom: 1.5em;
    resize: vertical;
    width: 98%;
}

.message-box {
    border: 1px solid #cccccc;
    min-height: 5em;
    padding: 0.3em;
    width: 98%;
}

/* DM配信、規約同意 */
.confirm-box {
    margin-bottom: 1.5em;
}


/* 予約確認 検索フォーム */
#mtsab-find-form table {
    border: 1px solid #cccccc;
    width: 100%;
}

#mtsab-find-form th {
    width: 30%;
}

#mtsab-find-form .find-text {
    width: 60%;
}

#mtsab-reserved-paid {
    margin-bottom: 1em;
}


/* 共通設定 */
.mts-display-none {
    display: none;
}

.mts-right {
    text-align: right;
}

.mts-left {
    text-align: left;
}

.mts-center {
    text-align: center;
}

.mts-right-box {
    display: inline-block;
    float: right;
}

.mts-inline-margin {
    margin: 0 0.1em;
}

.mts-right-margin {
    margin-right: 0.6em;
}

.mts-fat {
    width: 95%;
}

.mts-fat-middle {
    width: 75%;
}

.mts-middle {
    width: 60%;
}

.mts-small-text {
    width: 10em;
}

.mts-small-label {
    display: inline-block;
    text-align: center;
    width: 3.5em;
}

.mts-number {
    text-align: right;
    width: 6em;
}

.mts-small-number {
    text-align: right;
    width: 3em;
}

.mts-error {
    color: #ff0000;
}

.mts-required {
    color: #ff0000;
}