@media screen and (max-width: 767px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    .navbar-brand{
        width: 70%;
    }

    .offset-1,.offset-2,.top-new-text{
        margin-left: 0;
    }

    .top-news .col-md-10,.top-store-list,.top-event-list{
        flex-direction: column;
    }

    .top-news th,.top-news td{
        display: block;
        width: 100%;
    }

    .top-store-list a,.top-event-list a{
        width: 100%;
        margin: 10px 0;
        display: flex;
        align-items: center;
    }

    .top-store-list a img,.top-event-list a img{
        width: 50%;
    }

    .top-store-text,.top-event-text{
        position: static;
    }

    .top-event-text p{
        padding: 5px 10px;
    }

    .top-about{
        flex-direction: column;
        height: 100%;
    }

    .top-about figure,.top-about-content{
        width: 100%;
    }

    .top-about figure{
        overflow: visible;
        height: 200px;
    }

    .top-new-content,.top-youtube-wrap,.foot-contact-text{
        flex-direction: column;
    }

    .top-new-content figure{
        text-align: center;
        margin: 0 auto;
    }

    .top-new-content figure img{
        width: 80%;
    }

    .top-about-content p,.top-keisai p{
        line-height: 1.2em;
    }

    .top-youtube-wrap{
        text-align: center;
    }

    .top-youtube-new{
        width: 100%;
    }

    .top-youtube-movie{
        aspect-ratio: 0;
    }

    .foot-contact-text a{
        margin: 0 auto;
    }

    .foot-mail{
        margin-top: 20px;
    }

    footer img{
        width: 70%;
    }

    .foot-sitemap{
        flex-direction: column;
        text-align: center;
    }

    /* common */
    .common-head{
        margin-top: 100px;
    }

    /* about */
    .about-text{
        margin: 50px 0;
    }

    .about-area li{
        width: 100%;
    }

    /* information */
    .info-title a{
        width: 100%;
        font-size: 24px;
    }

    .info-food-category, .info-salon-category, .info-company-category{
        flex-direction: column;
    }

    .info-food-category a, .info-salon-category a, .info-company-category a{
        width: 100%;
        margin: 10px 0;
    }

    .info-food-category img,.info-salon-category img,.info-company-category img{
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

    .info-jump-btn ul{
        flex-direction: column;
    }

    .info-jump-btn li{
        width: 100%;
        margin: 5px 0;
    }

    .info-content{
        width: 47%;
    }

    .info-content h4{
        font-size: 14px;
    }

    .info-content p{
        font-size: 12px;
    }

    .info-text{
        flex-direction: column;
    }

    .info-text-l,.info-text-r{
        width: 100%;
    }

    /* backnumber */
    .bn-sn{
        width: 50%;
    }

    /* location */
    .loca-list .col-md-12 div{
        width: 100%;
    }

    /* sitemap */
    .sitemap-loca{
        flex-wrap: wrap;
    }


}