
.sp{
	display:none;

}


@media screen and (max-width: 1040px){


}

@media screen and (max-width: 900px){


}


@media screen and (max-width: 768px){


.pc{
	display:none;

}

.sp{
	display:block;

}

.width_790{
    line-height: 0;
    width: 94%;
    max-width: 750px;
    box-sizing: border-box;
    margin: 0px auto 60px;
    padding: 0px 0px;
}

.menu100 {
    
    flex-direction: column;
}

.menu100_imgarea {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

.menu100_textarea {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.share_img {
    max-width: 352px;
    width: 100% !important;
    height: auto;
    object-fit: cover;
}



#ggmap {
padding-bottom: 48.25%;

}

.shop_item_header h3 {
    font-size: 18px !important;
}

.shop_item_inner_upper{
    flex-direction: column;
}

.shop_item_inner_upper_imgarea{
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;

}

.shop_item_inner_upper_textarea {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.shop_item_inner_upper_textarea table {
    width: 100% !important;
}


}





@media screen and (max-width: 480px){
.store_name {
    font-size: 22px;
    margin-bottom: 30px;

}

a.telnumber {
    font-size: 30px;
}

a.link_button {
    font-size: 20px;
}

a.link_button_menu {
    font-size: 20px;
}

}

/* -------------------------------

2411　テキスト追加

----------------------------------*/
@media screen and (max-width: 767px) {
    .store_name span {
        font-size: 4vw!important;
    }
}

/* -------------------------------

2412　アレルギーセクション追加

----------------------------------*/
@media screen and (max-width: 767px) {
    .allergy_button {
        font-size: 4vw!important;
        width: 85%!important;
    }
    .allergy {
        padding: 13px!important;
    }
    .allergy p {
        line-height: 1.9em!important;
    }
}

/* -------------------------------

250404　メニュー変更

----------------------------------*/
@media screen and (max-width: 767px) {
    
    .menu_button_area .menu_button {
        width: 85%!important;
        font-size: 3.8vw!important;
    }
    .menu_button_area .menu_button span {
        margin-left: 0!important;
    }
    .black_titlearea {
        font-size: 4.8vw!important;
    }
    .sub_title {
        font-size: 4.2vw!important;
    }
    .pdf {
        justify-content: center!important;
    }
    .pdf_button {
        width: 200px!important;
        font-size: 4.3vw!important;
    }
    .gray_titlearea {
        font-size: 4.8vw!important;
        text-align: center!important;
    }
    .page_top{
        bottom: 0px!important;
        right: 7px!important;
    }
    .black_titlearea {
        margin-top: 65px;
    }

}


/* -------------------------------

20250325変更

----------------------------------*/
/* ------- 202503トップ　変更 -------- */
@media screen and (max-width: 767px) {
    .area3 a span {
        font-size: 4.3vw;
    }

/* ------- 202503menu　変更 -------- */
    section.contents{
        margin-top: 55px;
    }
    .black_titlearea {
        margin-top: 30px!important;
        font-size: 4.3vw !important;
    }
}

/* -------  ハンバーガーメニュー変更   -------- */
@media screen and (max-width: 767px) {
    header nav {
        flex-direction: column;
    }
    .drawer-nav {
        padding: 20px 1px!important;
        gap: 0;
    }
    ul.drawer-menu li {
        padding: 15px 0;;
    }
}

/* -------------------------------

250404 店舗案内変更

---------------------------------*/
@media screen and (max-width: 768px){
    .shop_item_header .open_btn {
        width: 110px;
    }
    .shop_item_header .open_btn p span {
        font-size:14px;
    }
    .shop_item_header .open_btn p {
        width: 45px;
    }
    .stores .width_790 {
        flex-direction: column;
    }
    .stores .width_790 a {
        width: 100%;
        padding-right: 35px;
    }
    .stores .width_790 a span.material-symbols-outlined {
        font-size: 34px;
    }
    .stores a p, 
    .area3 a p {
        font-size: 20px;
    }
    .stores .width_790 a span.material-symbols-outlined {
        top: 65%;
        right: -1px;
    }
    
    }

    /* ------- 20250404 ヘッダー　変更 -------- */
    @media screen and (max-width: 768px){
        header nav .d-flex {
            flex-direction: column;
            gap:0;
    }
    .menu_button_area .tab_button {
        height: 90px;
    }
    
    }


    