@charset "UTF-8";

/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){
	
.pc{display:none;}



.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#bbb}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}





.w100{
	width:100%;}


.contents,.contents1100,.contents900,.contents832{
	padding:0 1%
}



#header_tel{
	display:none;
	padding:10px 0;
	height:20px;
	}

#header_tel ul{
	float:right;
	}

#header_tel li{
	color:#FFF;
	list-style:none;
	float:left;
	margin-left:20px;}

#header_tel a{
	color:#FFF;
	margin-left:10px;
	background:url(../../images/tel.png) left no-repeat;;
	padding:10px 0 10px 40px;}




#menu li a{
padding: 10px 0 0 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    float: right;
    color: #000;
    display: block;
    height: 200px;
    text-align: start;
    font-size: 16px;
    margin: 13px;
    border-top: 2px solid gray;
}


body{
	background:url(../../images/bg.jpg);}

#menu{}

#logo{
	float:left;}

header{
	padding:0 0 20px 0;
	border-bottom:5px solid #770000;}

#slider div {
    height: 200px;}

#slider01{
	background: url(../../images/slider01.jpg) no-repeat;
	background-size:cover;}

#slider02{
	background: url(../../images/slider02.jpg) no-repeat;
	background-size:cover;}

#slider03{
	background: url(../../images/slider03.jpg) no-repeat;
	background-size:cover;}

#slider04{
	background: url(../../images/slider04.jpg) no-repeat;
	background-size:cover;}

.bx-controls{
	display:none;}


.bx-wrapper {
    margin: 0 auto 20px !important;

}


#news{
	color:#FFF;
}

#news p{
font-weight: bolder;
   text-align:left;
    font-size: 16px;
	margin-left:10px;}


.ticker {
    margin: 0 auto;
    padding: 0 10px 0 10px;
    position: relative;
    overflow: hidden;}

.ticker ul {
	width: 100%;
	position: relative;
}

.ticker ul li {
	font-size:14px;
	width: 100%;
	display: none;
}

#top01{
	margin-bottom:30px;
	border:#CCC 1px solid;
    box-shadow: #770000 6px 6px;
    padding: 30px;
	}

#top01 div{
	color:#FFF;
    margin: 15px 0;
    line-height: 1.8;	}


#top01 div a{
	border:#CCC 1px solid;
	text-align:right;
	padding:10px 20px;
	display:block;
	margin:20px 0 0 0;
	color:#FFF;}


#top01 div a:hover{
	 letter-spacing: 5px;}
	
	
#top02{
	background:url(../../images/index03.jpg) no-repeat;
	background-size:cover;
	padding:40px 0;
	margin-bottom:40px;
	}

#top02 p{
	text-align:center;
	color:#FFF;
	font-size:26px;
	line-height:1;}

#top02 p span{
	font-size:12px;
	color: #999;}

#top02 figure{
	margin:0;
	text-align:center;}

#top02 figure img {
  width:80%;
  margin:30px  0 0 0;

}



#top03 img{}

#top03 div{
	width:96%;
	padding:0 2%;}


#top03 div p{
	color:#FFF;
	font-size:34px;
	font-weight: bolder;}

#top03 div ul{
	width:100%;}

#top03 div ul li a{
	text-align:left;
	color:#FFF;
	border-bottom:#CCC 1px solid;
	padding:10px 5px 10px 20px;;
	display:block;
	background:url(../../images/arrow.png) no-repeat left;
	}

#top03 div a#bento{
	width: 180px;
	background: #333;
	color:#FFF;
	padding:10px 5px;
	font-size:12px;
	display:block;
	margin:10px 0 0 0;
	text-align:center;
	}


footer{
	margin: 20px 0 0 0;}

#footer01{
	background:url(../../images/footer_shop_bg.jpg) no-repeat;
	background-size: cover;
	padding:20px 0;
	}


#footer01 .shop{
width: 46%;
    text-align: center;
    color: #FFF;
    margin: 2%;
    float: left;}

#footer01 .shop p.mnc{
	font-size: x-large;}

#footer01 .shop a{
	background:#770000;
	padding:10px;
	display:block;
	color:#FFF;
	margin:10px 0 0 0;}

#footer01 .shop a:hover{
	background: #000;
	text-decoration:none;
	}

#footer02{
	font-size:12px;
	padding:30px 0;
	text-align:center;
	margin-bottom:80px;}

#fix{
	position:fixed;
	bottom: 0;
  width: 100%;
  padding:2%;
	background:#770000;
	height:100px;
	}
#fix ul li{
	padding:10px 0;
	border:#FFF 1px solid;
	width:46%;
	margin:1%;
	text-align:center;
	float:left;
	color:#FFF;
	position:relative;
	}


#fix ul li b{
    padding: 1px 0 0 18px;
    display: block;
    background: url(../../images/tel.png) no-repeat 15px 0px;
    background-size: 12%;}


#fix ul li a{
	color:#FFF;
	}


#h2{
	padding:30px 0;
	text-align:center;
	background:#770000;
	}


h2{
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	z-index:5;
	margin-top: -38px;
}

#h2 p{
color: #801f1f;
    font-size: 25px;
    font-weight: bolder;	}

.white{
    background: #FFF;
    padding: 30px 5%;	}

h3{
	line-height: 1.2;
	text-align: center;
	color: #FFF;
	padding: 30px 0 20px 0;
	}

h3 span{
	font-size:12px;}

h3 b{
	font-size: 22px;
	}

h4{
font-weight: bold;
    font-size: 20px;
    color: #000;
    margin: 30px 0 5px 0;
	line-height: 1;}



.red{
	color:#801f1f;
	}

.rest_menu{
	color: #333;
	width:100%;}

.rest_menu th{
padding: 10px 0 0 0;	}

.rest_menu td{
	text-align:right;}

.rest_menu .price{
	color:#900;}

#omiyage,
#steak_course01,
#teishoku_,
#bifkatsu,
#sakizuke,
#banquet5000{
	border-bottom:#999 1px solid;
	padding-bottom:20px;
	}

#steak_course02,
#steak_course01,
#steak_,
#yakiniku_,
#shabushabu_,
#sukiyaki_,
#teishoku_{
	margin:20px 0 0 0;}

#bento h4 b{
	font-size:10px;}

.bento_box{
	width:100%;
}

.bento_box img{
	width:100%;
	}

.bento_box h5{
	font-size:18px;
	color:#000;}

.bento_box h6{
	color:#801f1f;
	font-size:16px;
	text-align:right;
	}

.caution{
	color:#FFF;
	font-size:12px;
	padding:10px 0 0 0;
	text-align:right;
	}


.table00 th{
	width:100%;
	display:block;}

.table00 td{
	width:100%;
	display:block;
	}


.table01 th{
	width:100%;
	display:block;}

.table01 td{
	width:100%;
	display:block;
	}
#menu_anker{
	margin:30px 0;}

#menu_anker li a{
width: 46%;
    color: #FFF;
    background: #333;
    border-radius: 15px;
    border: #FFF 1px solid;
    text-align: center;
    padding: 10px 20px;
    float: left;
    margin: 5px 2%;	
	}
	

#menu_anker li a:hover{
	text-decoration:none;
	background:#801f1f;
	}

.rest_menu .sunplaza{
	background:#666;
	color:#FFF;
	border-radius:20px;
	padding:3px 10px;
	margin-left:10px;
	font-size:12px;
	}


#freedrink{
	color:#000;
	background: #EEE;
	padding:1px 30px 30px 30px;
	margin:30px 0 0 0;}


#image{
	margin:20px 0 0 0;}







#commitment01{
	padding:30px 0;
	}

#commitment01 img{
	margin-bottom:10px;}

#commitment01 p{
	color:#FFF;
	font-size:20px;}

#commitment01 ul li{
	color:#FFF;
	border:#FFF 2px solid;
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  font-size:20px;
  margin:5px;
	
	}

#commitment01 ul li span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :150px;
  text-align:center;
}





#commitment02 h3,
#commitment03 h3,
#commitment04 h3{
	font-size:40px;
	text-align:left;
	padding:0 0 10px 0;
	}

#commitment02 {
}
#commitment02 div{
	margin-bottom:30px;}

#commitment02 p{
	color:#FFF;
	}

#commitment02 img{
	}


#commitment03{
margin: 50px 0 0 0;
}	

#commitment03 p,
#commitment04 p{
	color:#FFF;}


#commitment04{
	margin: 50px 0 0 0;
	}




#restaurant_info01{
	margin:50px 0;}

#restaurant_info01 h3{
	font-size:30px;
	padding:10px 0;
	}

#restaurant_info01 p{
	padding: 10px;
	color:#FFF;
	font-size:16px;}



#restaurant_info01 div{
	float:left;
	}

#restaurant_info01 img{
	float:right;
	}

#restaurant_info01 a{
	color:#FFF;}

#restaurant_info01 a.button{
	background:#801f1f;
	width:300px;
	text-align:center;
	padding:10px;
	display:block;
	margin:20px auto 20px auto;}

#restaurant_info01 a.button:hover{
	background: #333;
	text-decoration:none;}

#restaurant_map{
	padding:30px 0;
	}

#restaurant_info02{
	color:#FFF;}

.restaurant_photo{
	width:100%;
	margin-bottom:10px;
}

.restaurant_photo img{
	width:100%;
	}
	
	
	#formWrap{
	margin:50px auto 0 auto;}


#formWrap .white{
	padding:50px 0;}

#formWrap table{
	margin:20px 0 20px 0;
	width:100%;}

#formWrap table th,
#formWrap table td{
	padding:1%;
	width:100%;
	display:block;}

#formWrap table th{
	color:#000;}
#formWrap table td{
	color:#F00;}

#formWrap input#reset{
	background:#333;
	width:150px;
	color:#FFF;
	border:none;
	padding:10px;
	text-align:center;}

#formWrap input#submit{
	background: #900;
	width:150px;
	color:#FFF;
	border:none;
	padding:10px;
	text-align:center;}

#formWrap p{
	padding:5px;
	}
	
	
.formTable input{
	width:97%;}
	
#precautions{
	margin:30px auto 0 auto;}

#precautions li{
	color:#000;
	list-style:disc;
	}

#precautions ul{
	padding:0 0 0 20px;}
	


#image_caution{
	text-align:center;
	color:#FFF;
	font-size:12px;
	margin-bottom:20px;
	}


}