@charset "utf-8";

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

/* ────────────────────── *
 *                                              *
 * メインビジュアル                             *
 *                                              *
 * ────────────────────── */

#mainvisual h2 {
    width: 100%;
}
#mainvisual p.caption {
    right: 1.0rem;
    bottom: 1.0rem;
}

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

.contents {
    padding: 10.0rem 0 0;
}
.contents .inner {
    width: 58.0rem;
}
.contents .inner p.txt-intro {
    font-size: 2.4rem;
    margin: 0 auto 12.0rem;
}

.contents section#tokaido {
    padding: 5.0rem 0;
}
.contents section#tokaido .inner h3 {
    font-size: 3.8rem;
    margin: 0 auto 3.0rem;
}
.contents section#tokaido .inner p#map {
    margin: 0 auto 3.0rem;
}
.contents section#tokaido .inner .flex {
    display: block;
}
.contents section#tokaido .inner .flex p.txt {
    font-size: 2.2rem;
    width: 100%;
    margin: 0 auto 4.0rem;
}
.contents section#tokaido .inner .flex p.image {
    width: 46.0rem;
    margin: 0 auto;
}


.contents section.access#train {
    padding: 10.0rem 0 8.0rem;
}
.contents section.access#car {
    padding: 10.0rem 0 6.0rem;
}
.contents section.access .inner h4 {
    font-size: 0;
    padding-bottom: 0.5rem;
    margin-bottom: 4.0rem;
}
.contents section.access .inner h4 img {
    width: auto;
    height: 1.6rem;
}
.contents section.access#train .inner h4 .illust {
    width: 29.4rem;
    height: auto;
    left: 22.0rem;
    bottom: 0;
}
.contents section.access#car .inner h4 .illust {
    width: 20.0rem;
    height: auto;
    left: 20.0rem;
    bottom: -1.5rem;
}
.contents section.access .flex {
    margin: 0 auto 3.0rem;
    display: block;
}
.contents section.access .flex .image {
    width: 100%;
}
.contents section.access .flex .image img {
    width: 100%;
}
.contents section.access .flex .txt {
    width: 100%;
    margin-bottom: 2.0rem;
}
.contents section.access .flex .txt dl dt {
    font-size: 2.4rem;
    padding-left: 2.0rem;
    margin-bottom: 2.0rem;
}
.contents section.access .flex .txt dl dt span.small {
    font-size: 2.0rem;
}
.contents section.access .flex .txt dl dt span.sub {
    font-size: 1.6rem;
}
.contents section.access .flex .txt dl dt em {
    font-size: 4.4rem;
    margin-top: -4.0rem;
}
.contents section.access .flex .txt dl dt#jr-tomida em {
    margin-top: -4.0rem;
}
.contents section.access .flex .txt dl dt strong {
    font-size: 3.0rem;
}
.contents section.access .flex .txt dl dd {
    font-size: 1.6rem;
}
.contents section.access .flex .txt dl dd p.point {
    font-size: 2.0rem;
    margin-bottom: 1.5rem;
}
.contents section.access #train-map {
    margin: -11.0rem auto 5.0rem;
    display: block;
}
.contents section.access #train-time {
    padding: 4.9rem;
    display: block;
}
.contents section.access #train-time .txt {
    width: 100%;
    margin-bottom: 5.0rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.contents section.access #train-time .txt:last-of-type {
    margin-bottom: 0;
}
.contents section.access #train-time .txt p.image {
    margin-bottom: 0;
}
.contents section.access #train-time .txt dl {
    margin-bottom: 2.0rem;
}
.contents section.access #train-time .txt dl dt {
    font-size: 2.8rem;
}
.contents section.access #train-time .txt dl dd {
    font-size: 4.4rem;
    padding-bottom: 0;
    margin-bottom: 3.0rem;
    margin-top: -1.0rem;
}
.contents section.access #train-time .txt dl dd em {
    font-size: 7.0rem;
}
.contents section.access #train-time .txt dl dd span.standard {
    font-size: 2.0rem;
    display: block;
    padding-top: 1.0rem;
}
.contents section.access #train-time .txt dl dd span.sub {
    font-size: 2.0rem;
    right: 0;
    top: auto;
    bottom: 0;
}
.contents section.access #train-time .txt dl dd span.i1:before {
    content: "0";
    color: #fff;
}
.contents section.access p.notice {
    font-size: 1.0rem;
}

/* ────────────────────── *
 *                                              *
 * カーアクセス                                 *
 *                                              *
 * ────────────────────── */

.contents section.access#car .flex {
    margin: 0 auto 6.0rem;
}
.contents section.access#car .flex .image {
    width: 100%;
}
.contents section.access#car .flex .txt {
    width: 100%;
}
.contents section.access#car .flex .txt p {
    font-size: 2.8rem;
    letter-spacing: -1px;
    margin-bottom: 3.0rem;
}
.contents section.access#car .flex .txt dl {
    width: 100%;
}
.contents section.access#car .flex .txt dl dt {
    font-size: 2.4rem;
    margin-bottom: 1.0rem;
}
.contents section.access#car .flex .txt dl dd {
    font-size: 2.4rem;
    margin-bottom: 1.0rem;
}
.contents section.access#car .flex .txt dl dd em {
    font-size: 5.0rem;
}

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

.contents section.access#train .inner h4:after {
    height: 7.4rem;
}
.contents section.access#train .inner h4 .illust#illust-01 {
    width: 45.6rem;
    left: 20.0rem;
    bottom: -0.2rem;
}
.contents section.access#train .inner h4 .illust#illust-02 {
    display: none;
}
.contents section.access#car .inner h4:after {
    height: 7.2rem;
}
.contents section.access#car .inner h4 .illust#illust-03 {
    width: 14.8rem;
    position: absolute;
    left: 17.0rem;
}
.contents section.access#car .inner h4 .illust#illust-04 {
    width: 7.2rem;
    left: 34.0rem;
    bottom: -2.0rem;
}

}