@charset "UTF-8";
/* CSS Document */

#lunch{width: 100%; margin: 0 auto;}
#lunch img{width: 100%;}
#lunch section{background: url("../img2/line.png")repeat-x; background-size:  auto 17px; background-position: left bottom;}
#lunch section > div{max-width: 1100px; margin: auto;}
#lunch #hero,
#lunch #rev{background: none;}


#lunch #hero > div{width: 100%; max-width: 100%;}

#lunch #food .tab-wrap{}
 
#lunch #food .tab-wrap ul {
  display: flex;
  justify-content: center;
}
 
#lunch #food .tab-btn {
  width: 290px;
  text-align: center;
  list-style: none;
  cursor: pointer;
}
 
#lunch #food .tab-btn.show {
}
 
#lunch #food .tab-contents {
  display: none;
}
 
#lunch #food .tab-contents.show {
  display: block;
  padding: 20px;
}

#lunch #food .tab-btn span{opacity: 0;}
#lunch #food .tab-btn.show span{opacity: 1;}

#lunch #food .btn1{background: url("../img2/all_off.png")no-repeat; background-size: 100%;}
#lunch #food .btn2{background: url("../img2/vegan_off.png")no-repeat; background-size: 100%;}

#lunch #about{background-color: #d1f1f1; background-image: none;}

#lunch .rev_btn{padding: 30px 0 140px;}
#lunch .rev_btn p{width: 516px; margin: auto;}
#lunch .rev_btn p:first-child{margin-bottom: 30px;}

@media (max-width: 768px){ 
#lunch section{background-size:  auto 9px;}
#lunch #food .tab-btn {width: 41%;}

#lunch .rev_btn{padding: 25px 0 30px;}
#lunch .rev_btn p{width: 73%;}
#lunch .rev_btn p:first-child{margin-bottom: 15px;}
}


/* PC/SP切り替え ---------------------------------------*/
@media (min-width: 769px){ 
  .pc { display:block; }
  .sp { display:none; }
}
@media (max-width: 768px){ 
  .pc { display:none; }
  .sp { display:block; } 
  
}