@charset "UTF-8";

body.qualitia-brand__property__detail {
    color: var(--darkgray);
}

.property-detail-header-image {
    position: relative;
}

.property-detail-title {
    position: absolute;
    top: 4.5rem;
}

.property-detail-title-series p {
    font-size: 1.2rem;
    background: var(--redgold);
    border-radius: 8px;
}

.property-detail-title-contact a {
    display: block;
    background: var(--mediumgold);
    font-size: 1.2rem;
    border-radius: 8px;
}

.property-detail-title-name h1 {
    font-size: 1.2rem;
}

.property-detail-title-name p {
    font-size: 0.7rem;
    text-indent: 0.8rem;
}

.slick-slide {
  margin: 0 0.2rem;
}

.property-detail-gallery {
    background: var(--lightgraybg);
}

.property-detail-summary-title p:first-of-type {
    font-family: 'Cormorant Garamond', serif;
    font-size: 6rem;
    color: var(--lightgray);
}

.property-detail-summary-title {
    position: relative;
    top: 1.8rem;
}

.property-detail-summary-title p:last-of-type {
    font-size: 1.4rem;
    color: var(--darkgold);
    position: relative;
    top: 0.8rem;
}

.property-detail-summary-title p:last-of-type>span {
    position: relative;
    top: 0.45rem;
    left: 0.2rem;
}

.property-detail-summary-sub-title p:first-of-type {
    font-size: 1.2rem;
}

.property-detail-summary-sub-title p:last-of-type {
    font-size: 0.8rem;
}

.property-detail-summary-sub-title-price {
    display: flex;
    justify-content: flex-end;
}

.property-detail-summary-sub-title-price p {
    font-size: 0.8rem;
    line-height: 1;
    align-self: flex-end;
}

.property-detail-summary-sub-title-price p>span {
    font-size: 1.2rem;
    color: var(--darkgold);
}

.property-detail-summary-area span {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--darkgray);
}

.property-detail-summary-area p {
    font-size: 0.8rem;
}

.property-detail-summary-info p {
    font-size: 0.8rem;
}

.property-detail-section-title-left h3, .property-detail-section-title-right h3 {
    font-size: 1rem;
}

.property-detail-section-title-left h3 {
    background: var(--redgold);
}

.property-detail-section-title-right h3 {
    background: var(--textlightgray);
}

.property-detail-section-bg {
    background: var(--beigebg);
}

.property-detail-plan-gallery .slick-prev {
    background: var(--lightgray);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    padding-right: 0.15rem;
}

.property-detail-plan-gallery .slick-prev:before {
    font-size: 1.2rem;
    color: #fff;
}

.property-detail-plan-gallery .slick-next {
    background: var(--lightgray);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    padding-left: 0.15rem;
}

.property-detail-plan-gallery .slick-next:before {
    font-size: 1.2rem;
    color: #fff;
}

#property-detail-equipment-tab {
    list-style: none;
}

#property-detail-equipment-tab li {
    background: var(--textlightgray);
}

#property-detail-equipment-tab li.property-detail-equipment-button-current {
    background: var(--mediumgold);
}

#property-detail-equipment-tab li>a {
    display: block;
    font-size: 0.6rem;
    line-height: 1.2;
    text-decoration: none;
}

.property-detail-equipment-sp-button.property-detail-equipment-sp-button-current>a {
    background: var(--mediumgold);
}

.property-detail-equipment-sp-button>a {
    display: block;
    font-size: 0.6rem;
    line-height: 1.2;
    text-decoration: none;
    background: var(--textlightgray);
    position: relative;
}

.property-detail-equipment-sp-button>a>i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    font-size: 1.2rem;
    color: #fff;
    z-index: 1000;
}

.property-detail-equipment-panel-border {
    border: 1px solid var(--textlightgray);
}

.property-detail-equipment-panel-title {
    position: relative;
}

.property-detail-equipment-panel-title-text {
    position: absolute;
    bottom: 8px;
    left: 18px;
}

.property-detail-equipment-panel-title-text p {
    line-height: 1;
}

.property-detail-equipment-panel-title-text h4>span {
    font-size: 0.8rem;
}

.property-detail-equipment-panel-content-item-main-type-basic, .property-detail-equipment-legend-type-basic {
    background: #a08e6f;
}

.property-detail-equipment-panel-content-item-main-type-basic-plus, .property-detail-equipment-legend-type-basic-plus {
    background: #729a97;
}

.property-detail-equipment-panel-content-item-main-type-variation, .property-detail-equipment-legend-type-variation {
    background: #868455;
}

.property-detail-equipment-panel-content-item-main-type-option, .property-detail-equipment-legend-type-option {
    background: #857682;
}

.property-detail-equipment-panel-content-item-main {
    height: 26rem;
}

.property-detail-equipment-panel-content-item-main p:last-of-type {
    font-size: 0.8rem;
}

.property-detail-equipment-panel-content-item-icons img {
    width: calc((100% - 1.6rem) / 7);
    display: inline-block;
}

.property-detail-equipment-panel-content-item-icons {
    height: 2.4rem;
}

.property-detail-equipment-panel-extra p {
    font-size: 0.6rem;
}

.property-detail-equipment-panel-extra a {
    font-size: 0.6rem;
}

.property-detail-equipment-panel-extra a>span {
    color: #a08e6f;
}

.property-detail-equipment-legend p {
    display: inline-block;
}

.property-detail-equipment-legend p:first-of-type {
    width: 6rem;
    font-size: 0.8rem;
}

.property-detail-equipment-legend p:last-of-type {
    font-size: 0.6rem;
}

ul.slick-dots {
    width: 100%;
    left: 0;
    right: 0;
}

.slick-dots li {
    margin: 0 0;
}

.slick-dots li button:before {
    width: 16px;
    height: 16px;
    font-size: 40px;
    padding: 0;
}

.property-detail-location-panel p {
    font-size: 0.6rem;
}

.property-detail-location-other-single {
    display: inline-flex;
    justify-content: space-between;

}

.property-detail-location-other-single p {
    font-size: 0.8rem;
}

.property-detail-location-other-single p:first-of-type {
    overflow: hidden;
    white-space: nowrap;
}

.property-detail-location-other-single p:last-of-type {
    white-space: nowrap;
}

.property-detail-location-other-single p:first-of-type::after {
    content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
}

.property-detail-location-caution p {
    font-size: 0.8rem;
}

.property-detail-outline-table-th, .property-detail-outline-table-td {
    min-height: 2rem;
    font-size: 0.7rem;
}

.property-detail-outline-table-th-2, .property-detail-outline-table-td-2 {
    min-height: 4rem;
}

.property-detail-outline-table-th-3, .property-detail-outline-table-td-3 {
    min-height: 6rem;
}

.property-detail-outline-table-th-last, .property-detail-outline-table-td-last {
    min-height: 10rem;
}

.property-detail-outline-table-th {
    width: 5.5rem;
    background: var(--textlightgray);
    color: #fff;
    display: flex;
    align-items: center;
}

.property-detail-outline-table-td {
    width: calc(100% - 5.5rem);
    display: flex;
    align-items: center;
}

.property-detail-outline-table-01-top {
    border-top: 1px solid var(--textlightgray);
}

.property-detail-outline-table-th {
    border-left: 1px solid var(--textlightgray);
    border-right: 1px solid var(--lightgray);
    border-bottom: 1px solid var(--lightgray);
}

.property-detail-outline-table-td {
    border-right: 1px solid var(--textlightgray);
    border-bottom: 1px solid var(--lightgray);
}

.property-detail-outline-table-th-last, .property-detail-outline-table-td-last {
    border-bottom: 1px solid var(--textlightgray);
}




#AccessMap {
    height: 440px;
}



.grid-container-fluid [class*=property-detail-outline-table-] {
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
}

.grid-container-fluid > [class*=grid-row-] {
    height: auto;
}

.grid-container-fluid > .property-detail-outline-table-th {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
}

.grid-container-fluid > .property-detail-outline-table-td {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
}

.traffic + .traffic {
    display: block;
    margin-left: 1.85rem;
}

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

    .property-detail-title {
        top: 3.5rem;
    }

    .property-detail-title-name h1 {
        font-size: 1.5rem;
    }

    .property-detail-title-name p {
        font-size: 0.8rem;
        text-indent: 1rem;
    }

    .property-detail-summary-title p:first-of-type {
        font-size: 8rem;
    }

    .property-detail-summary-title p:last-of-type {
        font-size: 1.8rem;
        position: relative;
        top: 1rem;
    }

    .property-detail-summary-title p:last-of-type>span {
        position: relative;
        top: 0.6rem;
        left: 0.2rem;
    }

    .property-detail-plan-gallery .slick-prev {
        left: -4rem;
        background: var(--lightgray);
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        padding-right: 0.25rem;
    }

    .property-detail-plan-gallery .slick-prev:before {
        font-size: 1.8rem;
    }

    .property-detail-plan-gallery .slick-next {
        right: -4rem;
        background: var(--lightgray);
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        padding-left: 0.25rem;
    }

    .property-detail-plan-gallery .slick-next:before {
        font-size: 1.8rem;
    }

    #property-detail-equipment-tab {
        justify-content: space-between;
    }

    #property-detail-equipment-tab li {
        width: calc((100% - 12px) / 7);
    }

    #property-detail-equipment-tab li>a>span {
        font-size: 0.5rem;
    }

    .property-detail-equipment-panel-content-item-main p:nth-of-type(2) {
        font-size: 0.8rem;
    }

    .property-detail-equipment-panel-content-item-main p:last-of-type {
        font-size: 0.6rem;
    }

    .property-detail-equipment-panel-content-item-main {
        height: 18rem;
    }

    .property-detail-equipment-panel-extra p, .property-detail-equipment-panel-extra a {
        display: inline-block;
    }

    .property-detail-outline-table-th, .property-detail-outline-table-td {
        font-size: 0.85rem;
    }

    .property-detail-outline-table-th-last, .property-detail-outline-table-td-last {
        min-height: 6rem;
    }

    .property-detail-outline-table-th {
        width: 6.5rem;
    }

    .property-detail-outline-table-td {
        width: calc(100% - 6.5rem);
    }

    .property-detail-outline-table-01 .property-detail-outline-table-td {
        border-right: 1px solid var(--lightgray);
    }

    .property-detail-outline-table-02 .property-detail-outline-table-th {
        border-left: none;
    }

    .property-detail-outline-table-02-top {
        border-top: 1px solid var(--textlightgray);
    }

    .grid-container-fluid > .property-detail-outline-table-th {
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
    }

    .grid-container-fluid > .property-detail-outline-table-td {
        -ms-grid-column-span: 4;
        grid-column-end: span 4;
    }

}