@charset "UTF-8";

/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media print, screen and (min-width: 641px) {
	
.sp{display:none;}

button.drawer-toggle{
	display:none;}


.contents{
	width:1000px;
	margin:0 auto;}

.contents1100{
	width:1100px;
	margin:0 auto;}

.contents900{
	width:900px;
	margin:0 auto;}

.contents832{
	width:832px;
	margin:0 auto;}



#header_tel{
	border-bottom:#CCC 1px solid;
	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;}

#header_tel a:hover{
	text-decoration:none;}




#menu li a{
	-webkit-writing-mode: vertical-rl; /* Chrome,Safari対応*/
      -ms-writing-mode: tb-rl; /* IE対応*/
          writing-mode: vertical-rl;
		  float:left;
		  color:#FFF;
		  display:block;
		  height:200px;
		  text-align:start;
		  font-size:18px;
		  margin:20px;
}

#menu li a:hover{
	text-decoration:none;}

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

#menu{
	float:right;
	width:621px;}

#logo{
	float:left;}

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

#slider div {
    height: 500px;}

#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;}

#news{
	color:#FFF;
	margin-bottom:30px;}

#news p{
	font-weight:bolder;
	border: #FFF 1px solid;
	border-radius:50px;
	padding:10px 20px;
	text-align:center;
	width:120px;
	font-size:16px;
	float:left;
	margin:0 20px 0 0;
	}


.ticker {
width: 795px;
    float: left;
    margin: 0 auto;
    padding: 15px 3px 3px 20px;
    text-align: left;
    position: relative;
    overflow: hidden;}

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

.ticker ul li {
	width: 100%;
	display: none;
}

#top01{
	margin:50px 0;
	background:url(../../images/index02.jpg) no-repeat right;
	}

#top01 div{
	background:#FFF;
	box-shadow:#770000 6px 6px;
	padding:50px;
	width:360px;
	margin:30px 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:#333;}





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

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

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


#top02 figure {
  width: 395px;
  height: 280px;
  padding: 0;
  background: #fff;
  overflow: hidden;
  float:left;
  margin:27px;
}





#top02 figure img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#top02 figure:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px);
}



#top03 img{
	float:left;
	width:60vw;
	margin-right:40px;}

#top03 div{
    padding: 80px 0 0 0;
    float: left;}


#top03 div p{
	color:#FFF;
	font-size:50px;
	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 ul li a:hover{
	letter-spacing:5px;
	text-decoration:none;}

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

#top03 div a#bento:hover{
	background:#770000;
	text-decoration:none;
	}


footer{
	margin:100px 0 0 0;}

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


#footer01 .shop{
	text-align:center;
	color:#FFF;
	float:left;
	margin:30px 50px;
	}

#footer01 .shop p.mnc{
	font-size:30px;}

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

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

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


#absolute{
position: fixed;
    right: 0;
    top: 300px;
    height: 456px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;	}

#absolute div.shop{
	color:#FFF;
	background:#770000;
	border-radius:10px 0 0 10px;
	padding:20px;
height: 178px;
	float:left;
	margin-bottom:10px;
	}

#absolute div.shop .reserve{
	font-size:12px;
	margin-bottom:6px;
	border:#FFF 1px solid;
	float:left;
	padding:10px 5px
	}

#absolute div.shop .store{
	font-size:19px;}


#absolute div.shop{
    position:relative;
}
 
#absolute div.shop a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}


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


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

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

.white{
	background:#FFF;
	padding:50px 0;
	}

.white .sub{
	text-align:right;
	font-weight:bold;
	color:#000;}

h3{
	text-align:center;
	color:#FFF;
	padding:50px 0 30px 0;
	}

h3 span{
	font-size:12px;}

h3 b{
	font-size:30px;}

h4{
	font-weight:bold;
	font-size:26px;
	color:#000;
	margin:30px 0 10px 0;}


.red{
	color:#801f1f;
	}

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

.rest_menu th{
	padding:10px 0;
	}

.rest_menu td{
line-height: 1.2;
text-align:right;
	white-space:nowrap;
	padding:0 0 0 30px;}

.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:14px;}

.bento_box{
	width:230px;
	float:left;
	margin:23px;}

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

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

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

#menu_anker{
	margin:30px 0;}

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

#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-top:20px;}
	
#image img{
	    float: left;
    margin: 12px;}

#commitment01{
	padding:50px 0;
	}

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

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

#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:20px;
	
	}

#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 {
	background:url(../../images/commitment03.jpg) no-repeat top left;
	padding:0 0 0 400px;
}
#commitment02 div{
	margin-bottom:30px;}

#commitment02 p{
	color:#FFF;
	}

#commitment02 img{
	margin: 78px 0 12px -103px;
	}


#commitment03{
margin: 50px 0 0 0;
    background: url(../../images/commitment05.jpg) no-repeat right;
    padding: 100px 630px 100px 0;
}	

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


#commitment04{
	margin: 50px 0 0 0;
    background: url(../../images/commitment06.jpg) no-repeat left;
    padding: 100px 0 100px 630px;
	}

#restaurant_info01{
	margin:50px 0;}

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

#restaurant_info01 p{
	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 0 0 0;}

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

#restaurant_map{
	padding:50px 0 0 0;
	}

#restaurant_info02{
	color:#FFF;}

.restaurant_photo{
	width:296px;
	float:left;
	height:250px;
	margin:18px;}

.restaurant_photo img{
	width:296px;
	}

#formWrap{
	margin:50px auto 0 auto;}


#formWrap .white{
	padding:50px;}

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

#formWrap table th,
#formWrap table td{
	padding:5px 10px;
	border-bottom:1px solid #CCC;}



#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{
	border-left: #333 3px solid;
	padding:0 0 0 15px;
	}

#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;
	}


}