/*
Theme Name:Takamatu
Author:
Description:
Version: 1.0
*/
.header .zeh{
    color:#545F69;
}

.fixed-element {
    display: none;
    /* デフォルトでは非表示 */
    position: absolute;
    bottom: 10rem;
    right: 1rem;
    text-align: center;
    z-index: 60;
    /* Swiperの上に表示するためのz-index */
    color: #fff;
}

.fixed-element img {
    width: 120px;
    /* 画像のサイズを調整 */
    height: auto;
    display: block;
    margin: 0 auto;
}

.fixed-element p {
    font-size: 1.2rem;
    margin-top: 0.5rem;
    color:#fff;
}

@media (max-width: 767px) {
    .fixed-element {
        display: block;
        /* スマートフォンの場合に表示 */
    }

    .page-top .mv__contents {
        z-index: 70;
        /* 固定表示要素よりも下に配置するため */
    }

}
.overview__list li:nth-of-type(3){
    border-right:solid 0.1rem #CCCCCC;
}

@media(max-width:767px){
        .l-mv .container {
                padding: 0;
        }
}
.l-kakaku [class^="tubo-"] .l-village {
        width: 90%;
        display: grid;
        grid-template-columns: 30% 30% 40%;
        grid-template-rows: 1fr 1fr;
        gap: 0px 0px;
        grid-template-areas: "tubotanka tankasuji tankayen"
        "hontai hontaisuji hontaiyen";
}

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

    .l-kakaku [class^="tubo-"] .l-village {
        width: 100%;
        grid-template-columns: max-content 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
            "tubotanka tubotanka"
            "tankasuji tankayen"
            "hontai hontai"
            "hontaisuji hontaiyen";
    }
}

.l-kakaku [class^="tubo-"] .l-village .tankasuji {
    grid-area: tankasuji;
    justify-content: flex-end;
    display: grid;
    margin-right: 1rem;
}

.l-kakaku [class^="tubo-"] .l-village .hontaisuji {
    grid-area: hontaisuji;
    justify-content: flex-end;
    display: grid;
    margin-right: 1rem;
}
@media screen and (max-width: 767px) {


    .l-kakaku [class^="tubo-"] .l-village .tankasuji {
        text-align: right;
        font-size: smaller;
    }
}
@media screen and (max-width: 767px) {

    .l-kakaku [class^="tubo-"] .l-village .hontaisuji {
        text-align: right;
        font-size: smaller;
    }
}

.l-kakaku [class^="tubo-"] .l-village .tubotanka {
    grid-area: tubotanka;
}
@media screen and (max-width: 767px) {

    .l-kakaku [class^="tubo-"] .l-village .hontai {
        text-align: center;
        font-size: smaller;
    }
}

.l-kakaku [class^="tubo-"] .l-village .hontai {
    grid-area: hontai;
}
.l-kakaku [class^="tubo-"] .l-family .tubotanka,
.l-kakaku [class^="tubo-"] .l-life .tubotanka,
.l-kakaku [class^="tubo-"] .l-village .tubotanka,
.l-kakaku [class^="tubo-"] .l-family .hontai,
.l-kakaku [class^="tubo-"] .l-life .hontai,
.l-kakaku [class^="tubo-"] .l-village .hontai,
.l-kakaku [class^="tubo-"] .l-family .tankayen,
.l-kakaku [class^="tubo-"] .l-life .tankayen,
.l-kakaku [class^="tubo-"] .l-village .tankayen,
.l-kakaku [class^="tubo-"] .l-family .hontaiyen,
.l-kakaku [class^="tubo-"] .l-life .hontaiyen,
.l-kakaku [class^="tubo-"] .l-village .hontaiyen {
    font-size:1.0rem;
}