@charset "utf-8";



.left,.right{
	display:none;
}
.header-inner{
	height:70px;
}
#logo{
	position:absolute;top:0; left:50%;
	transform:translate(-50%);
	width:70px;
}
.schedule,.cart{
	padding:20px 20px;
	display:block;
	border-right:1px solid #fff;
}
.schedule img,.cart img{
	width:30px;
	height:30px;
}
.header-color{
	.schedule,.cart{border-color:#c7bdb5;}
	.openbtn{border-color:#c7bdb5;}
}
.header-black{
	.schedule,.cart{border-color:#c7bdb5;}
	.openbtn{border-color:#c7bdb5;}
}

/*navここから*/
#g-nav{
 	position:fixed;
   	top:0;
	width:100%;
    	height:100vh;
	background:#f7e8e1;
	transition: all 0.3s;
	z-index:-1;
}
#g-nav.panelactive{
	display:block;
	z-index:888;
	
}
#g-nav.panelactive #g-nav-list{
    	position: fixed;
    	width: 100%;
    	height: 100vh;
    	overflow: auto;
    	-webkit-overflow-scrolling: touch;
}
#g-nav ul {
    	display: none;
	margin:100px auto;
	width:350px;
}

#g-nav.panelactive ul {
   	display: block;
}
#g-nav li{
	list-style:none;

 
}
.num{
	padding:0 30px;
	font-size:20px;
}
#g-nav li a{
	color: #333;
	text-decoration: none;
	font-size:20px;
	text-align:left;
	height:60px;
	line-height:60px;
	display:flex;
	align-items:center;
	
}
#nb{
	margin-top:20px;
}
.btn1 a,.btn2 a{
	font-size:25px;
	margin-left:50px;
	color:#000;
	background-color:#fff;
}
.selected{
	color:#fff !important;
	background-color:#242322 !important;
}
.openbtn{
	display:block;
	cursor: pointer;
    	width:140px;
    	height:70px;
	position:fixed; top:0; right:0;
	z-index:999;
	border-left:1px solid #fff;
}	
.openbtn span{
    	display: inline-block;
    	transition: all .4s;
    	position: absolute; left:50%;
	transform:translate(-50%);
    	height: 3px;
    	border-radius: 2px;
	background-color: #fff;
  	width:50px;
  }

.openbtn span:nth-of-type(1) {
	 top:30px;	
}

.openbtn span:nth-of-type(2) {
	 top:40px;
}
.openbtn.active span:nth-of-type(1) {
    	top:35px;
   	transform: translateX(-25px) rotate(-45deg);
	background:;
}

.openbtn.active span:nth-of-type(2){
  	top:35px;
   	transform: translateX(-25px) rotate(45deg);
	background:;
}
.openbtn.active2 {
	border-color:#c7bdb5;
}
.openbtn.active2 span{
	background:#000;
}
.openbtn.active3 {
	border-color:#c7bdb5;
}
.openbtn.active3 span{
	background:#000;
}

/*topここから*/
#top{
	display:flex; flex-direction:column;
}

.top-left,.top-right{
	height: 50%;
}
.top-comment p{
	font-size:18px;
	line-height:35px;
}

/*subtitleここから*/
.subtitle{
	height:auto;
}
.wrap{
	display:flex; flex-direction:column;
	width:100%;
}
.sub-left,.sub-right{
	border:none;
}
.comment-box{
	width:350px;
	margin:auto;
}
.sub-left h1{
	font-size:60px;
}
#h1-comment1{
	margin-left:0;
}
.sub-comment1{
	font-size:10px;
	margin-right:0;
	margin-bottom:0;
}
.sub-comment2{
	margin:50px auto;
	width:350px;
	font-size:17px;
	text-align:center;
}

/*スライダー*/
.slider img {
    	width:250px;
    	height:auto;
	margin-top:30px;
}

/*addressここから*/
#shopdata h3{
	font-size:60px;
}
.address{
	height:auto;
}
.address_left{
	height:500px;
}
.address_right{
	height:auto;
}
.address_wrap{
	display:flex; flex-direction:column;
}
#gifu{
	width:300px;
}
.address_text{
	width:350px;
	margin-bottom:50px;
}

/*パンくずリスト*/
.breadcrumb{
	padding:80px 0 0 10px;
}

/*newsここから*/
.news_wrap{
	display:flex;
	flex-direction:column;

}
#news_title{
	padding-left:20px;
}
.news1 h1,.news2 h1{
	font-size:60px;
}
#osirase{
	font-size:12px;
	margin-right:20px;
}
.news_list{
	width:100%;
	border-right:1px solid #c7bdb5;
	padding-left:0;
	padding-top:0;
	border-right:none;

}
.news_list ul{
	display:flex;
	flex-direction:row;
	width:350px;
	margin:auto;
}
.news_list li {
	margin-left:20px;
	text-align:center;
}
.news_list li a{
	font-size:12px;

}
.news_topic{
	width:100%;
}
.news_wrap dl{
	width:80%;
	margin:0 auto;
}
.news_topic dt{
	padding-left:10px;
}
.news_topic dd{
	padding-left:10px;
	margin-left:0;
}
.news_summary{
	width:80%;	
}


/*news個別*/
.news_topic_kobetu{
	width:90%;	
}
.news_topic_kobetu h2{
	font-size:30px;
}
#gazou img{
	width:100%;
}
#honbun p{
	width:100%;
}

/*メニュー*/
#menu{
	height:300px;
}
.food{
	width:200px;
	height:200px;
}
.food h1{
	font-size:300%;
}

/*メニューページ*/
.menu-box{
	display:flex; flex-direction:column;
}
.menu-wrap{
	margin-top:90px 0 30px;
	width:95%;
}
#menuh1{
	font-size:60px;
}
table{
	width:95%;
}
.menu-photo img{
	height:250px;
}
.menu-panel,.menu-title{
	width:100%;
}
.menu-panel h2{
	padding-left:0;
	font-size:30px;
}
.menu-panel h3{
	padding-left:0;
	font-size:20px;
}
.tab ul li{
	width:calc(50%);
}
.tab li a{
	font-size:13px;
}
.tab2{
	font-size:9px;
}
.area1 table{
	width:100%;
}

/*footerここから*/
.footer-inner{
	display:flex; flex-direction:column-reverse;
	height:auto;

	
}
.footer-left{
	width:100%
}
#footer-logo{
	margin-top:20px;
}
.footer-left img{
	width:300px;
}
.footer-right{
	border-left:none;
}
.footer-right-inner{
	display:flex; flex-direction:column;
	padding-top:50px;
}
.sitemap{
	width:100%;
	display:flex;
}
#footer #footertitle{
	width:100%;
	padding-top:5px;
	text-align:center;
}
.footer-right{
	border-left:none;
}
#footerul{
	width:100%;
}
#footer .footer-left p{
	width:100%;
}
.footer-bottom{
	padding-left:30px;
}
