/* menu */

#menu ul{
  padding-left: 0;
  letter-spacing: -.40em;
}
#menu ul li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin-left: -1px;
  margin-right:-1px;
}
#menu ul#detail__info--price li{
  display: block;
}
#menu img{
  padding-left: 0;
  padding-right: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
  float: none;
}


.menu__box{
  list-style-type: none;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.menu__box.col-md-3.col-sm-6.col-xs-12{
  /*height: 214px;*/
}
.menu__box a{
  display: block;
  border: 1px solid #888;
  background-color: #fff;
  box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.5);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.menu__box a:hover{
  cursor: pointer;
  text-decoration: none;
}
.menu__box a img{
  width: 90%;
  margin: 5%;
}

.menu__box a figcaption{
  margin-bottom: 0;
  line-height: 1.2em;
  box-sizing: border-box;
  padding: 7px 5px;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 51%, rgba(105,0,0,0.3) 49%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
  font-weight: normal;
}
.menu__box a:hover .menu__box--text{
  color: #fff;
	background-position: -100% 0;
  background-color: rgba(105,0,0,0.3);
  background-image: linear-gradient(to left, rgba(105,0,0,0.3) 51%, rgba(0,0,0,0) 49%);
}
.menu__box a:active .menu__box--text{
  color: #000 !important;
}

.leadtext{
  margin-top: 40px;
}

/* drink */
#drink__menu{
  font-size: 18px;
}
#drink__menu dt{
  float: left;
  clear: both;
}
#drink__menu dd{
  float: left;
}
#masu{
  max-width: 253px;
}

/* tavern */

/* single-menu */
#detail_title{
  margin-bottom: 20px;
}

#minisize__padding{
  margin-right: 1em;
}
.size__padding{
  margin-right: 2em;
}

#detail__info{
  background-color: rgba(255, 255, 255, 0.8);
  padding-top: 15px;
  padding-bottom: 15px;
}
#detail__info--price{
  font-size: 18px;
  list-style-type: none;
  padding-left: 0;
}
#detail__info--features p{
  font-size: 18px;
  line-height: 1.4em;
}

@media screen and (max-width:991px) {
  #detail__info{
    margin-top: 20px;
  }
  .menu__box.col-md-3.col-sm-6.col-xs-12{
    height: 262px;
  }

}
@media screen and (max-width:767px) {
  .menu__box.col-md-3.col-sm-6.col-xs-12{
    height: auto;
  }

  .derby__list{
    margin-top: 35px;
  }
  .derby__list:first-of-type{
    margin-top: 20px;
  }

}

@media (min-width: 992px){
  #menu section ul li{
    float: none;
  }
}
@media (min-width: 768px){
  #menu section ul li {
    float: none !important;
  }
}




/*Lightbox上書き*/
#menu ul.sy-pager li {
	margin: 0 1em 0 0;
}
#menu ul.sy-pager li.sy-active a{
	background-color: #745030;
}