@charset "UTF-8";
/* CSS Document */

@import url("https://use.typekit.net/qcx2hqk.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Readex+Pro:wght@200&family=Roboto:wght@400;500;700;900&display=swap');


/*  */

body .border_color_main {
    border-color: #EC6C00;
}

.recommend_wrap li.new::before,
.room_data td.new::before,
.es_new_block .new::before,
.page-header.new h1.entry-title::before,
.es_list_slider .slides a.new::before,
.es-list li.new .thumb::before {
    background: #FF4572;
}

/*  */

#main_ttl {

    & div.wrap {
        background-color: #F2EFED;
    }

    & .page-header {
        border: none;
        margin: 0;
        max-width: initial;
        padding: 0;
    }

    & .page-header.new h1.entry-title::before {
        display: none;
    }

    & .entry-header {
        text-align: right;
        /* display: block; */
        flex-direction: column;
        align-items: flex-start;
        height: 100px;
        margin-top: 70px;
        margin-right: 176px;
    }

    & .entry-header.has-bt_group .bt_group {
        margin-left: auto;
        justify-content: flex-end;
    }

    & h1 {
        overflow: hidden;
        color: #111111;
        padding-right: 0;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: auto;
    }

    & .detail_block_header h1>span:not(.es_title_label) {
        font-size: var(--fs40);
        font-weight: 700;
    }

    & #fig_ttl {
        /* position: relative; */
        position: absolute;
        right: 0;
        top: 68px;
    }

    & #fig_ttl div.wrap {
        border-radius: 8px;
        overflow: hidden;
        width: 148px;
        height: 100px;
        margin-left: 26px;
    }

    & .page-header.new+#fig_ttl::before {
        background-color: #FF4572;
        content: "NEW";
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-size: var(--fs11);
        padding: 4px 8px;
        vertical-align: middle;
        line-height: 1;
        position: absolute;
        bottom: -8px;
        right: -8px;
    }


    & span.es_title_label {
        background-color: #fff;
        color: #EC6C00;
    }

    & .wp-block-button__link:hover,
    & .wp-block-button__link.outline:hover,
    & .wp-block-button__link:not(:hover).outline {
        background: transparent;
        border: none;
        color: #111;
        border-radius: 0;
        border: none;
    }

    & .wp-block-button__link.outline:hover,
    & .wp-block-button__link:hover {
        border-radius: 0;
        border: none;
        opacity: 1;
        text-decoration: none;
        transform: translate3d(0, 0, 0);
        box-shadow: none;
    }

    & .wp-block-button__link:not(:hover) {
        border-radius: 0;
        box-shadow: none;
    }

    & .entry-header.has-bt_group .bt_group li {
        width: auto;
    }

    & .entry-header.has-bt_group .bt_group a {
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    & .entry-header.has-bt_group .bt_group span[class^="icon-"] {
        order: 1;
        margin-left: 0.4em;
    }

    & .icon-print:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(/assets_property/img/icon_print.avif);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    & .icon-heart:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(/assets_property/img/icon_fav.avif);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    & .fav.on .icon-heart::before {
        background-image: url(/assets_property/img/icon_fav_on.avif);
    }

    /*  */

}

/*  */
body.page-id-193 #main_ttl {
    & .detail_block_header h1>span:not(.es_title_label) {
        font-size: var(--fs18);
        font-weight: 700;
    }
}

#main_ttl div.inner::after {
    content: '';
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #CCCCCC;
    position: absolute;
    left: 0;
    bottom: -34px;
}

/*  */

#content {

    margin-top: 26px;

    & .page-header {
        /* display: none; */
        visibility: hidden;
        margin: 0;
        padding: 0;
        border: none;
    }

}

/*  */


.staff_comment {

    border: 1px solid #F2EFED;
    border-radius: 12px;
    position: relative;
    overflow: visible;

    .icon-user-tie:before {
        content: '';
        display: block;
        width: 140px;
        height: 156px;
        background-image: url(/assets_property/img/fig_zubatto_honne.avif);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -24px;
        left: 12px;
    }

    & .staff {
        width: 168px;
        background-color: #F2EFED;
        position: relative;
        border-radius: 12px 0 0 12px;
    }

    & .staff::after {
        content: '';
        display: block;
        background-color: #F2EFED;
        /* clip-path: polygon(0% 0%, 100% 0%, 50% 100%); */
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        width: 20%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -20%;

    }

    & .staff div {
        display: none;
    }


    & .comment {
        border: none;
        width: calc(100% - 210px);
        padding-right: 20px;
        min-height: 110px;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    & .comment:before {
        display: none;
    }

}

/*  */

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

        padding-bottom: 0;

        & div.inner {
            width: 100vw;
            height: auto;
        }

        & #box_ttl {
            height: auto;
        }

        & .entry-header {
            text-align: left;
            height: auto;
            margin-top: 0;
            margin-right: 0;
            padding: 4vw 6vw 8vw 32vw;
            position: relative;
        }

        & h1 {
            text-align: left;
            margin-left: 0;
        }

        & span.es_title_label {
            font-size: 2.8125vw;
            /* 9px */
            margin-right: 0;
            padding: 0.4em 0.6em;
        }

        & .detail_block_header h1>span:not(.es_title_label) {
            font-size: 5vw;
            /* 16px */
            font-size: 4.375vw;
            /* 14px */
            display: block;
            margin-bottom: 0;
            margin-top: 0.4em;
            line-height: 1.4;
        }

        & #fig_ttl {
            display: none;
        }

        & .entry-header.has-bt_group .bt_group {
            margin-left: auto;
            justify-content: center;

            position: absolute;
            top: 0vw;
            right: 2vw;
            /* left: 10vw;
            top: 18vw; */
            text-align: center;
        }

        & .entry-header.has-bt_group .bt_group span.icon-heart {
            margin-left: 0;
        }

        & .icon-heart:before {
            width: 10vw;
            height: 10vw;
        }

        & span.es-favorite-button-text {
            display: none;

            text-align: center;
            order: 1;
            font-size: 2.8125vw;
            /* 9px */
            margin-top: 0.2em;
            font-weight: 600;
        }


        & h1:not(.entry-title),
        & h2 {
            position: static;
            width: 100%;
            font-size: 6.25vw;
            font-size: 5.625vw;
            /* 18px */
            padding-left: 6vw;
            padding-bottom: 0.4em;
            text-align: left;
            justify-content: flex-start;
            border-bottom: #ccc solid 1px;
        }

        & h1:not(.entry-title) span,
        & h2 span {
            font-size: 0.5em;
            margin-left: 1.2em;
        }

        /* width: 100vw;
            position: static;
            order: 1;
            margin-top: 0;
            font-size: 6.25vw;
            padding-left: 6vw;
            justify-content: flex-start; */

        & div.inner::after,
        & h1:not(.entry-title)::before,
        & h2::before {
            display: none;
        }


    }

    .staff_comment {

        width: 90vw;
        flex-direction: column;
        margin-top: 6vw;

        & .staff::after {
            display: none;
        }

        & .staff_comment .staff span {
            margin-bottom: 0;
        }

        & .icon-user-tie:before {
            position: static;
            width: 30vw;
            height: calc(30vw * 1.114285714285714);
            margin-inline: auto;
            margin-top: -6vw;
            margin-bottom: 4vw;
        }

        & .staff {
            width: 100%;
            border-radius: 12px 12px 0 0;
        }

        & .comment {
            width: 100%;
            padding: 4vw 4vw 6vw;
            min-height: initial;
            align-items: flex-start;
            line-height: 1.7;
            font-size: 3.75vw;
            /* 12px */
        }

    }

    .kokoku-detail-panorama {
        margin-top: 8vw;
    }

    /*  */

    .es_form_2col_wrap>p.note {
        font-size: 3.125vw;
        /* 10px */
        padding-inline: 1em;
    }

    .wpcf7 .wpcf7-form .wpcf7-submit {
        font-size: 4.375vw;
        /* 14px */
        font-size: 3.75vw;
        /* 12px */

    }

    body.page-id-193 #main_ttl {
        & .detail_block_header h1>span:not(.es_title_label) {
            font-size: 5vw;
            font-size: 3.75vw;
            /* 12px */
        }
    }

    /*  */
}









































/*  */