@charset "utf-8";

.c_s__header.result {
    display: flex;
    align-items: center;
}

.c_s__header.result h2.reno_h3 {
    font-size: 1.838vw;
    margin-right: 1.103vw;
}

.c_s__header.result .tag {
    margin-bottom: 0;
}

.c_s__header.result .tag span {
    font-size: 1.103vw;
    color: #fff;
    background: #333;
    padding: 0.294vw 0.588vw;
}

.flex_result {
    display: flex;
    justify-content: space-between;
}

.photo.result {
    width: 49%;
}

.photo_inner {
    overflow: inherit;
}

.scroll-content {
    width: 90%;
    max-width: 1080px;
    margin: auto;
    padding: 0 5%;
    position: relative;
}

.flex_result .swiper-button-next {
    top: 40%;
}

.flex_result .swiper-button-prev {
    top: 40%;
}

.result_detail {
    width: 44%;
}

.swiper-container.slider-thumbnail {
    margin-top: 1.103vw;
}

.slider-thumbnail .result_slide_img {
    width: 100%;
    height: 7.353vw;
    overflow: hidden;
}

.slider .result_slide_img {
    width: 100%;
    height: 22.059vw;
    overflow: hidden;
}

.result_slide_img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.post_before_after .result_detail table.reno_info_tbl {
    color: #333;
    margin: 0 auto;
}

.post_before_after .result_detail tr {
    border-bottom: solid 1px #b7b7b7;
}

.post_before_after .result_detail tr:last-child {
    border-bottom: solid 1px #b7b7b7;
}

.post_before_after .result_detail th {
    min-width: 11.029vw;
    width: 28%;
    padding: 1.471vw 0;
}

.post_before_after .result_detail td {
    -webkit-line-clamp: unset;
    padding: 1.471vw 0;
}

td.bor2 {
    font-size: 1.765vw;
    color: #F1B405;
    font-weight: 500;
    letter-spacing: 0.074vw;
    font-family: "Outfit", sans-serif;
}

span.yen {
    color: #333;
    font-weight: 600;
    font-size: 1.176vw;
}

.page_wrap.result h3 {
    padding-bottom: 1.471vw;
    border-bottom: solid 1px;
}

@media (max-width: 767px) {

    .c_s__header.result {
        flex-direction: column;
        align-items: baseline;
    }

    .c_s__header.result h2.reno_h3 {
        font-size: 4.5vw;
    }

    .c_s__header.result .tag span:first-child {
        font-size: 4.102564102564102vw;
        color: #fff;
        background: #333;
        margin: 0 1.221vw 0 0;
        padding: 0 1.153846153846154vw 0.42vw;
    }

    .c_s__header.result .tag span {
        font-size: 4.102564102564102vw;
        color: #fff;
        background: #333;
        margin: 0 1.221vw 0 1.221vw;
        padding: 0 1.153846153846154vw 0.42vw;
        border-radius: 4px;
    }

    .flex_result {
        flex-direction: column;
    }

    .photo.result {
        width: 100%;
    }

    .result_detail {
        width: 100%;
    }

    article {
        width: 100%;
        margin: auto;
    }

    section.photowrap {
        width: 100%;
        max-width: unset;
    }

    .slider .result_slide_img {
        width: 100%;
        height: 160px;
        overflow: hidden;
    }

    .slider-thumbnail .result_slide_img {
        width: 100%;
        height: 70px;
        overflow: hidden;
    }

    .flex_result .swiper-button-next {
        right: 10px !important;
        top: 40% !important;
    }

    .flex_result .swiper-button-prev {
        left: 10px !important;
        top: 40% !important;
    }

    .post_before_after .result_detail th {
        min-width: unset;
        width: 100%;
    }

    .post_before_after .result_detail td.bor2 {
        -webkit-line-clamp: unset;
        padding: 1.471vw 0;
        font-size: 5.5vw;
    }

    span.yen {
        font-size: 3.8vw;
        margin-left: 2px;
    }

    table.reno_info_tbl th {
        width: 100%;
    }

}