@charset "utf-8";

/*------------  all  ------------*/
#takeout img{ max-width: 100%;}
#takeout .contents { background-color: #fff; border-radius: 20px; margin-bottom:50px; padding: 5px;}
.takeout_mi{ text-align: center;}
.takeout_pic img{ display: block; margin: 0 auto; max-width: 100%;}

#page-title { margin: 30px 4% 0; text-align: center;}
.takeout_wrap { display: flex;}

.sp_none{display: block;}
.pc_none{display: none;}

/*------------  mobile  ------------*/
.mobile_wrap { padding: 30px 2% 30px; margin: 2%; width: 46%;}
.mobile_wrap .mobile_bnr { margin-bottom: 10px;}
.mobile_precautions li { font-size: 11px;}

/*------------  shop  ------------*/
.shop_wrap { padding: 30px 2% 30px; margin: 2%; width: 46%;}
.shop_wrap .shop_bnr { margin-bottom: 10px;}

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


@media screen and (max-width: 760px) {
/*------------  all  ------------*/
    .takeout_wrap { display: block;}
    .sp_none{display: none;}
    .pc_none{display: block;}

/*------------  mobile  ------------*/
    .mobile_wrap { padding: 30px 4% 20px; width: 88%;}


/*------------  shop  ------------*/
    .shop_wrap { padding: 30px 4% 20px; width: 88%;}
}

@media screen and (max-width: 640px) and (min-width: 539px){
    .page .contentArea {
        width: 500px;
    }
}
@media screen and (max-width: 540px) and (min-width: 350px){
    .page .contentArea {
        width: 350px;
    }
}
@media screen and (max-width: 349px) and (min-width: 0px){
    .page .contentArea {
        width: 320px;
    }
}