@charset "UTF-8";

#modal-shops .access {
    font-size: 1.4rem
}

@media screen and (max-width:768px) {
    #modal-shops .access {
        line-height: 1.6;
        margin: 0.5em 0
    }
}

#modal-shops .shop td {
    position: relative;
    padding-right: 44px
}

#modal-shops .shop address {
    font-style: normal;
    position: relative;
    margin-bottom: 0.5rem;
    font-size: 1.4rem
}

#modal-shops .shop .ui-btn {
    position: absolute;
    right: 0.7rem;
    top: 0.7rem;
    color: #ed6103;
    border: 1px solid #bdc8ca;
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    background: url("/assets/dcms_media/image/pin-c7fe5df4.png")center center no-repeat #fff;
    background-size: auto 80%;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2)
}

#modal-shops .shop .ui-btn:hover {
    top: 0.9rem;
    -webkit-box-shadow: 0 2px 1px 0 transparent;
    box-shadow: 0 2px 1px 0 transparent
}

#modal-shops .shop .tags {
    font-size: 1.2rem
}

#modal-shops .shop .tags li {
    display: inline-block;
    margin-top: 0.5rem;
    margin-right: 0.5rem
}

#modal-shops .ui-modal-footer .notes {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8
}

.ui-modal .notification p {
    margin-bottom: 1rem
}

.ui-btn-mouse {
    display: inline-block;
    background: #fff;
    color: inherit;
    font-weight: 700;
    text-decoration: none;
    padding: 1.2rem 1.8rem;
    border: 1px solid #bdc8ca;
    border-radius: 100px;
    -webkit-box-shadow: 0 1px 2px rgba(132, 132, 132, 0.3);
    box-shadow: 0 1px 2px rgba(132, 132, 132, 0.3);
    text-align: center;
    position: relative;
    font-size: 1.7rem
}

.ui-modal-footer .ui-btn-sm {
    width: auto;
    padding: 1rem 3rem;
    font-weight: 400;
    font-size: 1.3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bdc8ca;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer
}

.ui-modal-footer .ui-btn-sm:hover {
    background: #fffe9a;
    color: #ed6103
}

button.lity-close {
    display: none
}

@media screen and (max-width:768px) {
    #modal-shops .modalList {
        padding: 1rem;
        border-bottom: 1px solid #bdc8ca;
        font-size: 1.6rem;
        line-height: 1.5
    }

    #modal-shops .modalList .modalList-title {
        font-weight: 700;
        font-size: 1.6rem;
        margin-bottom: 0.8rem;
        color: #ed6103
    }

    #modal-shops .modalList .not-accept-reserve {
        color: #a5a5a5
    }

    #modal-shops .modalList .modalList-body address {
        font-style: normal;
        position: relative;
        margin-bottom: 1rem;
        font-size: 1.4rem
    }

    #modal-shops .modalList .modalList-body .buttons {
        border-spacing: 0
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        table-layout: auto;
        table-layout: initial;
        width: 100%
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner a[class*=btn-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-another {
        margin-right: 5px;
        padding: 1.2rem 0.5rem;
        border: 1px solid #bfcacc;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
        background: #fff;
        text-decoration: none;
        font-weight: 700;
        text-align: center
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-another.shop-datail {
        width: 33%;
        color: #1f1f1f
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-another.map {
        width: 20%;
        color: #1f1f1f
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-consultation {
        margin-right: 0;
        padding: 1.2rem 5.7rem 1.2rem 0.5rem;
        width: 47%;
        cursor: pointer;
        border: none;
        border-radius: 5px;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        color: #fff;
        background: #2c3af6;
        position: relative
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-consultation.not-accept-reserve {
        background: #a5a5a5;
        color: #fff
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-consultation.not-accept-reserve span {
        background: #dadada;
        color: #a5a5a5
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-consultation.disabled {
        background: #ebebeb;
        color: #a5a5a5;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-consultation.disabled span {
        background: #dadada
    }

    #modal-shops .modalList .modalList-body .buttons .buttonsInner .btn-consultation span {
        display: inline-block;
        margin-left: 0.2rem;
        width: 40px;
        height: 24px;
        border-radius: 5px;
        font-size: 1.4rem;
        vertical-align: middle;
        font-weight: 400;
        line-height: 24px;
        background: #0e15a8;
        position: absolute;
        right: 1.2rem;
        bottom: 1.2rem
    }

    #modal-shops .ui-modal-footer .ui-btn-sm {
        padding: 1rem
    }

    #modal-shop-1 {
        border-top: 1px solid #bdc8ca
    }
}

.ui-modal-header {
    background: #ed6103;
    color: #fff;
    position: relative;
    min-height: 50px;
    line-height: 50px
}

.ui-modal-header .title {
    text-align: center;
    margin-right: 50px;
    padding-left: 40px;
    font-size: 1.8rem
}

.ui-modal-close {
    border: 1px solid #fff;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-family: Arial, Baskerville, monospace;
    line-height: 30px;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-modal-scroll {
    max-height: calc(90vh - 90px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.ui-modal-footer {
    text-align: center;
    padding: 1rem;
    border-radius: 0 0 5px 5px
}

.ui-modal-container {
    background: #fff
}

.modalList-body a {
    color: #ed6103
}

button.lity-close {
    display: none
}

.lity-wrap {
    padding: 10px
}

.btn-consultation.prg-add-param.inquire_link {
    text-decoration: none
}

.ui-modal .notification {
    padding: 20px 0
}

.ui-modal .notification p {
    text-align: center;
    font-size: 1.4rem
}

.ui-modal .notification p a {
    color: #ed6103
}

.ui-btn-sm {
    border: 1px solid #bdc8ca;
    border-radius: 4px;
    padding: 0.5rem;
    background: #fff;
    text-align: center;
    position: relative;
    font-size: 1.7rem;
    width: auto;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2)
}


.ui-modal .notification {
    padding: 20px;
    text-align: center;
    margin: auto
}

.ui-modal .notification a {
    color: #ed6103
}

.ui-modal .notification a[href^="tel:"] {
    text-decoration: none;
    font-weight: bold
}

#modal-shops .modal-pref-anchor {
    background-color: #f9f9f9
}

#modal-shops .modal-pref-anchor .area-list-box {
    width: 760px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 30px 0 10px
}

#modal-shops .modal-pref-anchor .area-list-box .area-list {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    width: 140px;
    height: 39px;
    border-radius: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    text-decoration: none;
    white-space: nowrap;
    text-align: center
}

#modal-shops .modal-pref-anchor .area-list-box .area-list a {
    display: block;
    color: #1f1f1f;
    line-height: 39px;
    text-decoration: none;
    padding-left: 26px
}

#modal-shops .modal-pref-anchor .area-list-box .area-list h3 {
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

#modal-shops .modal-pref-anchor .area-list-box .area-list h3 .arrow::after {
    position: absolute;
    top: -5px;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    border-radius: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#modal-shops .shops-pref-heading {
    text-align: center;
    padding: 30px 0 20px
}

#modal-shops .shops-pref-heading .heading {
    font-size: 24px;
    font-weight: 700;
    display: inline-block
}

#modal-shops .shops-pref-heading .subheading {
    font-size: 18px
}

#modal-shops .shops-pref-heading .subheading .homes-color {
    color: #ed6103
}

.ui-icon-blank-window:before,
.ui-icon-heart:before,
.ui-icon-mail:before,
.ui-icon-map-marker:before,
.ui-icon-tel:before,
.ui-icon-zoom:before,
[data-icon]:before {
    display: inline-block;
    font-family: homes;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

#modal-shops .modal-pref-anchor .area-list-box::after {
    content: "";
    display: block;
    width: 140px
}

@media screen and (max-width:768px) {
    #modal-shops .modalList {
        padding: 1rem;
        border-bottom: 1px solid #bdc8ca;
        font-size: 1.6rem;
        line-height: 1.5
    }

    #modal-shops .modal-pref-anchor .area-list-box {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    #modal-shops .modal-pref-anchor .area-list-box {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    #modal-shops .modal-pref-anchor .area-list-box {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    #modal-shops .modal-pref-anchor .area-list-box .area-list a {
        padding-left: 0
    }

    #modal-shops .modal-pref-anchor .area-list-box .area-list h3 {
        text-align: center
    }

    #modal-shops .modal-pref-anchor .area-list-box .area-list {
        width: 48%;
        margin-bottom: 3%
    }

    #modal-shops .modal-pref-anchor .area-list-box::after {
        width: 48%;
        margin-bottom: 3%
    }
}

@media screen and (max-width:768px) {
    .Date__lock {
        opacity: 0.4
    }
}

.ui-modal-body {
	padding: 0 1rem 1rem;
	max-height: 60vh;
	overflow-y: scroll;
}

@media screen and (max-width: 768px) {
	.ui-modal-body {
		max-height: 50vh;
	}
}

.ui-table {
    width: 100%;
    max-width: 100%
}

.ui-table td,
.ui-table th {
    padding: 0.75rem 1rem;
    line-height: 1.4
}

.ui-table th {
    background-color: #f7f7f7;
    font-weight: 400;
    vertical-align: middle;
    text-align: left
}

@media screen and (max-width:768px) {
    .ui-table th {
        vertical-align: top;
        width: 30%
    }
}

.ui-table th a {
    color: #1f1f1f
}

.ui-table-bordered th {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 25%
}

.ui-table-bordered td {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 75%
}

@media screen and (max-width:768px) {

    .ui-table-bordered td,
    .ui-table-bordered th {
        font-size: 1.4rem
    }
}

.ui-table-bordered td+td,
.ui-table-bordered td+th,
.ui-table-bordered th+td,
.ui-table-bordered th+th {
    border-left: 1px solid #e5e5e5
}

.ui-table-full-bordered td,
.ui-table-full-bordered th {
    border: 1px solid #e5e5e5
}