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

/* ----- タブレット用の表示設定 -------------------------------- */
@media (max-width: 800px) {
    main {
        min-width: 700px;          /* 横幅の最小値を指定 */
    }
    
    .side-banner-ad {
        display: none;
    }
}

/* 「 スマートフォン用の表示設定 」 */
@media (max-width: 630px) {
    
    main {
        min-width: 300px;          /* 横幅の最小値を指定 */
    }
    
    /* ▽▽▽ 道の駅情報のメインコンテンツ設定内容（road-station.css）▽▽▽ */
    
    /* ----- 道の駅情報のタイトル表示設定 ----- */
    .road-st-title h1 {
        font-size: 24px;
        padding-top: 7px;
    }
    
    .road-st-title p {
        font-size: 16px;
    }
    
    .road-st-icon {
        height: 30px;       /* イメージの高さ */
    }
    /* ----------------------------------- */
    
    .road-st-main {
        width: 100%;
    }
    
    /* ----- 車泊マナー看板表示設定 ---------- */
    .road-st-manner {
        width: 325px;
        padding: 55px 10px 10px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .road-st-manner h2 {
        font-size: 18px;
    }
    
    .road-st-manner p {
        font-size: 14px;
    }
    
    .road-st-manner dt {
        font-size: 15px;
        margin-bottom: 2px;
    }
    
    .road-st-manner dd {
        font-size: 13px;
        margin-left: 1em;
        margin-bottom: 0.6em;
    }
    
    .road-st-manner a {
        font-size: 12px;
    }
    
    /* ----------------------------------- */
    
    /* ----- 都道府県リスト表示設定 ---------- */
    .road-st-map {
        float: none;
        width: 345px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .road-st-map h2 {
        font-size: 22px;
    }
    
    .road-st-map li {
        /* font-size: 16px; */
    }
    /* ----------------------------------- */

    /* ----- 更新履歴リスト表示設定 ---------- */
    .update-road-st {
        float: none;
        width: 345px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .update-road-st h3 {
        height: 20px;
        width: 160px;
        font-size: 16px;
        background-size: cover;
    }
    
    .update-st-list {
        font-size: 13px;
        padding: 3px 0;
    }
    
    .update-st-list td {
        padding: 3px 7px;
    }
    
    /* ----- 情報カード表示設定 ---------- */
    .road-st-card {
        float: none;
    }
    
    .road-st-info-card {
        width: 333px;
        padding: 0px 5px 5px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .st-inner-title p {
        font-size: 12px;
    }

    .st-inner-title a {
        font-size: 15px;
    }
    
    .road-st-card-inner {
        line-height: 120%;
        width: 333px;
    }
    
    .road-st-card-inner dt {
        font-size: 14px;
    }

    .road-st-card-inner dd {
        font-size: 14px;
    }
    
    .road-st-img {
        padding-top: 5px;
        width: 100px;
    }
    /* ------------------------------- */
    
    /* △△△ 道の駅情報のメインコンテンツ設定内容（road-station.css）△△△ */
}