<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
@charset "UTF-8";

.sp {
    display: none;
}

.tpl-cover__bg .tpl-image {
    object-position: right bottom;
}

.img_cap {
    position: absolute;
    bottom: 5px;
    /*    right: 5px;*/
    left: 5px;
    font-size: 1em;
}

.cap_l {
    right: auto;
    left: 5px;
}
.cap_r {
    right: 5px;
    left: auto;
}

.cap_w {
    color: #fff;
}

.cap_shab {
    text-shadow: 0 0 3px #000, 1px 0 3px #000, -1px 0 3px #000, 0 1px 3px #000, 0 -1px 3px #000;
}

@media screen and (max-width: 768px) {
    .sp {
        display: block;
    }

    .pc {
        display: none;
    }

    .tpl-cover__bg .tpl-image {
        object-position: left bottom;
    }

}

/*MV（動画）*/
.tpl-main .tpl-cover--hero {
    background: #000;
    /*padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;*/
}
.tpl-main .tpl-cover--hero .tpl-cover__bg .tpl-cover__youtube iframe {
    width: 100%!important;
    height: auto!important;
    aspect-ratio: 16 / 9;
}
@media screen and (min-width: 1025px) {
    .tpl-main .tpl-cover--hero {
        height: calc(100dvh - 78px);
    }
}
@media screen and (max-width: 1024px) {
    .tpl-main .tpl-cover--hero {
        background: #000;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        aspect-ratio: 16/9;
        height: auto!important;
        padding-top: var(--header-h);
        min-height: auto;
        box-sizing: content-box;
    }
    .tpl-main .tpl-cover--hero .tpl-cover__bg {
        aspect-ratio: 16/9;
        height: auto!important;
        top: var(--header-h);
    }
    .tpl-main .tpl-cover--hero .tpl-cover__bg .tpl-cover__youtube {
        aspect-ratio: 16 / 9;
        height: auto!important;
    }
    .tpl-main .tpl-cover--hero .tpl-cover__bg .tpl-cover__youtube iframe {
        width: 100%!important;
        height: auto!important;
        aspect-ratio: 16 / 9;
    }
}

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

/*コンセプト*/
.tpl-section--concept .tpl-figure {
    position: relative;
}
@media screen and (max-width: 768px) {
    .tpl-section--concept .cap_r {
        right: auto;
        left: 5px;
    }

}


/*間取り*/
.tpl-room-type__example-note .tpl-room-type__example[data-example=floor-heating] {
    background-color: #e8e3e0;
}

.tpl-room-type__example-note .tpl-room-type__example[data-example=storage] {
    background-color: #c5bdaa;
}


.tpl-link.nolink {
    pointer-events: none;
}