@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    &.shinchiku-man-san {
        .gbox02 .in_gimg {
            aspect-ratio: 707 / 1000;
        }
    }

    .gallery-photo {
        margin-bottom: 50px;
    }

    .sp_on2 {
        display: none;
    }

    .pc_on2 {
        display: block;
    }

    .tp_sec06 {
        .txtbox {
            color: #201818;
        }
    }

    &.luxury-man-san {
        .sec00 {
            .ttl03 .bg_en_ttl span.type02 {
                color: rgba(19, 204, 199, 0.2);
            }
        }
    }

    &.shinchiku-man-san {
        .sec00 {
            .ttl03 .bg_en_ttl span.type02 {
                color: rgba(241, 115, 115, 0.2);
            }
        }
    }

    &.page-template-tmpl_news,
    &.category {
        .ttl05 {
            border-bottom: 2px solid #b08913;
        }
    }

    &.single-sale_post {
        .single_ttl {
            border-bottom: solid 2px #cccccc;
        }

        .news_text_block .category_c a {
            background-color: #05325a;
        }

        .wbox01 {
            p {
                color: #fff;
            }
        }

        .tbl_list01 li .tbl_ttl {
            background-color: #f9eed0;
            border-right: solid 1px #cccccc;
        }

        .tbl_list01 li .tbl_body {
            background-color: #ffffff;
        }
    }

    &.sale-now,
    &.tax-sale_c {
        .pager .page-numbers {
            color: #ffffff;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec03 {
            .layout_a.type01 .imgbox {
                width: 30%;
            }
        }

        &.shinchiku-man-san {
            .layout_e .lf_box .imgbox,
            .layout_d .lf_box .imgbox {
                width: 50%;
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .layout_e .lf_box .txtbox {
            padding-left: 15rem;
        }

        .layout_d .lf_box .txtbox {
            padding-right: 15rem;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        main section .page_title {
            width: 100%;
        }

        #main_visual {
            height: 60vh;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .sp_on2 {
            display: block;
        }

        .pc_on2 {
            display: none;
        }

        .main-catch__video {
            height: 40vh;
        }

        #main_visual {
            height: 40vh;
        }

        &.tower-man-kun,
        &.luxury-man-san,
        &.shinchiku-man-san {
            .sec00 {
                .ttl03 {
                    margin-bottom: 0;
                }
            }
        }

        main section .page_head.type01 .page_title {
            top: 60%;
        }

        main section .page_title {
            top: 65%;
        }
    }
}