@media screen and (min-width: 1151px) { 
.foodapp-pc{}
.foodapp-tb{display: none!important;}
.foodapp-mo{display: none!important;}
.foodapp-div{
width: 100%;
max-width: 1150px;
margin: 0px auto;
}
.foodapp-banner-background{
padding-bottom: 130px;
}
.foodapp-theme{
text-align:center;
margin: 0px auto 33px auto;
padding-top: 120px;
}
.foodapp-theme2{
text-align:center;
color:#FFB03B;
letter-spacing: 2px;
margin: 0px auto 33px auto;
}
.foodapp-news-div,.foodapp-news-box{
background-repeat: no-repeat;
background-image: repeating-linear-gradient(to right, #BFC0C0 0, #BFC0C0 3px, white 3px, white 10px);
background-size: 100% 3px;
}
.foodapp-news-div{
padding-top: 3px;
margin-top: 100px;
}
.foodapp-news-box{
background-position: bottom;
padding: 35px 15px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
cursor:pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.foodapp-news-box:hover{
background-color: #f3f3f3;
}
.foodapp-news-imgbox{
width:24%;
display: flex;
align-items: center;
}
.foodapp-news-img{
object-fit: cover;
border-radius:10px;
width:260px;
height:144px;
}
.foodapp-news-font{
width:73%;
display: flex;
flex-wrap: wrap; 
align-content: center;
letter-spacing: 2px;
}
.foodapp-news-h{
width:100%;
font-size: 17px;
font-weight:bold;  
}
.foodapp-news-p{
width:100%;
font-size: 22px;
margin-top: 10px;
}
}
@media screen and (min-width: 541px) and (max-width: 1150px) { 
.foodapp-pc{display: none!important;}
.foodapp-tb{}
.foodapp-mo{display: none!important;}
.foodapp-div{
width: 100%;
max-width: 680px;
margin: 0px auto;
}
.foodapp-banner-background{
padding-bottom: 60px;
}
.foodapp-theme{
text-align:center;
font-size: 50px;
margin: 20px auto 20px auto;
padding-top: 70px;
}
.foodapp-theme2{
text-align:center;
color:#FFB03B;
font-size: 20px;
letter-spacing: 2px;
margin: 0px auto 30px auto;
}
.foodapp-news-div,.foodapp-news-box{
background-repeat: no-repeat;
background-image: repeating-linear-gradient(to right, #BFC0C0 0, #BFC0C0 3px, white 3px, white 10px);
background-size: 100% 3px;
}
.foodapp-news-div{
padding-top: 3px;
margin-top: 50px;
}
.foodapp-news-box{
background-position: bottom;
padding: 30px 0px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
cursor:pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.foodapp-news-box:hover{
background-color: #f3f3f3;
}
.foodapp-news-imgbox{
width:34%;
display: flex;
align-items: center;
}
.foodapp-news-img{
object-fit: cover;
border-radius:10px;
width:220px;
height:120px;
}
.foodapp-news-font{
width:66%;
display: flex;
flex-wrap: wrap; 
align-content: center;
letter-spacing: 1px;
padding-left: 20px;
}
.foodapp-news-h{
width:100%;
font-size: 15px;
font-weight:bold;  
}
.foodapp-news-p{
width:100%;
font-size: 18px;
margin-top: 10px;
}
}
@media screen and (max-width: 540px) { 
.foodapp-pc{display: none!important;}
.foodapp-tb{display: none!important;}
.foodapp-mo{}
.foodapp-div{
width: 92%;
margin: 0px auto;
}
.foodapp-banner-background{
padding-bottom: 40px;
}
.foodapp-theme{
text-align:center;
font-size: 28px;
margin: 0px 20% 10px 20%;
padding-top: 70px;
}
.foodapp-theme2{
text-align:center;
color:#FFB03B;
font-size: 17px;
letter-spacing: 2px;
margin: 0px auto 30px auto;
}
.foodapp-news-div,.foodapp-news-box{
background-repeat: no-repeat;
background-image: repeating-linear-gradient(to right, #BFC0C0 0, #BFC0C0 2px, white 2px, white 8px);
background-size: 100% 2px;
}
.foodapp-news-div{
padding-top: 3px;
margin-top: 60px;
}
.foodapp-news-box{
background-position: bottom;
padding: 30px 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
cursor:pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.foodapp-news-box:hover{
background-color: #f3f3f3;
}
.foodapp-news-imgbox{
width:50%;
display: flex;
align-items: center;
}
.foodapp-news-img{
object-fit: cover;
border-radius:10px;
width:220px;
height:100px;
}
.foodapp-news-font{
width:80%;
display: flex;
flex-wrap: wrap; 
align-content: center;
letter-spacing: 1px;
}
.foodapp-news-h{
width:100%;
font-size: 14px;
font-weight:bold;  
margin-top: 10px;
}
.foodapp-news-p{
width:100%;
font-size: 16px;
}
}
@media screen and (min-width: 1151px) { 
.foodapp-new-div,.foodapp-new-box{
background-repeat: no-repeat;
background-image: repeating-linear-gradient(to right, #BFC0C0 0, #BFC0C0 3px, white 3px, white 10px);
background-size: 100% 3px;
}
.foodapp-new-div{
padding-top: 3px;
margin-top: 100px;
}
.foodapp-new-box{
background-position: bottom;
padding: 35px 0px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.foodapp-new-imgbox{
width:70%;
margin: 0 auto;
}
.foodapp-new-img{
margin: 30px auto;
border-radius:10px;
}
.foodapp-new-font{
width:100%;
display: flex;
flex-wrap: wrap; 
align-content: center;
letter-spacing: 2px;
}
.foodapp-new-h{
width:100%;
font-size: 17px;
font-weight:bold;  
}
.foodapp-new-p{
width:100%;
font-size: 22px;
margin-top: 10px;
}
.foodapp-new-button{
width:240px;
background-color: #FFB03B;
color:#ffffff;
font-size: 24px;
font-weight:bold; 
border-radius:12px;
padding: 10px 35px;
cursor:pointer;
display: flex;
align-items: center; 
justify-content: space-between;
margin: 100px auto 50px auto;
    transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}
.foodapp-new-button:hover{
padding: 10px 25px 10px 35px;
}
}
@media screen and (min-width: 541px) and (max-width: 1150px) { 
.foodapp-new-div,.foodapp-new-box{
background-repeat: no-repeat;
background-image: repeating-linear-gradient(to right, #BFC0C0 0, #BFC0C0 3px, white 3px, white 10px);
background-size: 100% 3px;
}
.foodapp-new-div{
padding-top: 3px;
margin-top: 70px;
}
.foodapp-new-box{
background-position: bottom;
padding: 35px 0px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.foodapp-new-imgbox{
width:70%;
margin: 0 auto;
}
.foodapp-new-img{
margin: 30px auto;
border-radius:10px;
}
.foodapp-new-font{
width:100%;
display: flex;
flex-wrap: wrap; 
align-content: center;
letter-spacing: 2px;
}
.foodapp-new-h{
width:100%;
font-size: 17px;
font-weight:bold;  
}
.foodapp-new-p{
width:100%;
font-size: 22px;
margin-top: 10px;
}
.foodapp-new-button{
width:240px;
background-color: #FFB03B;
color:#ffffff;
font-size: 24px;
font-weight:bold; 
border-radius:12px;
padding: 10px 35px;
cursor:pointer;
display: flex;
align-items: center; 
justify-content: space-between;
margin: 50px auto 10px auto;
    transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}
.foodapp-new-button:hover{
padding: 10px 25px 10px 35px;
}
}
@media screen and (max-width: 540px) { 
.foodapp-new-div,.foodapp-new-box{
background-repeat: no-repeat;
background-image: repeating-linear-gradient(to right, #BFC0C0 0, #BFC0C0 2px, white 2px, white 8px);
background-size: 100% 3px;
}
.foodapp-new-div{
padding: 3px 5% 0 5%;
margin-top: 60px;
}
.foodapp-new-box{
background-position: bottom;
padding: 15px 0px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.foodapp-new-imgbox{
width:100%;
margin: 0 auto;
}
.foodapp-new-img{
margin: 20px auto;
border-radius:10px;
}
.foodapp-new-font{
width:100%;
display: flex;
flex-wrap: wrap; 
align-content: center;
letter-spacing: 2px;
}
.foodapp-new-h{
width:100%;
font-size: 17px;
font-weight:bold;  
}
.foodapp-new-p{
width:100%;
font-size: 22px;
margin-top: 10px;
}
.foodapp-new-button{
width:200px;
background-color: #FFB03B;
color:#ffffff;
font-size: 18px;
font-weight:bold; 
border-radius:12px;
padding: 10px 35px;
cursor:pointer;
display: flex;
align-items: center; 
justify-content: space-between;
margin: 40px auto 0px auto;
    transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}
.foodapp-new-button:hover{
padding: 10px 25px 10px 35px;
}
}