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

/* ----- タブレット用の表示設定 -------------------------------- */
@media (max-width: 800px) {
    
    /* --- 地方mapメイン表示の設定内容（main-information.css）--- */
    .region-title {
        width: 708px;
        padding: 0;
    }
    /* ------------------------------------------------------ */
}

/* 「 スマートフォン用の表示設定 」 */
@media (max-width: 630px) {
    
    /* ----- 北海道mapメイン表示の設定内容（hokkaido-map.css）-------- */
    .hokkaido-title-img {
        background-image: none;
    }
    
    .hokkaido-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .hokkaido-subtitle-img {
        background-image: none;
    }
    
    .hokkaido-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .hokkaido-subtitle-img h1 {
        font-size: 18px;
    }
    
    .hokkaido-map {
        height: 227px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .hokkaido-map-img {
        font-size: 14px;
    }
    
    .text-dohoku {
        top: 10px;
        left: 100px;
    }
    
    .text-doou {
        top: 90px;
        left: 0px;
    }
    
    .text-doto {
        top: 125px;
        left: 185px;
    }
    
    .text-donan {
        top: 160px;
        left: 70px;
    }
    
    .hkd-select-area {
        width: 170px;
        top: 150px;
        left: 160px;
    }
    /* ---------------------------------------------------------- */
    
    /* ----- 東北地方mapメイン表示の設定内容（tohoku-map.css）-------- */
    .tohoku-title-img {
        background-image: none;
    }
    
    .tohoku-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .tohoku-subtitle-img {
        background-image: none;
    }
    
    .tohoku-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .tohoku-subtitle-img h1 {
        font-size: 18px;
    }
    
    .tohoku-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .tohoku-map-img {
        font-size: 14px;
    }
    
    .text-aomori {
        top: 25px;
        left: 70px;
    }

    .text-akita {
        top: 90px;
        left: 50px;
    }

    .text-iwate {
        top: 80px;
        left: 250px;
    }

    .text-yamagata {
        top: 150px;
        left: 40px;
    }

    .text-miyagi {
        top: 140px;
        left: 220px;
    }

    .text-fukushima {
        top: 190px;
        left: 200px;
    }
    
    .thk-select-area {
        width: 170px;
        top: 215px;
        left: 160px;
    }
    /* ---------------------------------------------------------- */
    
    /* ----- 関東地方mapメイン表示の設定内容（kanto-map.css）--------- */
    .kanto-title-img {
        background-image: none;
    }
    
    .kanto-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .kanto-subtitle-img {
        background-image: none;
    }
    
    .kanto-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .kanto-subtitle-img h1 {
        font-size: 18px;
    }
    
    .kanto-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .kanto-map-img {
        font-size: 14px;
    }
    
    .text-tochigi {
        top: 55px;
        left: 155px;
    }
    
    .text-gunma {
        top: 65px;
        left: 60px;
    }
    
    .text-ibaraki {
        top: 85px;
        left: 210px;
    }
    
    .text-saitama {
        top: 105px;
        left: 110px;
    }
    
    .text-tokyo {
        top: 135px;
        left: 120px;
    }
    
    .text-chiba {
        top: 170px;
        left: 200px;
    }
    
    .text-kanagawa {
        top: 145px;
        left: 95px;
    }
    
    .knt-select-area {
        width: 170px;
        top: 200px;
        left: 0px;
    }
    /* ---------------------------------------------------------- */
    
    /* ----- 中部地方mapメイン表示の設定内容（chubu-map.css）--------- */
    .chubu-title-img {
        background-image: none;
    }
    
    .chubu-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .chubu-subtitle-img {
        background-image: none;
    }
    
    .chubu-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .chubu-subtitle-img h1 {
        font-size: 18px;
    }
    
    .chubu-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .chubu-map-img {
        font-size: 14px;
    }
    
    .text-niigata {
        top: 100px;
        left: 205px;
    }

    .text-toyama {
        top: 133px;
        left: 110px;
    }

    .text-ishikawa {
        top: 115px;
        left: 20px;
    }

    .text-nagano {
        top: 135px;
        left: 165px;
    }

    .text-fukui {
        top: 145px;
        left: -5px;
    }

    .text-gifu {
        top: 150px;
        left: 95px;
    }

    .text-yamanashi {
        top: 135px;
        left: 205px;
    }

    .text-aichi {
        top: 190px;
        left: 50px;
    }

    .text-shizuoka {
        top: 155px;
        left: 170px;
    }
    
    .cbu-select-area {
        width: 170px;
        top: -145px;
        left: 0px;
    }
    /* ---------------------------------------------------------- */
    
    /* ----- 近畿地方mapメイン表示の設定内容（kinki-map.css）--------- */
    .kinki-title-img {
        background-image: none;
    }
    
    .kinki-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .kinki-subtitle-img {
        background-image: none;
    }
    
    .kinki-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .kinki-subtitle-img h1 {
        font-size: 18px;
    }
    
    .kinki-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .kinki-map-img {
        font-size: 14px;
    }
    
    .text-kyoto {
        top: 65px;
        left: 125px;
    }

    .text-hyogo {
        top: 80px;
        left: 50px;
    }

    .text-shiga {
        top: 65px;
        left: 205px;
    }

    .text-osaka {
        top: 120px;
        left: 110px;
    }

    .text-mie {
        top: 115px;
        left: 240px;
    }

    .text-nara {
        top: 125px;
        left: 170px;
    }

    .text-wakayama {
        top: 185px;
        left: 135px;
    }
    
    .knk-select-area {
        width: 170px;
        top: 200px;
        left: 0px;
    }
    /* ---------------------------------------------------------- */
    
    /* ----- 中国地方mapメイン表示の設定内容（chugoku-map.css）------- */
    .chugoku-title-img {
        background-image: none;
    }
    
    .chugoku-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .chugoku-subtitle-img {
        background-image: none;
    }
    
    .chugoku-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .chugoku-subtitle-img h1 {
        font-size: 18px;
    }
    
    .chugoku-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .chugoku-map-img {
        font-size: 14px;
    }
    
    .text-tottori {
        top: 90px;
        left: 240px;
    }

    .text-shimane {
        top: 115px;
        left: 80px;
    }

    .text-okayama {
        top: 145px;
        left: 235px;
    }

    .text-hiroshima {
        top: 160px;
        left: 140px;
    }

    .text-yamaguchi {
        top: 177px;
        left: 20px;
    }
    
    .cgk-select-area {
        width: 170px;
        top: -80px;
        left: 0px;
    }
    /* ---------------------------------------------------------- */
    
    /* ----- 四国地方mapメイン表示の設定内容（shikoku-map.css）------- */
    .shikoku-title-img {
        background-image: none;
    }
    
    .shikoku-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .shikoku-subtitle-img {
        background-image: none;
    }
    
    .shikoku-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .shikoku-subtitle-img h1 {
        font-size: 18px;
    }
    
    .shikoku-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .shikoku-map-img {
        font-size: 14px;
    }
    
    .text-kagawa {
        top: 65px;
        left: 200px;
    }

    .text-tokushima {
        top: 100px;
        left: 240px;
    }

    .text-ehime {
        top: 115px;
        left: 50px;
    }

    .text-kochi {
        top: 105px;
        left: 130px;
    }
    
    .skk-select-area {
        width: 170px;
        top: -65px;
        left: 0px;
    }
    /* ---------------------------------------------------------- */
    
    /* ---▽▽▽ 九州地方mapメイン表示の設定内容（kyushu-map.css）▽▽▽--- */
    .kyushu-title-img {
        background-image: none;
    }
    
    .kyushu-title-img h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .kyushu-subtitle-img {
        background-image: none;
    }
    
    .kyushu-subtitle-img h2 {
        font-size: 16px;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .kyushu-subtitle-img h1 {
        font-size: 18px;
    }
    
    .kyushu-map {
        height: 323px;
        width: 323px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .kyushu-map-img {
        font-size: 14px;
    }
    
    .text-fukuoka {
        top: 45px;
        left: 110px;
    }

    .text-saga {
        top: 53px;
        left: 55px;
    }

    .text-oita {
        top: 68px;
        left: 175px;
    }

    .text-nagasaki {
        top: 85px;
        left: -5px;
    }

    .text-kumamoto {
        top: 60px;
        left: 115px;
    }

    .text-miyazaki {
        top: 85px;
        left: 160px;
    }

    .text-kagoshima {
        top: 145px;
        left: 10px;
    }

    .text-okinawa {
        top: 95px;
        left: 245px;
    }
    
    .kys-select-area {
        width: 170px;
        top: -130px;
        left: 160px;
    }
    /* ---△△△ 九州地方mapメイン表示の設定内容（kyushu-map.css）△△△--- */
    
    /* ---▽▽▽ 新着旅行記表示の設定内容（main-information.css）▽▽▽--- */
    .region-title {
        height: 50px;
        width: 343px;
    }
    
    .sub-select-area-top {
        width: 343px;
        flex-direction: column;
        padding-bottom: 5px;
    }
    
    .sub-select-area {
        padding-bottom: 10px;
    }

    .sub-select-area li {
        width: 85px;
        font-size: 14px;
    }
    
    .region-top {
        width: 343px;
        padding-bottom: 50px;
        flex-direction: column;
    }
    
    .region-map-list {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    
    .region-map-list h3 {
        font-size: 16px;
    }
    
    .region-map-list li {
        font-size: 14px;
    }
    
    .region-map-list p {
        font-size: 14px;
    }
    
    .main-information h1 {
        font-size: 22px;
    }
    
    .main-info-title {
        width: 343px;
        flex-direction: column-reverse;
    }
    
    .main-info-title h3 {
        width: 160px;
        font-size: 16px;
        padding-top: 7px;
        background-size: cover;
    }
    
    .main-info-title img {
        width: 343px;
        height: 100%;
        margin-bottom: 10px;
    }
    
    .information-card {
        width: 343px;
        /* height: 316px; */
    }
    
    .information-card-inner {
        padding: 5px 5px;
    }
    
    .information-card-inner hr {
        margin-bottom: 5px;
    }
    
    .card-no {
        font-size: 12px;
    }
    
    .genre {
        font-size: 12px;
    }

    .title-size {
        font-size: 18px;
    }
    
    .area-map {
        font-size: 14px;
    }
    
    .inner-content {
        flex-direction: column;
    }
    
    .top-img-link {
        margin: 0 auto 0;
    }
    
    .card-top-img {
        padding: 5px 0 10px;
        display: block;
    }

    .inner-details {
        width: 333px;
        font-size: 14px;
        margin-left: 0;
    }
    
    .address-map {
        flex-direction: column;
    }
    
    .view-map {
        margin-left: 3em;
    }
    
    .others-new-card {
        width: 343px;
        font-size: 14px;
    }
    /* ---△△△ 新着旅行記表示の設定内容（main-information.css）△△△--- */
    
}