/*food-box*/
/*green*/
.food-border-color-g {
  border-top: solid 10px #ddf3b4;
}
.food-bg-g1 {
  background: #f7ffe6;
}
.food-bg-g2 {
  background: rgba(152, 222, 69, 0.1);
}
.food-color-g {
  color: #547e2f;
}
/*orange*/
.food-border-color-o {
  border-top: solid 10px #ffd9cb;
}
.food-bg-o1 {
  background: rgba(255, 242, 237, 1);
}
.food-bg-o2 {
  background: rgba(255, 131, 84, 0.1);
}
.food-color-o {
  color: #ff7946;
}
/**/
.food-circle1 {
  position: absolute;
  border-bottom-right-radius: 100% 110%;
  border-radius: 50%;
  top: -35px;
  left: -35px;
  width: 110px;
  height: 110px;
}
.food-circle2 {
  position: absolute;
  border-bottom-right-radius: 100% 110%;
  border-radius: 50%;
  top: 35px;
  left: 35px;
  width: 50px;
  height: 50px;
}
.food-box {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0;
}
.food-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: auto;
  height: 400px;
  margin: 50px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.food-bg1 {
  background-image: url(../img/meal/meal_01.JPG);
}
.food-bg2 {
  background-image: url(../img/meal/meal_02.JPG);
}
.food-contant {
  width: auto;
  height: 300px;
  float: none;
  display: block;
  margin-left: -100px;
  margin-top: 10px;
  border: solid 10px #fff;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
.food-contant2 {
  width: auto;
  height: 300px;
  float: none;
  display: block;
  margin-right: -100px;
  margin-top: 10px;
  border: solid 10px #fff;
  margin-left: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.food-title {
  padding: 30px 10px 20px 10px;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 600;
}
.food-introduction {
  font-size: 1.4rem;	
  padding: 20px;
}
@media (max-width: 991px) {
  .food-contant, .food-contant2 {
    margin: 0px;
  }
  .food-box {
    margin: 0
  }
  .food-change {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .food-change > div:nth-of-type(1) {
    -webkit-order: 2;
  }
  .food-change > div:nth-of-type(2) {
    -webkit-order: 1;
  }
  .food-change > div:nth-of-type(1) {
    order: 2;
  }
  .food-change > div:nth-of-type(2) {
    order: 1;
  }
}
/*.food-box*/
a:hover, a:focus {
  outline: none;
  text-decoration: none;
}
.tab .nav-tabs {
  background: #fff;
}
.tab .nav-tabs li {
  text-align: center;
  margin-right: 3px;
	margin: 1px 1px;
}
.tab .nav-tabs li a {
  font-size: 1.9rem;
  font-weight: 600;
  color: #22272c;
  padding: 5px 25px;
  background: #eee;
  margin-right: 0;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  position: relative;
  transition: all 0.5s ease 0s;
}
.tab .nav-tabs li.active a, .tab .nav-tabs li a:hover {
  background: #119a00;
  color: #fff;
  border: none;
}
.tab .tab-content {
  color: #3d3537;
  line-height: 30px;
  padding: 10px 0;
}
@media only screen and (max-width: 480px) {
  .tab .nav-tabs li {
    width: 100%;
  }

}

/**/
.top {
  height: 180px;
  position: relative;
  background-size: cover;
  background-position: center;
}
.meal-box {
  width: 23%;
  box-sizing: border-box;
  margin: 10px;
}
.meal-box:after {
  content: "";
  position: absolute;
  transition: all .35s;
  opacity: 1;
}
.meal-box:hover:after {
  opacity: 0
}

@media screen and (max-width: 1200px) {
	.meal-box {
    width: 30%;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}
}
@media screen and (max-width: 900px) {
	.meal-box {
    width: 30%;
    box-sizing: border-box;
    margin: 10px;
    float: left;
		 height: 150px;
}
}
@media screen and (max-width: 600px) {
	.meal-box {
    width: 45%;
    box-sizing: border-box;
    margin: 10px;
    float: left;
    height: 180px;
}
}
@media screen and (max-width: 375px) {
	.meal-box {
    width: 95%;
    box-sizing: border-box;
    margin: 10px;
    float: left;
    height: 250px;
}
}

.meal-box_1-1 {
  background: url("../img/meal/JPEG/1-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-2 {
  background: url("../img/meal/JPEG/1-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-3 {
  background: url("../img/meal/JPEG/1-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-4 {
  background: url("../img/meal/JPEG/1-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-5 {
  background: url("../img/meal/JPEG/1-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-6 {
  background: url("../img/meal/JPEG/1-6.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-7 {
  background: url("../img/meal/JPEG/1-7.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-8 {
  background: url("../img/meal/JPEG/1-8.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-9 {
  background: url("../img/meal/JPEG/1-9.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_1-10 {
  background: url("../img/meal/JPEG/1-10.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_2-1 {
  background: url("../img/meal/JPEG/2-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_2-2 {
  background: url("../img/meal/JPEG/2-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_2-3 {
  background: url("../img/meal/JPEG/2-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_2-4 {
  background: url("../img/meal/JPEG/2-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_2-5 {
  background: url("../img/meal/JPEG/2-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_3-1 {
  background: url("../img/meal/JPEG/3-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_3-2 {
  background: url("../img/meal/JPEG/3-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_3-3 {
  background: url("../img/meal/JPEG/3-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_3-4 {
  background: url("../img/meal/JPEG/3-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
/*
.meal-box_3-5 {
  background: url("../img/meal/JPEG/3-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
*/
.meal-box_4-1 {
  background: url("../img/meal/JPEG/4-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_4-2 {
  background: url("../img/meal/JPEG/4-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_4-3 {
  background: url("../img/meal/JPEG/4-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_4-4 {
  background: url("../img/meal/JPEG/4-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_4-5 {
  background: url("../img/meal/JPEG/4-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_4-6 {
  background: url("../img/meal/JPEG/4-6.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_5-1 {
  background: url("../img/meal/JPEG/5-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_5-2 {
  background: url("../img/meal/JPEG/5-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_5-3 {
  background: url("../img/meal/JPEG/5-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_5-4 {
  background: url("../img/meal/JPEG/5-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_5-5 {
  background: url("../img/meal/JPEG/5-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_6-1 {
  background: url("../img/meal/JPEG/6-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_6-2 {
  background: url("../img/meal/JPEG/6-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_6-3 {
  background: url("../img/meal/JPEG/6-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_6-4 {
  background: url("../img/meal/JPEG/6-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_7-1 {
  background: url("../img/meal/JPEG/7-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_7-2 {
  background: url("../img/meal/JPEG/7-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_7-3 {
  background: url("../img/meal/JPEG/7-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_7-4 {
  background: url("../img/meal/JPEG/7-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_7-5 {
  background: url("../img/meal/JPEG/7-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_8-1 {
  background: url("../img/meal/JPEG/8-1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_8-2 {
  background: url("../img/meal/JPEG/8-2.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_8-3 {
  background: url("../img/meal/JPEG/8-3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_8-4 {
  background: url("../img/meal/JPEG/8-4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}
.meal-box_8-5 {
  background: url("../img/meal/JPEG/8-5.JPG");
  background-size: cover;
  background-repeat: no-repeat;
}

.foods_note {
    clear: both;
    width: 100%;
    margin: 50px auto 0 auto;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 22pt;
	letter-spacing: 0.05rem;
}
@media only screen and (min-width: 800px) {
	.foods_note span {
		width: 150px;
		border-top: 2px solid #000;
		display: inline-block;
		margin: 5px 20px;
	}
}