@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1260px) {

.contents {
    width: 95.23809523809523%;
}

}

@media only screen and (min-width: 0px) and (max-width: 1050px) {

/* ────────────────────── *
 *                                              *
 * 見出し                                       *
 *                                              *
 * ────────────────────── */

.contents p#txt-intro {
    font-size: 18px;
}

/* ────────────────────── *
 *                                              *
 * 狭域図                                       *
 *                                              *
 * ────────────────────── */

.contents #map-narrow {
    padding: 8%;
    margin: 0 auto 15%;
}
.contents #btn-print {
    width: 33%;
}

}

@media only screen and (min-width: 0px) and (max-width: 640px) {

.contents {
    width: 100%;
    padding: 7.0rem 0;
}

/* ────────────────────── *
 *                                              *
 * 見出し                                       *
 *                                              *
 * ────────────────────── */

.contents p#txt-intro {
    font-size: 2.8rem;
    margin-bottom: 4.0rem;
}

    /* ────────────────────── *
     *                                              *
     * 現地案内図                                   *
     *                                              *
     * ────────────────────── */

    .contents p#zoom-notice {
        display: none;
    }
    .contents #map-detail span.zoomicon {
        display: none;
    }
    .contents #map-detail {
        width: 100%;
    }

/* ────────────────────── *
 *                                              *
 * 狭域図                                       *
 *                                              *
 * ────────────────────── */

.contents #map-narrow {
    width: auto;
    padding: 6.0rem 2.0rem;
    margin: 0 auto 6.0rem;
}
.contents #map-narrow h2 {
    font-size: 3.2rem;
    padding: 1.4rem;
}
.contents #map-narrow p#time {
    margin-bottom: 4.0rem;
}
.contents #btn-print {
    width: 33.0rem;
    min-width: 200px;
}

    /* ────────────────────── *
     *                                              *
     * モデルルーム案内図                           *
     *                                              *
     * ────────────────────── */

    .contents #map-model {
        width: 100%;
        margin: 0 auto 9.375%;
    }
    .contents #map-model h3 {
        font-size: 14px;
        line-height: 1.3;
        text-align: center;
        padding: 5px 0;
    }
    .contents #map-model h3 span.sp span {
        font-size: 12px;
    }
    .contents #map-model dl {
        display: block;
        padding: 5% 3.3333333333333335%;
    }
    .contents #map-model dl dt {
        text-align: center;
        margin-bottom: 5.357142857142857%;
    }
    .contents #map-model dl dd {
        text-align: center;
    }

}