@charset "utf-8";

/****salon*************************/

h2.title {
    text-align: center;
}

.img_area {
    margin: 0 0 2rem;
}

.salon_list {}

.salon_list li {
    margin: 0 0 2rem;
}

.salon_list dl {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.salon_list dt {}

.salon_list dd {
    padding: 0 0 0 1rem;
}

.sub_page .img_area {
    max-width: unset;
}

.photo_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.photo_list li {
    width: calc(100% / 2 - 2vw);
}

.sub_page .img_area .photo_list li img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: bottom center;
}

.map {
    /*text-align: center;
    background-color: #faf4e8;
    padding: 1rem 0;*/
}

.map img {
    max-width: 400px;
    padding: 1rem;
}

/*600px以上*/
@media (min-width: 600px) {
    .sub_page .salon_info .img_area img {
        aspect-ratio: 4 / 3;
    }
}

/*900px以上*/
@media (min-width: 900px) {
    h2.title {
        text-align: left;
    }

    .flex_area {
        display: flex;
        flex-wrap: wrap;
    }

    .text_area {
        width: 48%;
        padding: 2rem 4vw;
    }

    .img_area {
        width: 48%;
    }

    .salon_list dl {
        display: flex;
        justify-content: flex-start;
        flex-direction: unset;
        text-align: left;
    }

    .salon_list dt {
        width: 30%;
    }

    .more_btn.center a {
        justify-content: flex-start;
    }

    .sub_page .salon_info .img_area {
        /*  margin: 0 auto;
        max-width: 340px;*/
    }

    .sub_page .salon_info .img_area img {
        aspect-ratio: 6 / 8;
    }

    .photo_list li {
        width: calc(100% / 1 - 2vw);
    }

    .sub_page .flex_area {
        align-items: flex-start;
    }
}