@CHARSET "UTF-8";

@media screen and (max-width: 768px){
    main h1 {
        left: 0;
        margin-left: 0;
        width: 100%;
    }
    main .main-image {
        overflow-x: scroll;
        overflow-y: hidden;
        max-height: 60vh;
    }
    main .main-image img {
        height: 60vh;
        width: auto;
    }
    section.menu {
        padding: 5vw 5vw 0;
    }
    .visible-tb {
        display: block;
    }
    .visible-sp {
        display: none;
    }
    header h2 {
        font-size: 6vw;
    }
    section.main-graph {
        padding: 0 10px;
    }
    section.main-graph .out-border .in-border .main-contents {
        padding: 8px;
    }
    section.main-graph .out-border .in-border .main-contents .text h3 {
        font-size: 4vw;
    }
    .loading-wrap .loading-box p {
        width: 200px;
        left: -65px;
    }
    footer {
        padding: 20px;
    }
    footer a {
        width: 120px;
    }
    section.map .map-wrap .shop-list .shop-item-wrap .shop-item {
        width: 100%;
        padding: 5px;
        padding-bottom: 10px;
    }
    section.map .map-wrap .shop-list .shop-item-wrap .shop-item a {
        margin-bottom: 0;
    }
    section.map .detail-map {
        height: 50vh;
    }
    section.map .map-wrap .shop-list {
        height: 50vh;
    }
    section.menu a.btn-menu {
        margin-bottom: 15px;
    }
    section.menu a.btn-menu.all {
        font-size: 6vw;
        padding: 0;
        position: relative;
    }
    section.menu a.btn-menu.all span, section.menu a.btn-menu.all b {
        position: relative;
        top: 2vw;
    }
    section.menu a.btn-menu.all img {
        width: 10vw;
        margin-top: -5vw;
        left: 6vw;
    }
}

@media screen and (max-width: 480px){
    .visible-tb {
        display: none;
    }
    .visible-sp {
        display: block;
    }
    section.main-graph .out-border .in-border .main-contents .text p {
        font-size: 3vw;
    }
    section.main-graph .out-border .in-border .main-contents .image {
        width: 12vw;
    }
    main.detail {
        padding: 15px 0 0;
    }
    section.map {
        margin-top: 10px;
    }
    section.map .map-wrap {
        margin-top: 40px;
    }
}