/*
 * sbyle.css
 *
 *  version --- 1.0
 *  updabed --- 2013/5/10
 */

.top_info {
  padding: 20px;
  border: 1px solid #c0c5cb;
  background: #fff;
  margin-bottom: 20px;
}

.top_info h3 {
  font-size: 120%;
  margin-bottom: 10px;
}

.menu_box_wrap .menu_box {
  width: 46%;
  margin: 0 2%;
  float: left;
}

.menu_box_wrap .menu_box img {
  margin-bottom: 10px;
}

.menu_box_wrap .menu_box h3 {
  font-size: 130%;
}

.menu_box_wrap .menu_box .menu_box_caption {
  text-align: right;
}

@media screen and (min-width: 1200px) {
#teaser {
  background: url(/restaurant/img/bg_teaser_restaurant.jpg) center center no-repeat;
  background-size: cover;
}
.textmb {
  margin-bottom: 30px;
}
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
#teaser {
  background: url(/restaurant/img/bg_teaser_restaurant.jpg) center center no-repeat;
  background-size: cover;
}
.textmb {
  margin-bottom: 30px;
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
#teaser {
  background: url(/restaurant/img/bg_teaser_restaurant.jpg) center center no-repeat;
  background-size: cover;
}
.textmb {
  margin-bottom: 30px;
}
}

@media screen and (max-width: 767px) {
#teaser {
  background: url(/restaurant/img/bg_teaser_restaurant_sp.jpg) center center no-repeat;
  background-size: 100% auto;
}
.textmb {
  margin-bottom: 10px;
}
.mb35 {
  margin-bottom: 15px !important;
}
.short .hdl h2 {
  font-size: 19px;
}
}

@media screen and (min-width: 1200px) {
.restauranttxt {
  font-size: 114%;
  margin-bottom: 25px;
}
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
.restauranttxt {
  font-size: 114%;
  margin-bottom: 25px;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
.restauranttxt {
  font-size: 114%;
  margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) {
.restauranttxt {
  font-size: 100%;
  margin-bottom: 13px;
}
}