@charset "utf-8";

body {
	background: #000;
}

img {
	max-width: 100%;
	display: block;
}
strong {
	font-weight: bold;
}
ul.bxslider {  
padding: 0;  
margin: 0;  

}  
#container {
	width: 1000px;
	margin:0 auto;
	padding: 0;
}
#header h1 {
	max-width: 1000px;
	height:250px;
}
#header a {
	background-image: url(../images/header.jpg);
	max-width: 1000px;
	height:250px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent:-9999px;
	display:block;
}
#mainmenu ul{
	padding: 0px;

	list-style-type: none;
	}
#mainmenu li { 
text-indent: -9999px;
	margin:10px auto;
	}

#mainmenu #menup a {
	width:200px;
	height: 70px;
	background-image: url(../images/ma_menu1.jpg);
	background-repeat: no-repeat;
	float: left;
	text-indent:-9999px;
	margin:0;
	padding:0;
	display:block;
	}

#mainmenu #shop a {
	width:200px;
	height: 70px;
	background-image: url(../images/ma_menu2.jpg);
	background-repeat: no-repeat;
	float: left;
	text-indent:-9999px;
	margin:0;
	padding:0;
	display:block;
	}

#mainmenu #insta a {
	width:200px;
	height: 70px;
	background-image: url(../images/ma_menu3.jpg);
	background-repeat: no-repeat;
	float: left;
	text-indent:-9999px;
	margin:0;
	padding:0;
	display:block;
	}

#mainmenu #line a {
	width:200px;
	height: 70px;
	background-image: url(../images/ma_menu4.jpg);
	background-repeat: no-repeat;
	float: left;
	text-indent:-9999px;
	margin:0;
	padding:0;
	display:block;
	}
#mainmenu #hp a {
	width:200px;
	height: 70px;
	background-image: url(../images/ma_menu5.jpg);
	background-repeat: no-repeat;
	float: left;
	text-indent:-9999px;
	margin:0;
	padding:0;
	display:block;
	}

#snsicon{
	position:relative;
	margin:0 auto;
}

#sns {
	position:relative;
	width:270px;
	height:15px;

}

#sys {
	width: 1000px;
	margin:10px auto ;
	padding:10px;
	background: #FAC400;
	padding:0;
}


#sys .systop {
background: url('../images/systop.jpg')no-repeat;
	text-indent:-9999px;
	max-width: 1000px;
	height:109px;
	margin:0;

}
#sys .touch {
	width: 950px;
	margin:10px auto;
	padding:10px;
	background: #FFF;
}
#sys .newspict  {
	width: 300px;
	padding:20px;
	float: left;
}

#sys span  {
	font-size: 120%;
	font-weight: bold; 
	color: #FFF34A;
}
#sys .text  {
	padding-top:10px;
	font-size: 90%;
	color: #000;
}

#menup {
	width: 1000px;
	margin:20px auto ;
	padding:10px;
	background: #000;
	padding:0;
}



#menup .touch {
	width: 930px;
	margin:10px auto;
	padding:10px;
	background: #000;
}
#menup .newspict  {
	width: 300px;
	padding:20px;
	float: left;
}

#menup span  {
	font-size: 120%;
	font-weight: bold; 
	color: #FFF34A;
}
#menup .text  {
	padding-top:10px;
	font-size: 90%;
	color: #000;
}



#shopp {

	width: 930px;
	margin:0 auto;
	padding:0px;
	padding-bottom:20px;
	background: #FFF;
}

#shopp h2 {
background: url('../images/shoptop.jpg')no-repeat;
	text-indent:-9999px;
	max-width: 1000px;
	height:75px;
	margin:0;
}
#shopp h3 {
font-weight: bold;
margin-bottom:15px;
font-size:1.2em;
}


#shopp .shopcont {
	margin:0 auto;
	padding:10px;
	margin-bottom:15px;
}
#shopp .shopmap  {
	width: 450px;
	padding:20px;
	float: left;
}
#shopp .shoptext  {
	width: 400px;
	float: left;
	margin-top: 20px;
color: #000;
}
#shopp h3 {
font-size: 200%
font-weight: bold
}


#glandmenu {
	margin:10px auto ;
}
#lunchmenu {
	margin:10px auto ;
}
#drinkmenu {
	margin:10px auto ;
}
#footer {
font-size:12px;
text-align: center;
color: #FFF;
padding:3px;
	background: #D71618;
}

.cb {
	clear:both;
	} 
	
.btn_recruit{
	display:block;
	padding:5px;
	background-color:#F00;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
	
}

.btn_recruit a:link{
	color:#FFF;
	text-decoration:none;
	
}

.btn_recruit a:visited{
	color:#FFF;
	text-decoration:none;
	
}

.btn_recruit:before{
	content:"▶";
	margin-right:8px;
	position:relative;
	top:0px;
	left:0px;
}


.btn_menu{
	display:block;
	padding:5px;
	background-color:#F00;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
	
}

.btn_menu a:link{
	color:#FFF;
	text-decoration:none;
	
}

.btn_menu a:visited{
	color:#FFF;
	text-decoration:none;
	
}

.btn_menu:before{
	content:"▶";
	margin-right:8px;
	position:relative;
	top:0px;
	left:0px;
}


.red{
	color:#F00;
	font-weight:bold;
}

.reserve{
	width:80%;
	display:flex;
	justify-content:space-between;
	gap:10px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 15px 15px 0px;
}

/*navi sttleここから*/

.gnavi__wrap {
    width: 1000px;
    margin: 0 auto;
}
.gnavi__lists {
    display: flex;
}
.gnavi__list {
    width: 20%;
    height: 60px;
    background-color: #E5F0F8;
    position: relative;
    transition: all .3s;
	}
.gnavi__list:hover {
    background-color: #bb0000;
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list:hover::before {
    background-color: #bb0000;
}
.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}
.gnavi__list:hover a {
    color: #000;
}


/*プルダウンめにゅー*/

.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
	coror: #bb0000;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/

}
.dropdown__list {
    background-color: #FFFFFF;
    height: 60px;
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #bb0000;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color:#CCC;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bb0000;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}