/*
共通パーツ 21.08.03
*/
.tb-lift {margin: inherit!important;position: inherit!important;}
.tb-fixed { table-layout: fixed!important; }
.tb-w10 { width: 10px!important; }
.tb-w15 { width: 15px!important; }
.tb-w20 { width: 20px!important; }
.tb-w25 { width: 25px!important; }
.tb-w30 { width: 30px!important; }
.tb-w35 { width: 35px!important; }
.tb-w40 { width: 40px!important; }
.tb-w50 { width: 50px!important; }
.tb-w60 { width: 60px!important; }
.tb-w70 { width: 70px!important; }
.tb-w80 { width: 80px!important; }
.tb-w90 { width: 90px!important; }
.tb-w100 { width: 100px!important; }
.tb-w110 { width: 110px!important; }
.tb-w115 { width: 115px!important; }
.tb-w120 { width: 120px!important; }
.tb-w125 { width: 125px!important; }
.tb-w130 { width: 130px!important; }
.tb-w140 { width: 140px!important; }
.tb-w150 { width: 150px!important; }
.tb-w160 { width: 160px!important; }
.tb-w170 { width: 170px!important; }
.tb-w175 { width: 175px!important; }
.tb-w180 { width: 180px!important; }
.tb-w190 { width: 190px!important; }
.tb-w200 { width: 200px!important; }
.tb-w205 { width: 205px!important; }
.tb-w210 { width: 210px!important; }
.tb-w220 { width: 220px!important; }
.tb-w230 { width: 230px!important; }
.tb-w240 { width: 240px!important; }
.tb-w250 { width: 250px!important; }
.tb-w260 { width: 260px!important; }
.tb-w270 { width: 270px!important; }
.tb-w280 { width: 280px!important; }
.tb-w290 { width: 290px!important; }
.tb-w300 { width: 300px!important; }
.tb-w310 { width: 310px!important; }
.tb-w320 { width: 320px!important; }
.tb-w340 { width: 340px!important; }
.tb-w350 { width: 350px!important; }
.tb-w360 { width: 360px!important; }
.tb-w400 { width: 400px!important; }
.tb-w410 { width: 410px!important; }
.tb-w430 { width: 430px!important; }
.tb-w450 { width: 450px!important; }
.tb-w500 { width: 500px!important; }
.tb-w550 { width: 550px!important; }
.tb-w600 { width: 600px!important; }
.tb-w680 { width: 660px!important; }
.tb-w720 { width: 720px!important; }
.tb-w800 { width: 800px!important; }
.tb-w820 { width: 820px!important; }
.tb-w900 { width: 900px!important; }
.tb-w1000 { width: 1000px!important; }

.tb-bd-sticky {position: relative;}
.tb-bd-sticky::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:solid #D6DAEB;
    border-width: 0 1px;
}

.overflowScroll-x {overflow-x: scroll;}
.overflowScroll-y {overflow-y: scroll;}
.overflowScroll {overflow: scroll;}
.overflowAuto {overflow: auto;}

.tb-wordBreak { word-break: break-word;}
.spaceFixed{white-space: inherit!important;}

input[type=text]+.error {border-color:#D6001B!important;}

.tb-defult { height: 34px!important;}
.tb-defult .file-link {margin-top: 5px!important;}
.tb-defult .file-link:last-child {margin-bottom: 5px!important;}
.tb-auto { height: auto!important;}
.tb-h20 { height: 20px!important;}
.tb-h36 { height: 36px!important;}
.tb-h30 { height: 30px!important;}
.tb-h38 { height: 38px;}
.tb-h40 { height: 40px!important;}
.tb-h74 { height: 74px!important;}
.tb-h100 { height: 100px!important;}
.tb-h200 { height: 200px!important;}
.tb-h400 { height: 400px!important;}
.tb-mh400 { max-height: 400px!important;}
.tb-h100p{ height: 100%!important;}
.tb-sticky {position: sticky!important; left: 0; z-index: 1;}
.tb-vh100 { height: 100vh!important;}
.tb-vh95 { height: 95vh!important;}
.tb-vh90 { height: 90vh!important;}
.tb-vh85 { height: 85vh!important;}
.tb-vh80 { height: 80vh!important;}
.tb-mhauto { min-height: auto!important;}

.tb-v100 {width: 100vw!important;}
.tb-p100 {width: 100%!important;}
.tb-p50 {width: 50%!important;}
.tb-p25 {width: 25%!important;}
.border-none {border: none!important;}
.border-bbnone {border-bottom: none!important;}
.border-btnone {border-top: none!important;}
.border-blnone {border-left: none!important;}
.border-brnone {border-right: none!important;}
.pointerNo {pointer-events: none;}
.tb-tdBackcolor {background: #F8FAFD!important;}
.tb-backtp {background: transparent!important;}
.tb-button {
    position:relative!important;
    border:none!important;
    border-radius:4px!important;
    text-decoration:none!important;
    line-height:1.2!important;
    cursor:pointer!important;
    box-shadow:2px 2px 6px rgba(0, 0, 0, .15);
    vertical-align:middle;
}
.tb-time { display: flex!important;justify-content: flex-start!important;align-items: center; }
.tb-spacebetween { display: flex;justify-content: space-between;align-items: center; }
.tb-justifyCenter { display: flex!important;justify-content: center;align-items: center; }
.tb-justifyend { display: flex!important;justify-content: flex-end;align-items: center; }
.tb-time_img { width: 16px!important;height: auto!important;}
.tb-alineBottom {align-items: flex-end!important;}
.tb-alineTop {align-items: flex-start!important;}
.tb-alineCenter {align-items: center!important;}
.tb-textinherit {vertical-align: inherit!important;}
.tb-textbottom {vertical-align: bottom!important;}
.tb-relative {position: relative;}
.tb-handsup {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: auto!important;
    height: inherit!important;
    padding: 5px;
    display: flex;
    align-items: center;
}
.tb-handsup::before {
    display: inline-block;
    content: "";
    background-image: url(../image/handsup.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    margin-right: 2px;
}
.hov_chip{
    overflow: hidden;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

.mb-n20{margin-left: -20px;}

.status_square_processing {
    background: #C4DDFC!important;
    border-radius: 2px!important;
}

.status_square_complete {
    background: #F7D2D1!important;
    border-radius: 2px!important;
}

.status_square_cancel {
    background: #DEE0E5!important;
    border-radius: 2px!important;
}

.search-width {width: 28em!important;}
.search-width input::placeholder {font-weight: bold; color: #a0acc1; font-size: 14px!important;}

.search-position {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.search-weight {
    font-weight: normal!important;
}
.search-weight::placeholder {
    font-weight: normal!important;
}

.icon_msg {
    width: 36px!important;
    height: auto;
}

.icon_position {
    position: absolute;
    right: 30px;
}

.icon_status-size {
    width: 70px!important;
    height: 70px!important;
    border-radius: 100%!important;
}

.inner {
    max-width: 1000px!important;
}

.bgWh{
    background-color: #FFFFFF;
}
.bgBl{
    background-color: #3A73E3!important;
}
.button.bgBl {background: #3A73E3!important;}
.bgTp{
    background: transparent!important;
}
.pointer {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    top: 50%;
    transform: translateY(-50%);
}

.ui-datepicker-month, .ui-datepicker-year {
    height: 34px!important;
    overflow: inherit!important;
    padding: 2px!important;
}
.ui-datepicker-title {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.from180{transform: rotate(180deg);}

.modal-index {z-index: 1;}
.tb-boder_contaner:first-child {border-left: 0;}

.tb-border {border: 1px solid#D6DAEB;}
.tb-boder-l0 {border-left: 0!important;}
.tb-border-x0 {border-left: 0!important;border-right: 0!important;}
.tb-bx {border-left: 1px solid #D6DAEB; border-right: 1px solid #D6DAEB;}
.tb-bl {border-left: 1px solid #D6DAEB!important;}
.tb-bb {border-bottom: 1px solid #D6DAEB!important;}
.tb-bb:last-child {border-bottom: none;}
.tb-bb-01 {border-bottom: 1px solid #CCCCCC;}

.zIndex-11 {z-index: 11!important;}

.label-caption {color: #FF0000;}

.modal-index {z-index: 1;}

.color-defult {color: #404E5A!important;}
.color-title {color: #2672EB!important;}
.color-subtitle {color: #748A9D!important;}

.ui-button {border: 1px solid #A0ACC1!important;}
.c-delete_position {
    position: absolute;
    top: 0;
    right: 0;
}

.floarFixed{ float: inherit!important;}

.bgCancel{background: #DEE0E5;}
.bgComp {background: #F7D2D1;}
.fs24 {font-size: 24px;}
.fs32 {font-size: 32px;}
.fcRed {color: #C32928;}
.fcCaption {color: #FF0000;}
.fcWh{color: #FFFFFF;}
.status_moving {
    border: 2px solid #FFFFFF;
    margin: 0 auto;
}
.marginAuto{margin: 0 auto;}
.spinNone::-webkit-inner-spin-button,
.spinNone::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

.baseHeader {
    position: sticky;
    top: 0;
    width: 100%;
}

/* 詳細画面のアコーディオン */
.detail-accordion {
    background: #A0ACC1;
    text-align:center;
    width: 100%;

}
/* 矢印アイコン */
.detail-accordion > img {
    height: 10px;
    width: 24px;
}

/*
room_request 21.08.05
*/

#page_room-request .info-scrollable {height: calc(93vh - 225px);overflow: auto;}

#page_room-request .make_button { /* 強制上書き　*/
    background: linear-gradient(to right, #f082b6, #d95c8a) !important;
    display: inline-block !important;
    _display: inline !important;
    border: 0px !important;
}

#page_room-request .inputRRModal_input {
    margin-bottom: 0;
}

#page_room-request .inputRRModal_input.inputRRModal_input__tel,
#page_room-request .inputRRModal_input.inputRRModal_input__tel2,
#page_room-request .inputRRModal_input.inputRRModal_input__tel3,
#page_room-request .inputRRModal_input.inputRRModal_input__number {
    width: 70px;
}
.inputRRModal_input::placeholder,.inputRRModal_textarea::placeholder {color: #A0ACC1!important;}
/*
my_page 21.08.07
*/
.p-mypage .overlay {background-color: rgba(255, 255, 255, 0.7);display: flex;align-items: center;justify-content: center;}
.p-mypage .Modal.mypage {background: #f8fafd;margin-top: 50px;}
.p-mypage.mypage_container {height: calc(100vh - 70px);overflow-y: auto;}
.p-mypage .modal_form_error {color: red !important;}
.p-mypage .mypage_contents {max-width: 750px;margin: 30px auto;overflow-y: auto;}
.p-mypage .content_title {color: #2672EB;font-size: 1.4rem;font-weight: 400;text-align: left;}
.p-mypage .user_info {margin-top: 20px;}
.p-mypage .user_info .item {border-top: 1px solid #D6DAEB;display: flex;padding: 20px 0;align-items: center;}
.p-mypage .user_info .item:last-child {border-bottom: 1px solid #D6DAEB;}
.p-mypage .user_info .item label {color: #748A9D;width: 220px;}
.p-mypage .user_info .item .value {color: #404E5A;}
.p-mypage .menu_box {padding: 10px;border: 1px solid #669;cursor: pointer;width: 30%;margin: 5px;}
.p-mypage .modal_title {color: #2672EB;font-size: 20px;font-weight: 400;text-align: left;}
.p-mypage .modal_description {text-align: left;color: #404E5A;margin: 20px auto 25px;font-size: 14px;}
.p-mypage .modal_caution {color: #707070;font-size: 0.85rem;margin-top: 20px;font-weight: 200;}
.p-mypage .form_item {text-align: left;margin-bottom: 25px;}
.p-mypage .form_item > label {color: #748A9D;font-size: 12px;line-height: 16px;margin-bottom: 5px;display: block;}
.p-mypage .form_item > label.error {display: block;font-size: 12px;color: #D6001B;}
.p-mypage .form_item .form_value {color: #404E5A;}
.p-mypage input[type=text].form_input,
.p-mypage input[type=password].form_input {border: 1px solid #A0ACC1;width: 40%;font-size: 14pxline-height: 19px;font-weight: 200;}
.p-mypage .form_item.email input.form_input {width: 356px;}
.p-mypage .modal_form.mypage input.form_input {width: 356px;}
.p-mypage .password_row {display: block;align-items: center;}
.p-mypage .modal_button_ok {margin: 0;}
.p-mypage .modal_button_ok.large, .modal_button_cancel.large {width: 356px;}
.p-mypage .password_forget_link {font-size: 14px;color: #2672EB;margin-left: 8px;display: flex;}
.p-mypage .modal_button {margin-top: 40px;text-align: left;}
.p-mypage .modal_button button {box-shadow: 0px 8px 8px #00000029;font-size: 20px;line-height: 27px;font-weight: 400;}
.p-mypage .upload_caution {color: #707070;font-size: 0.8rem;margin: 5px 0;}
@media screen and (max-width: 600px) {
    .p-mypage input[type=text].form_input,
    .p-mypage input[type=password].form_input {width: 100%;}
    .p-mypage .modal_button_ok.large,
    .p-mypage .modal_button_cancel.large {width: 100%;}
    .p-mypage input.form_input.tel01,
    .p-mypage input.form_input.tel02, input.form_input.tel03 {width: 80px !important;}
}
@media screen and (max-width: 768px) {
    .p-mypage .mypage_container {width: 100%;}
    .p-mypage .Modal {max-height: 100% !important;}
    .p-mypage .mypage_contents {width: 90%;margin: 30px auto;}
    .p-mypage .user_info .item {flex-direction: column;}
    .p-mypage .user_info .item button {margin-top: 10px;}
    .p-mypage input[type=text].form_input, input[type=password].form_input {width: 90%;}
    .p-mypage .Modal {padding: 10px;max-height: 600px;overflow: auto;}
    .p-mypage .modal_button button {margin-bottom: 10px;}
}
.p-mypage .mypage_modal_include input[type="text"],
.p-mypage .mypage_modal_include input[type="password"] {width: 100%;max-width: 300px;}
.p-mypage .button_default {width: 160px;height: 36px;font-size: 14px;border-style: none;cursor: pointer;color: #fff;background: linear-gradient(-146deg, #B6BCC7, #D7D9E2);border-radius: 4px;margin: 0 5px;box-shadow: 0 4px 4px rgba(0, 0, 0, .08);}
.p-mypage .upload_area {display: flex;flex-direction: column;}
.p-mypage .upload_area .upload_box {border: 3px dotted #A0ACC1;border-radius: 3px;color: #2672EB;text-align: center;padding: 10px;line-height: 30px;cursor: pointer;}
.p-mypage .upload_area .upload_box:hover {border-style: solid;border-color: #2672EB;}
.p-mypage .upload_area .upload_box .dropzone:focus {outline: none;}
.p-mypage .upload_area .upload_box .upload_text {padding: 20px;}
.p-mypage .upload_area .uploaded_file_name {padding-top: 10px;}
.p-mypage .upload_area .uploaded_file_name .close_icon {margin-left: 10px;}
.p-mypage .pointer {cursor: pointer;}
.p-mypage .flex_row {display: flex;flex-direction: row;}
.p-mypage .flex_column {display: flex;flex-direction: column;}
.p-mypage .flex_column .flex_row:not(:last-child) {margin-bottom: 20px;}
.p-mypage .heading-content {font-size: 22px;color: #2672EB;font-weight: normal;padding-left: 15px;margin-top: 20px;}
.p-mypage .heading-content img {cursor: pointer;}
.p-mypage .text_left {text-align: left !important;}
.p-mypage .text_right {text-align: right !important;}
.p-mypage .text_center {text-align: center !important;}
.p-mypage .passwordvalid {color: green;}
.p-mypage .passwordinvalid {color: red;}
.p-mypage .input--error {@extend .input;border: 2px solid $color--error;}

.p-mypage .error-msg {color: red !important;}
.p-mypage .mastermodal {width: 620px;border-color: #D6DAEB;min-height: auto;margin: 0;}
.p-mypage .text-label {width: 100%;}
.p-mypage .sm-font {font-size: 10px;color: #404E5A;font-weight: lighter}
.p-mypage .mastermodal .file-attach {height: 160px;}
.p-mypage input[type="tel"][name="tel1"].form_input {width: 48px;}
.p-mypage input[type="tel"][name="tel2"].form_input,
.p-mypage input[type="tel"][name="tel3"].form_input { width: 56px;}
.p-mypage .mastermodal .form_item { margin-bottom: 20px;}
.p-mypage .modal_button_ok.large { width: 300px;}


/*
room_request(customer) 21.08.17
*/

.apr-gray-status {
    border-style: solid;
    border-color: #748A9D;
    padding: 10px 30px;
}

.apr-red-status {
    border-style: solid;
    border-color: #d6001b;
    padding: 10px 30px;
}

.apr-gray-status-text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #748A9D;
}

.apr-red-status-text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #d6001b;
}

.arrow {
    margin: 0px 10px 0px 0px;
    transform: rotate( 90deg );
}

.updateInput+.ui-selectmenu-button.ui-button {
    width: 100%;
}
.salesInput+.ui-selectmenu-button.ui-button {
    width: 450px;
}

.list-item.-bb {border-bottom: 1px solid #d6daeb;}