@charset "utf-8";

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

/* ────────────────────── *
 *                                              *
 * コンテンツ                                   *
 *                                              *
 * ────────────────────── */

.contents {
    padding: 10.0rem 0;
}
.contents .inner {
    width: 58.0rem;
}
.contents .inner p.txt-intro {
    font-size: 2.4rem;
    margin: 0 auto 12.0rem;
}
.contents .inner section.location {
    margin: 0 auto 8.0rem;
}
.contents .inner section.location h3 {
    padding-bottom: 0.5rem;
    margin: 0 auto 2.0rem;
}
.contents .inner section.location h3 img {
    width: auto;
    height: 5.4rem;
}
.contents .inner section.location .flex {
    margin: 0 auto 3.0rem;
    display: block;
}
.contents .inner section.location .flex .image {
    width: 100%;
}
.contents .inner section.location .flex .image img {
    width: 100%;
}
.contents .inner section.location .flex .txt {
    width: 100%;
    margin-bottom: 2.0rem;
}
.contents .inner section.location .flex .txt dl dt {
    font-size: 2.4rem;
    margin-bottom: 2.0rem;
}
.contents .inner section.location .flex .txt dl dt span.large {
    font-size: 4.0rem;
}
.contents .inner section.location .flex .txt dl dt span.sub {
    font-size: 1.6rem;
}
.contents .inner section.location .flex .txt dl dt em {
    font-size: 4.4rem;
    margin-top: -1.0rem;
}
.contents .inner section.location .flex .txt dl dd {
    font-size: 1.6rem;
}
.contents .inner section.location .flex .txt dl dd p.point {
    font-size: 2.0rem;
    margin-bottom: 1.5rem;
}
.contents .inner section.location p.notice {
    font-size: 1.0rem;
}

/* ────────────────────── *
 *                                              *
 * 歴史                                         *
 *                                              *
 * ────────────────────── */

.contents #history {
    padding: 6.0rem 0 4.0rem;
    margin: 0 auto 6.0rem;
}
.contents #history .inner h4 {
    font-size: 0;
    padding-bottom: 0.5rem;
    width: 100%;
    margin-bottom: 3.0rem;
}
.contents #history .inner h4 img {
    width: auto;
    height: 1.4rem;
}
.contents #history .inner p#txt-history-title {
    font-size: 2.8rem;
    width: 100%;
    margin-bottom: 3.0rem;
}
.contents #history .inner p.image {
    margin-bottom: 4.0rem;
}
.contents #history .inner p.txt {
    font-size: 1.6rem;
}

/* ────────────────────── *
 *                                              *
 * 地図                                         *
 *                                              *
 * ────────────────────── */

.contents .inner p#map {
    margin: 0 auto 6.0rem;
}

/* ────────────────────── *
 *                                              *
 * ライフインフォメーション                     *
 *                                              *
 * ────────────────────── */

.contents .inner h5 {
    font-size: 0;
    padding-bottom: 0.5rem;
    margin-bottom: 2.0rem;
}
.contents .inner h5 img {
    width: 29.2rem;
}
.contents .inner #lifeinfo {
    display: block;
}
.contents .inner #lifeinfo .distance {
    width: 100%;
}
.contents .inner #lifeinfo .distance p.category {
    font-size: 2.2rem;
    line-height: 1;
    margin-bottom: 1.4rem;
}
.contents .inner #lifeinfo .distance p.category:before {
    width: 1.9rem;
    height: 1.9rem;
}
.contents .inner #lifeinfo .distance table {
    font-size: 2.0rem;
    margin-bottom: 4.0rem;
}
.contents .inner #lifeinfo .distance table th {
    background: url("../../location/image/bg-table-th-sp.png") repeat-x left bottom 0.5rem / auto 3.6rem;
    width: 34.2rem;
    padding-bottom: 1.0rem;
}
.contents .inner #lifeinfo .distance table th span.longtxt {
    white-space: normal;
    position: relative;
}
.contents .inner #lifeinfo .distance table td {
    padding-bottom: 1.0rem;
}
.contents .inner #lifeinfo .distance table td > span {
    padding-left: 1.0rem;
}
.contents .inner #lifeinfo .distance table tr.school td {
    background: none;
    padding: 0.8rem 0 1.5rem;
}

/* ────────────────────── *
 *                                              *
 * イラスト                                     *
 *                                              *
 * ────────────────────── */

.contents .inner .illust#illust-01 {
    width: 12.6rem;
    right: 2.0rem;
    top: -8.0rem;
}
.contents .inner .illust#illust-02 {
    width: 11.0rem;
    left: auto;
    right: 2.0rem;
    top: 60.0rem;
}
.contents .inner .illust#illust-03 {
    width: 13.4rem;
    right: 1.0rem;
    top: 5.0rem;
}
.contents .inner .illust#illust-04 {
    width: 9.2rem;
    left: auto;
    right: 0;
    top: 58.0rem;
}
.contents .inner .illust#illust-05 {
    width: 12.2rem;
    right: 3.0rem;
    top: 46.0rem;
}
.contents .inner .illust#illust-06 {
    width: 6.6rem;
    right: 12.0rem;
    top: 56.0rem;
}
.contents .inner .illust#illust-07 {
    width: 18.2rem;
    right: 0;
    bottom: -7.0rem;
}
.contents .inner .illust#illust-08 {
    width: 4.8rem;
    right: 10.0rem;
    top: 2.0rem;
}
.contents .inner .illust#illust-09 {
    width: 6.8rem;
    left: auto;
    right: 0;
    top: 9.0rem;
}
.contents .inner .illust#illust-10 {
    width: 28.4rem;
    height: 10.4rem;
    right: 7.0rem;
    top: -5.0rem;
}
.contents .inner .illust#illust-11 {
    width: 10.4rem;
    right: 35.0rem;
    top: -5.0rem;
}
.contents .inner .illust#illust-12 {
    width: 6.4rem;
    left: auto;
    right: 0;
    top: -5.0rem;
}

}