@charset "UTF-8";
/* CSS Document */
body {
  background-color: #111;
}
.alcohol-menu-img{
	display: block;
	width: 100%;
	margin-top: 15px;
}
.alcohol-p{
	 display: block;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
}
.menu-top{
	 display: block;
    text-align: center;
    margin-top: 1px;
    font-size: 14px;
}
.hero_image_menu {
	background-image:url("../images/07_menu/menu_top.jpg");
  width: 100%;
	height: calc(100vh - 50px);
  background-size: cover;
	background-position:bottom;
}
.hero_image_menu_filter{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: rgba(0,0,0,0.30);
	 height: calc(100vh - 50px);
	  width: 100%;
	
}
.hero_image_menu h2{
font-family: futura-pt,sans-serif;
font-weight: 100;
font-style: normal;
	font-size: 6.0rem;
	letter-spacing: 1.3em;
	padding-left: 1.3em;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	
}
.breadcrumb {
    text-align: left!important;
    margin: 40px 0 -40px 0;
}

.breadcrumb span {
    color: #FFF;
}
.breadcrumb a {
    text-decoration: none!important;
}
.active-menu{
	background-color: #333;
	padding: 1px;
	
}

@media(max-width:599px){
	.hero_image_menu h2{
		font-size: 3.5rem;
	}
	.hero_image_menu {
	
  width: 100%;
	height: calc(100vh - 50px);
  background-size: cover;
	background-position:center;
}
	
}
@media(min-width:600px) and (max-width:1024px){
	.hero_image_menu h2{
		font-size: 5rem;
	}
	.hero_image_menu{

  width: 100%;
	height: calc(100vh - 50px);
  background-size: cover;
	background-position:center;
}
	
}
/*サイドバー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.section_sidebar{
	text-align: left;
	margin-top: 100px;
	width:15%;
}
.section_sidebar li{
	list-style: none;
}
.section_sidebar h3{
	font-size: 1.8rem;
	margin-top: 40px;
	
}
.section_sidebar ul li p{
	margin-top: 5px;
	}
.row {
    display: flex;
    flex-wrap: wrap;
	justify-content:flex-start;
	flex-direction: row;
	gap:4%;
}
.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.menu {
    width: 100%;
    max-width: 300px;
    margin-bottom: 50px;
}
.menu a {
    display: block;
    text-decoration: none;
    color: #fff;
}
figure {
    display: block;
    margin-block-start: 1.2rem;
    margin-block-end: 1.2rem;
}
.menu .menu_pic img {
    width: 100%;
    height: auto;
}
.product_containar{
	display: flex;
}
.section_product{
	width: 85%;
	margin-top: 100px;
	margin-left: 3%;
}
.menu_title{
	text-align: left;
	font-size: 1.8rem;
	margin-top: 15px;
}
.menu_price{
	text-align: right;
	margin-top: 15px;
	font-size: 1.8rem;
}
.menu_desc p{
	text-align:left;
	margin-top: 15px;
}
.scroll-nav li a{
	color:#FFF;
	text-decoration: none;
	font-weight: 300;
	font-size: 1.8rem;
}
.scroll-nav li{
	margin-bottom: 40px;
}
.menu_title_top{
	font-size: 2.2rem;
	margin-bottom: 5px;
}
.scroll-nav ul{
	margin-top: 70px;
}
/*横スクロールメニュー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





@media(max-width:599px){
	.product_containar{
	display: block;
}
	.menu_desc p{
	text-align:left;
	margin-top: 15px;
		font-size: 1.4rem;
}
	.section_sidebar {
    text-align: left;
    margin-top: 40px;
		width: 100%;
	}
	.section_sidebar h3 {
    font-size: 1.4rem;
    margin-top: 10px;
}
.section_sidebar {
  position: relative;
}
.scroll-nav {
  width: 100%;
  background: #111; /* メニューの背景色 */
  overflow-x: scroll;
	    border-bottom: solid 1px;
	border-top: solid 1px;
}
.scroll-nav ul {
  max-width: 3000px; /* メニューの最大幅 */
  min-width: 1800px; /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px; /* 右側の固定分余白を空ける */
}
.scroll-nav ul li {
  float: left;
  width: 134px; /* メニューの個別の幅 */
  text-align: center;
}
.scroll-nav ul li:hover {
  background: #222; /* マウスホバー時の背景色 */
}
.scroll-nav ul li a {
  display: inline-block;
  color: #fff; /* メニューの文字色 */
  text-decoration: none;
	font-size: 1.6rem;
}
	.scroll-nav ul li p{
		text-align: left;
	
	}
	.scroll-nav ul li h3{
		text-align: left;
		vertical-align: middle;
	}
.col-md-3 {
    width:100%;
}
	.row {
    display: block;
		margin:0 auto;
}
	.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.section_product{
	width: 100%;
	margin-top: 100px;
	margin-left: 0%;
}
	.menu {
    width: 100%;
    max-width: 100%;
    margin-bottom: 70px;
}
	.scroll-nav li{
	margin-bottom: 0;
}
}
@media(min-width:600px) and (max-width:1024px){
	.col-md-3 {
 max-width: 45%;
    flex: 0 0 45%;

}
.row {
    display: flex;
    flex-wrap: wrap;
	justify-content:space-around;
	flex-direction: row;
	gap:0;
}
	.section_sidebar{
	text-align: left;
	margin-top: 100px;
	width:25%;
}
	.section_product{
	width: 75%;
	margin-top: 100px;

}
	.section_sidebar h3 {
    font-size: 1.6rem;
    margin-top: 40px;
}
	.menu_title {
    text-align: left;
    font-size: 1.6rem;
    margin-top: 15px;
}
}