/* ----- 初期設定 -------------------------------------------- */
@charset "UTF-8";

/* ----- タブレット用の表示設定 -------------------------------- */
@media (max-width: 800px) {
    
    /* ---▽▽▽ 旅行記の表示設定内容（report.css）▽▽▽----------------- */
    .outline-report {
        width: 738px;
    }
    
    .outline-report dl {
        width: 466px;
    }
    
    .google-map {
        margin-left: 10px;
    }
    
    .google-map iframe {
        width: 260px;
        height: 300px;
    }
    
    /* ----- 道の駅情報紹介ページ ------- */
    .outline-st-report {
        width: 738px;
    }
    
    .road-st-memo {
        width: 478px;
        height: 280px;
        margin-left: 0px;
        padding: 45px 30px 0px;
        font-size: 14px;
    }
    /* ------------------------------ */
    
    /* ---△△△ 旅行記の表示設定内容（report.css）△△△------------------ */
}

/* 「 スマートフォン用の表示設定 」 */
@media (max-width: 630px) {
    
    /* ---▽▽▽ 旅行レポートの表示設定内容（report.css）▽▽▽--- */
    .main-report {
        font-size: 14px;
    }
    
    .main-report-title {
        flex-direction: column-reverse;
    }
    
    .main-report-title h1 {
        font-size: 24px;
        margin-bottom: 0;
    }
    
    .main-report-title p {
        font-size: 14px;
        padding-top: 0px;
        margin-left: 0px;
    }
    
    .outline-report {
        /* width: 345px; */
        width: 100%;
        flex-direction: column;
    }
    
    .outline-report dl {
        width: 100%;
    }
    
    .google-map {
        margin-left: 0px;
    }
    
    .google-map iframe {
        width: 100%;
        height: 300px;
        margin: 0 auto 0;
    }
    
    .google-map p {
        display: none;
    }
    
    /* ----- 道の駅情報紹介ページ ------- */
    .outline-st-report {
        width: 100%;
        flex-direction: column;
    }
    
    .road-st-memo {
        width: 305px;
        height: 240px;
        padding: 0px 20px 0px;
        font-size: 13px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .road-st-memo dt {
        position: relative;
        top: -10px;
    }
    
    .road-st-memo dd {
        margin-bottom: 0.8em;
        line-height: 120%;
        position: relative;
        top: -10px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:大、ヨコ向き） */
    .report-frame-L {
        width: 343px;
        margin: 0 auto 40px;
    }
    
    .report-img-L {
        width: 343px;
        height: 100%;
    }
    /* ------------------------------- */

    /* この地のレポート（写真:中・左、ヨコ向き） */
    .report-frame-M {
        width: 343px;
        margin: 0 auto 40px;
        flex-direction: column;
    }
    
    .report-frame-M a {
        width: 343px;
    }
    
    .report-img-M {
        width: 343px;
        height: 100%;
        padding: 0 0;
        margin-bottom: 7px;
    }

    .report-frame-M p {
        width: 327px;
        height: auto;
        padding: 5px 7px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:中・右、ヨコ向き） */
    .report-frame-MR {
        width: 343px;
        margin: 0 auto 40px;
        flex-direction: column;
    }
    
    .report-frame-MR a {
        width: 343px;
    }
    
    .report-img-MR {
        width: 343px;
        height: 100%;
        padding: 0 0;
        margin-bottom: 7px;
    }

    .report-frame-MR p {
        width: 327px;
        height: auto;
        padding: 5px 7px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:中、ヨコ向き２枚） */
    .report-frame-MW {
        width: 343px;
        margin: 0 auto 40px;
    }
    
    .report-frame-MW a {
        width: 343px;
    }
    
    .frame-MW-img {
        flex-direction: column;
        margin-bottom: 0px;
    }
    
    .report-img-MW {
        width: 343px;
        height: 100%;
        padding: 0 0;
        margin-bottom: 10px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:中・右、タテ向き） */
    .report-frame-MTR {
        width: 343px;
        margin: 120px auto 40px;
        flex-direction: column;
    }

    .report-frame-MTR a {
        width: 343px;
    }
    
    .report-img-MTR {
        width: 343px;
        height: 100%;
        margin-bottom: 82px;
    }

    .report-frame-MTR p {
        width: 327px;
        height: auto;
        margin-left: 0px;
        padding: 5px 7px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:中・左、タテ向き） */
    .report-frame-MTL {
        width: 343px;
        margin: 120px auto 40px;
        flex-direction: column;
    }

    .report-frame-MTL a {
        width: 343px;
    }
    
    .report-img-MTL {
        width: 343px;
        height: 100%;
        margin-bottom: 82px;
    }

    .report-frame-MTL p {
        width: 327px;
        height: auto;
        margin-left: 0px;
        padding: 5px 7px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:右、タテ向き） */
    .report-frame-TR {
        width: 343px;
        margin: 0 auto 40px;
        flex-direction: column;
    }
    
    .report-img-TR {
        width: 220px;
        padding: 0 0;
        margin: 0 auto 10px;
    }

    .report-frame-TR p {
        width: 327px;
        height: auto;
        padding: 5px 7px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（写真:左、タテ向き） */
    .report-frame-TL {
        width: 343px;
        margin: 0 auto 40px;
        flex-direction: column;
    }
    
    .report-img-TL {
        width: 220px;
        padding: 0 0;
        margin: 0 auto 10px;
    }

    .report-frame-TL p {
        width: 327px;
        height: auto;
        padding: 5px 7px;
    }
    /* ------------------------------- */
    
    /* この地のレポート（共通設定）---- */
    .report-frame-Lp {
        width: 327px;
        padding: 5px 7px;
    }
    
    .touch-icon-M {
        top: 15px;
        right: 15px;
    }
    
    /* ------------------------------- */
    
    /* ----- 関連ＨＰのリンク先表示------- */
    .relation-link {
        width: 343px;
        margin: 0px auto 50px;
    }
    
    .relation-link h3 {
        font-size: 16px;
    }
    
    .relation-link dt {
        font-size: 14px;
    }
    
    .relation-link dd {
        display: none;
    }
    
    .relation-link th {
        font-size: 14px;
    }
    
    .relation-link td {
        font-size: 13px;
    }
    
    .URL-title {
        width: 26.5px;
    }
    /* ------------------------------- */
    
    /* ---△△△ 旅行レポートの表示設定内容（report.css）△△△--- */
}