@charset "utf-8";

.mainVisual {
    margin-bottom: 3.5rem;
}

.mainVisual__bg {
    background-image: url(../img/flow/mv.jpg);
}

.bunjyo-articles__container {
    padding-left: var(--padding--container);
    padding-right: var(--padding--container);
}

.bunjyo-articles__title {
    position: relative;
    margin-bottom: 4.5rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.3;
    text-align: center;
}

.bunjyo-articles__title::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 1px;
    background-color: #333;
}

.bunjyo-articles__text {
    margin-bottom: 3rem;
    font-family: var(--ff-noto-sans);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.57;
    text-align: center;
}

.bunjyo-list__item {
    width: 100%;
    margin: auto;
    padding-top: 4.7rem;
    padding-left: var(--padding--container);
    padding-right: var(--padding--container);
    padding-bottom: 5rem;
}

.bunjyo-list__item:nth-child(odd) {
    background-color: var(--tertiary-brown);
}

.bunjyo-list__title {
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 1.6;
    text-align: center;
}

.bunjyo-subtitle {
    margin-bottom: 1.8rem;
    font-family: var(--ff-noto-sans);
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
}

.bunjyo-list__thumb {
    width: 100%;
    height: 59.2vw;
    margin-bottom: 2rem;
}

.bunjyo-list__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bunjyo-list-price {
    margin-bottom: 3rem;
    font-family: var(--ff-noto-sans);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.85;
}

.bunjyo-list-price .emphasis {
    font-weight: 700;
    font-size: 2rem;
}

/* ページネーション */
.bunjyo .pagination li.active {
    color: #fff;
    background-color: var(--primary-brown);
}

.pagination li,
.pagination a {
    background-color: var(--secondary-brown);
}


/* 分譲地詳細 */
.bunjyo-article {
    margin-bottom: 6rem;
    padding-left: var(--padding--container);
    padding-right: var(--padding--container);
}

.bunjyo-article iframe {
    max-width: 100%;
    height: 52.97vw;
    margin-bottom: 2.4rem;
}

.bunjyo-article__content {
    margin-bottom: 4.2rem;
}

.bunjyo-article__title {
    position: relative;
    margin-bottom: 4.5rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.3;
    text-align: center;
}

.bunjyo-article__title::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 1px;
    background-color: #333;
}

.bunjyo-article__subtitle {
    display: block;
    font-family: var(--ff-noto-sans);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.85;
}

.bunjyo-thumb {
    width: 100%;
	margin: 0 auto;
    margin-bottom: 3rem;
}

.bunjyo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bunjyo-article__content .bunjyo-list-maker {
    margin-bottom: 3rem;
    font-family: var(--ff-noto-sans);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.625;
}

.bunjyo-price {
    margin-bottom: 3rem;
    font-family: var(--ff-noto-sans);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.85;
}

.bunjyo-price .emphasis {
    font-weight: 700;
/*     font-size: 2rem; */
    font-size: 1.7rem;
}

.bunjyo-free-block {
    font-family: var(--ff-noto-sans);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.85;
}


@media (min-width: 1000px) {
    .mainVisual {
        margin-bottom: 8rem;
    }

    .mainVisual__bg {
        position: relative;
        background-image: url(../img/flow/mv_pc.jpg);
    }

    .main-contents {
        display: flex;
        flex-direction: row-reverse;
    }

    .bunjyo-articles {
        width: 100%;
        margin-bottom: 12.5rem;
        padding: 0;
    }

    .bunjyo-articles__container {
        max-width: var(--width--container);
        margin: auto;
        padding: 0;
    }

    .bunjyo-articles__title {
        margin-bottom: 6rem;
        font-size: 2.6rem;
    }

    .bunjyo-articles__title::after {
        bottom: -16px;
        width: 100px;
    }

    .bunjyo-articles__text {
        margin-bottom: 5rem;
        font-size: 1.6rem;
    }

    .bunjyo-list {
        padding-bottom: 6rem;
    }

    .bunjyo-list__item {
        background-color: var(--tertiary-brown);
    }

    .bunjyo-list__item:not(:last-child) {
        margin-bottom: 3rem;
    }

    .bunjyo-list__title {
        width: 100%;
    }

    .bunjyo-list__data {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 6rem;
    }

    .bunjyo-list__thumb {
        width: 400px;
        height: 13.9vw;
        margin-bottom: 0;
    }

    .bunjyo-list-price {
        width: 310px;
    }

    /* 分譲地一覧 サイドバー */
    .other-bunjyo {
        margin-bottom: 2rem;
        padding: 3.4rem 1.7rem 2.5rem;
        background-color: var(--tertiary-brown);
    }

    .other-bunjyo {
        font-size: 1.4rem;
    }

    .other-bunjyo__title {
        margin-bottom: 1.2rem;
        font-weight: 500;
        font-size: 1.4rem;
    }

    .other-bunjyo-list {
        width: 100%;
        padding-left: calc(var(--padding--container) - 1rem);
    }

    .other-bunjyo-list__item a {
        position: relative;
        width: 100%;
        font-family: var(--ff-noto-sans);
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.85;
    }

    .other-bunjyo-list__item a::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 6px;
        border-color: transparent transparent transparent var(--primary-brown);
        position: absolute;
        top: 50%;
        left: -1.2rem;
        margin-top: -6px;
    }

    .other-bunjyo-list__item a::before {
        top: 0.7rem;
        left: -1rem;
        margin-top: 0;
    }

    .other-bunjyo-list__item a:hover {
        text-decoration: underline;
    }

    /* 分譲地詳細 */
    .bunjyo-article {
        /*width: 77%;*/
        margin-bottom: 8rem;
        padding: 0;
    }

    .bunjyo-article__title {
        margin-bottom: 6rem;
        font-size: 2.6rem;
    }

    .bunjyo-article__title::after {
        bottom: -16px;
        width: 100px;
    }

    .bunjyo-article__subtitle {
        font-size: 1.8rem;
    }

    .bunjyo-article__content {
        margin-bottom: 6rem;
    }

    .bunjyo-thumb {
        margin-bottom: 5.5rem;
    }

    .bunjyo-price {
        font-size: 1.6rem;
    }

    .bunjyo-article iframe {
        max-width: 100%;
        width: 100%;
        height: 26.719vw;
        margin-bottom: 3.4rem;
    }

    .main-contents {
        flex-direction: row-reverse;
    }

    /* 分譲地詳細 サイドバー */
    .sidebar__container {
        display: flex;
        flex-direction: column;
    }

    .side-list {
        order: 0;
        margin-bottom: 2rem;
    }

    .other-news {
        order: 1;
        margin-bottom: 2rem;
        padding: 3.4rem 1.7rem 2.5rem;
    }

    .other-news__title {
        font-size: 1.4rem;
    }

    .other-news-list {
        width: 100%;
        padding-left: calc(var(--padding--container) - 1rem);
    }

    .other-news-list__item a::before {
        top: 0.7rem;
        left: -1rem;
        margin-top: 0;
    }

    .other-news-list__item a:hover {
        text-decoration: underline;
    }
}