body{
	height: 100%;
	width: 100%;
}

.restaurant-info-banner{
	background-size: cover;
	position: relative;
	height: 700px;
	background-position: bottom;
	background-image: none;
	background-attachment: fixed;
	height: 500px;

}
.restaurant-info-banner-line{
	height: 2px;
	width: 80px;
	background-color: #FFF;
	position: relative;
	margin: auto;
	margin-top: 10px;
}





/* introduce */ 
.restaurant-info-introduce-wrap{
	// background-color: #e9e9e9;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 50px;
	padding-top: 30px;
}
.restaurant-info-introduce-linkcontainer{
	font-size: 18px;
	// background-color: #e9e9e9;
	height: 80px;
	line-height: 80px;
}
	.restaurant-info-introduce-linkcontainer a{
		color: #000;		
	}
		.restaurant-info-introduce-linkcontainer .now{
			color: #999;		
		}
	.restaurant-info-introduce-linkcontainer i{
		color: #999;
		margin-left: 10px;
		margin-right: 10px;
		font-size: 23px;
	}
.restaurant-info-introduce-grid{
	// background-color: #e9e9e9;
	min-height: 400px;
	width: 50%;
	float: left;
	text-align: justify;
}
	body[lang="en"] .restaurant-info-introduce-grid,
	body[lang="jp"] .restaurant-info-introduce-grid{
		text-align: left;
	}
	.restaurant-info-introduce-grid .photo{
		background-size: cover;
	    background-position: center;
	    position: absolute;
	    width: 50%;
	    height: 75%;
	    /* top: 0px; */
	    padding-right: -50px;
	    /* margin-left: 25px; */
	}
	.restaurant-info-introduce-grid .title{
		font-size: 30px;
		line-height: 30px;
		margin-right: 100px;
		margin-bottom: 30px;
	}
		.restaurant-info-introduce-grid .title[lang="en"],
		.restaurant-info-introduce-grid .title[lang="jp"]{
			font-size: 29px;
			line-height: 45px;
		}
	.restaurant-info-introduce-grid .note{
		font-size: 20px;
		line-height: 30px;
		margin-right: 100px;
		margin-bottom: 20px;
		color: #777;
		width: auto;
	}
		.restaurant-info-introduce-grid .note img{
			height: 30px;
    		margin-right: 15px;
		}
	.restaurant-info-introduce-grid .words{
		font-size: 18px;
		line-height: 35px;
		margin-right: 100px;
		color: #000;
	}
	.restaurant-info-introduce-grid .line{
		background-color: #000;
		height: 4px;
		width: 70px;
		margin-top: 50px;
	}
.restaurant-info-introduce-grid .information{
	width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 27px;
    letter-spacing: 1px;
    text-align: left;
    margin-top: 15px;
}
.restaurant-info .information td.left{
	width: 90px;
}










/* information */ 

.restaurant-info-information-wrap{
	background-color: #f3f3f2;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 50px;
	padding-bottom: 50px;
	// background-image: url('../images/restaurant-info/bg.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
}
.restaurant-info-information-left{
	float: left;
	width: 50%;
}
.restaurant-info-information-right{
	background-color: #FFF;
    float: left;
    width: 50%;
    min-height: 200px;
    // padding: 50px;
    // padding-left: 80px;
    // padding-bottom: 250px;
    // margin-top: 50px;
}
	.restaurant-info-information-right .title{
		font-size: 35px;
		color: #999;
	}
	.restaurant-info-information-right .title-en{
		font-size: 16px;
	    letter-spacing: 3px;
	    margin-bottom: 5px;
	    color: #999;
	}
	.restaurant-info-information-right .subtitle , .restaurant-info-introduce-grid .subtitle{
		font-size: 22px;
	    font-weight: bold;
	    margin-bottom: 10px;
	    margin-top: 30px;
	    text-align: left;
	}
	.restaurant-info-information-right .text{
		font-size: 20px;
		color: #666;
		margin-bottom: 10px;
		letter-spacing: 2px;
	}
		.restaurant-info-information-right .text-left{
			float: left;
			width: 100px;
			height: 50px;
			background-color: red;
		}
		.restaurant-info-information-right .text-right{
			float: left;
			width: 300px;
			background-color: blue;
		}
	.restaurant-info-information-right .line{
		background-color: #000;
		height: 4px;
		width: 70px;
		margin-top: 50px;
	}
	.restaurant-info-information-wrap .photo{
		    width: 50%;
		    height: 100%;
		    margin-left: -50%;
		    background-size: cover;
		    background-position: center;
		    // margin-top: -50px;
		    // margin-bottom: -50px;
		    // background-color: red;
		    position: absolute;
		    z-index: 10;

	}

	/* table */ 
	.restaurant-info-information-table{
		width: 100%;
		// background-color: #e9e9e9;
		font-size: 15px;
		color:  #666;
		line-height: 27px;
		letter-spacing: 1px;
		text-align: left;
	}
		.restaurant-info-information-table .subtitle , .restaurant-info-introduce-grid .subtitle{
			font-size: 22px;
	    	font-weight: bold;
	    	color:  #000;
	    	padding-top: 25px;
		}
		.restaurant-info-information-table .left{
			width: 90px;
			// background-color: red;
		}
		.restaurant-info-information-table td{
			vertical-align: top;
		}

	/* menu */ 

	.restaurant-info-photo-title{
		height: 40px;
		// background-color: red;
		margin-bottom: 15px;
		line-height: 40px;
		vertical-align: middle;
	}
	.restaurant-info-menu{
		background-color: #999;
	    width: 100%!important;
	    max-width: 1200px;
	    left: 0px;
	    min-height: 200px;
	    position: absolute;
	    margin-top: 60px;
	    min-height: 400px;
	    background-image: url('../images/restaurant-info/menubg.jpg');
	    background-size: cover;
	    background-repeat: no-repeat;
	    position: relative;
	    width: 1200px;
	    margin: auto;

	}
		.restaurant-info-menu-box{
			padding: 50px;
			padding-left: 80px;
			z-index: 5;
		}
		.restaurant-info-menu .photo{
			background-size: cover;
			background-position: center;
		    width: 60%;
		    height: 500px;
		    top: -500px;
		    position: absolute;	    
		}
		.restaurant-info-menu .title{
			font-size: 35px;
			color: #FFF;
			margin-top: 50px;
		}
		.restaurant-info-menu .title-en{
			font-size: 16px;
		    letter-spacing: 3px;
		    margin-bottom: 30px;
		    color: #FFF;
		}
		.restaurant-info-menu .text{
			color: #FFF;
			font-size: 20px;
			width: 50%;
			line-height: 35px;
		}
		.restaurant-info-menu .more{
			width: 280px;
			height: 80px;
			background-color: #DEE7F7;
			text-align: center;
			line-height: 80px;
			margin-top: 20px;
			cursor: pointer;
    		font-size: 20px;
    		display: inline-block;
		}
			.restaurant-info-menu .more:hover{
				background-color: #B0CFDD;
			}
			.restaurant-info-menu .more:active{
				color: #FFF;
			}

/* floor info */
	.fac-table{
		display:none;
		text-align: center;
	}
	.table>thead>tr>td{
		vertical-align: middle;
		line-height: 2;
		border: 2px solid white;
		vertical-align: middle !important;
	}
    .table>tbody>tr>td{
		vertical-align: middle;
		padding: 8px 10px;
		border: 2px solid white;
		vertical-align: middle !important;
		/* line-height: 0.8; */
	}
	.fac-table thead{
		background: rgba(8, 65, 90, 0.7);
    	color: #fff;
	}
	.fac-table tbody{
		background: #f1f1f1;
	}
	.fac-table .table{
		width: 700px;
	    margin: 30px auto;
	}
	.note{
		width: 	70%;
		margin: auto;
		color: #000;
		font-size: 1rem;
		letter-spacing: 1px;
		/* ul{
			margin-left: 1.5rem;
		} */
	}
/* floor info end */


/* photo */
.restaurant-info-photo-wrap{
	background-color: #FFF;
	height: 100vh;
	width: 100%;
	position: relative;
	// margin-top: 400px;
	// border: 15px solid #FFF;
	margin: auto;
	overflow: hidden;
}
	.restaurant-info-photo-wrap .photo{
		height: 100%;
		background-size: cover;
		background-position: center;
		float: left;
		background-color: #e9e9e9;
	}
	.restaurant-info-photo-wrap .words{
		width: 45%;
		height: 100%;
		float: left;
		padding: 40px;
	}
	.restaurant-info-photo-wrap .title{
		font-size: 35px;
		color: #999;
	}
	.restaurant-info-photo-wrap .title-en{
		font-size: 16px;
	    letter-spacing: 3px;
	    margin-bottom: 30px;
	    color: #999;
	}
	.restaurant-info-photo-wrap .text{
		color: #000;
		font-size: 20px;
		line-height: 35px;
		margin-right: 50px;
	}
	.restaurant-info-photo-wrap .more{
		width: 280px;
		height: 80px;
		background-color: #DEE7F7;
		text-align: center;
		line-height: 80px;
		margin-top: 50px;
		cursor: pointer;
   		font-size: 20px;
   		position: absolute;
   		bottom: 40px;
	}



	.restaurant-info-photo-titles{
		background-color: #FFF;
		position: absolute;
		z-index: 10;
		padding-right: 10px;
	}
	.restaurant-info-photo-bigtitle{
		font-size: 22px;
		color: #999;
		margin-right: 15px;
		float: left;
		background-color: #FFF;
		z-index: 10;
	}
	.restaurant-info-photo-subtitle{
		font-size: 12px;
		letter-spacing: 3px;
		color: #999;
		float: left;
		background-color: #FFF;
		z-index: 10;
	}
	.restaurant-info-photo-line{
		width: 100%;
		background-color: #DFDFDF;
		height: 1px;
		margin-top: 20px;
		position: absolute;
		z-index: 0;
	}
	.restaurant-info-photo-socials{
		position: absolute;
		right: 0px;
		background-color: #FFF;
		z-index: 10;
		padding-left: 15px;
	}
	.restaurant-info-photo-wrap .content{
		width: 40vw;
    	height: 70vh;
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		z-index: 100;
		right: 5%;
   		top: 12%;
	}
	.restaurant-info-photo-wrap .title{
		position: absolute;
		z-index: 100;
		right: 10%;
   		top: 50%;
   		font-size: 40px;
   		color: #FFF;
   		margin-top: -40px;
	}
	.restaurant-info-photo-wrap .subtitle{
		font-size: 16px;
	    letter-spacing: 3px;
	    margin-bottom: 30px;
	    color: #FFF;
	}

	.restaurant-info-photo-wrap .facility{
		position: absolute;
	    z-index: 100;
	    right: 5%;
	    top: 37%;
	    font-size: 15px;
	    color: #666;
	    /* margin-top: -40px; */
	    background: rgba(255, 255, 255, 0.8);
	    width: 40rem;
	}
		.restaurant-info-photo-wrap .facility ul{
			margin: 35px;
			margin-left: 60px;
		}
		.restaurant-info-photo-wrap .facility .each{
			color: #666;
			margin-bottom: 20px;
			font-size: 15px;
		}
		.restaurant-info-photo-wrap .facility .title{
			position: absolute;
		    top: -20px;
		    right: auto;
		    text-shadow: 0px 0px 10px #b9b9b9;
		    /* background-color: red; */
		    width: 100%;
		    text-align: center;
		    font-size: 32px;
		}
		.restaurant-info-photo-wrap .facility .text{
			margin:50px;
			line-height:35px;
			font-size:18px;
		}
		.restaurant-info-photo-wrap .facility .line{
			background-color: #000;
			height: 4px;
			width: 70px;
			margin-top: 50px;
		}




/* Reservation */

.restaurant-info-reservation-wrap{
	background-color: #665758;
	position: relative;
	background-image: url('../images/restaurant-info/re.jpg');
	background-position: center;
	background-size: cover;
	border-top: #F0F0EF solid 50px;
}
	.restaurant-info-reservation-wrap .center{
		// background-color: #000;
		width: 300px;
		height: 150px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -150px;
		color: #FFF;
	}

.restaurant-info-reservation-wrap .center img{
	   -webkit-transition: all 0.3s; 
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
}
		.restaurant-info-reservation-wrap .center:hover > img{
				margin-left: 30px;
		}

.restaurant-info-reservation-wrap .blackcover{
		 -webkit-transition: all 0.3s; 
	    -moz-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
		opacity: 1;
}	
		.restaurant-info-reservation-wrap:hover > .blackcover{
				opacity: 0.5;
		}
	.restaurant-info-reservation-wrap .center .text-en{
		font-size: 30px;
		margin-bottom: 
	}
	.restaurant-info-reservation-wrap .center .text{
		font-size: 35px;
	}




a{
    color: inherit;
    text-decoration: none;
}
.whatever{
	padding: 50px;
}
.download-btn{
		width: 250px;
	    height: 40px;
	    background: #000;
	    margin: auto;
	    margin-top: 2rem;
	    text-align: center;
	    line-height: 40px;
	    font-size: 1.6rem;
	    letter-spacing: 2px;
	    opacity: 0.75;
	    cursor: pointer;
	    display: inline-block;
	}
	.download-btn:hover{
		opacity: 1;
	}

.restaurant-info-photo-wrap .facility .text{
	margin:50px;
	line-height:35px;
	font-size:18px;

}
.pc{
	display: block;
}
.m{
	display: none;
}
.restaurant-info-photo-wrap .facility .line{
	background-color: #000;
	height: 4px;
	width: 70px;
	margin-top: 50px;
}
.table-title{
	display: none;
}
	.restaurant-info a,a:link , .restaurant-info a:visited , .restaurant-info a:hover{ /*消除所有的底線*/
       text-decoration: none;
	}

	.restaurant-info-menu-button {
	    width: 220px;
	    height: 60px;
	    font-size: 18px;
	    position: relative;
	    margin-top: 50px;
	    line-height: 60px;
	    text-align: center;
	    color: #555;
	    cursor: pointer;
	    border: 2px solid #555;
	    display: none;
	    -webkit-transition: background-color 0.3s;
	    transition: background-color 0.3s;
	}
		.restaurant-info-menu-button:hover{
			background-color: #555;
			color: #FFF;
		}
		.restaurant-info-menu-button:active{
			line-height: 54px;
		}

/* --------------------------------------- RWD ---------------------------------------------------- */ 

@media screen and (max-width: 980px) {
	.restaurant-info-banner{
		height: 250px;
		/* background-attachment: scroll; */
		background-attachment: fixed;
		background-position: center;
	}
	.restaurant-info-introduce-grid{
		width: 100%;
		min-height: auto;

	}
	.restaurant-info-introduce-grid .title{
		margin-right: 0px;
	}
	.restaurant-info-introduce-grid .note{
		margin-right: 0px;
	}
	.restaurant-info-introduce-grid .words{
		margin-right: 0px;
	}
	.restaurant-info-introduce-grid .photo{
		width: 140%;
	    height: 250px;
	    margin: -20%;
	    margin-top: 20px;
	    position: relative;
	    display: none;
	}
	.restaurant-info-information-wrap{
		padding: 0px;
		padding-bottom: 20px;
	}
	.restaurant-info-information-right{
		width: 100%;
		// padding-bottom: 250px;
	}
	.restaurant-info-information-wrap .photo {
		width: 90%;
	    width: calc(100% - 40px);	    
	    height: 250px;
	    position: absolute;
	    bottom: 0px;
	    margin-left:auto;
	    display: none;
	}
	.restaurant-info-photo-wrap{
		height: 455px;
	}
	body[lang="en"] .restaurant-info-photo-wrap,
	body[lang="jp"] .restaurant-info-photo-wrap{
		height: 510px;
	}
	.glyphicon-chevron-left{
		margin-left: 0px !important;
		// top: 28%!important;
	}
	.glyphicon-chevron-right{
		margin-right: 0px !important;
		// top: 28%!important;
	}
	.restaurant-info-menu-button{
		width: 100%;
	}
	.restaurant-info-introduce-grid .information{
		font-size: 16px;
		line-height: 30px;
	}
	.restaurant-info-photo-wrap .facility{
		width: 90%;
	}
	.fac-table .table{
		width: 100%;
	}

	body[lang="en"] .fac-table .table,
	body[lang="jp"] .fac-table .table{
		font-size: 10px;
	}
	.restaurant-info-contact-button{
		width: 100%;
	}
	.restaurant-info-introduce-grid .words{
		font-size: 16px;
		line-height: 30px;
	}
	.restaurant-info-introduce-grid .title{
		font-size: 25px;
		margin-bottom: 0px;
	}
	.restaurant-info-introduce-linkcontainer{
		font-size: 16px;
		line-height: 30px;
	}
	.restaurant-info-introduce-grid .line{
		margin-top: 25px;
	}
	.restaurant-info-photo-wrap .facility .text{
			margin:20px;
			line-height:30px;
			font-size:15px;
	}
	.restaurant-info-photo-wrap .facility .line{
			background-color: #000;
			height: 2px;
			width: 70px;
			margin-top: 20px;
	}
	.restaurant-info-menu-button{
		width: 100% !important;
	}
	.restaurant-info-introduce-grid .photo{
		width: 100%;
		height: 50vw;
		margin: 0;
		display: block;
	}
	.restaurant-info-introduce-grid{
		margin-bottom: 0px; 
		min-height: 0;
	}
	.restaurant-info-introduce-grid .note{
		margin: 20px 0;
	}
	.note{
		letter-spacing: 0;
	}
	.coverslider_nextprev{
        margin-top: 0px !important;
        /*background-color: red;*/
    }
    .restaurant-info .promotion-content-title {
	    height: 46px !important;
	}
	.restaurant-info .promotion_slider{
		padding-bottom: 25px !important;
	}
	.restaurant-info .promotion_slider .each-wrap-in{
		padding: 0px;
	}
	.restaurant-info-introduce-grid .photo{
		display: none;
	}
	.restaurant-info-photo-wrap .facility ul {
	    margin: 20px;
	    margin-left: 35px;
	}
	.carousel-control .glyphicon-chevron-right  ,  .carousel-control .glyphicon-chevron-left{
		top: 30% !important;
	}
	.restaurant-info-reservation-wrap{
		background-position: center;
		background-size: cover;
		border-top: 0px;
	}
	.restaurant-info-information-right .title{
		font-size: 25px;
	}
	.restaurant-info-information-table .subtitle, .restaurant-info-introduce-grid .subtitle{
		font-size: 18px;
	}
	.whatever{
		padding: 20px 20px;
	}
	.each-wrap.restaurant-info-information-wrap .each-wrap-in{
		padding: 15px;
	}
	.restaurant-info-information-right .line{
		margin-top: 25px;
	}
	.pc{
		display: none;
	}
	.m{
		display: block;
	}
	.download-btn{
		width: 100%;
		margin-top: 0px;
	}
	.restaurant-info-photo-wrap .facility .line{
		margin-top: 20px;
	}
	.restaurant-info-banner{
		background-attachment: scroll;
	}
}
@media screen and (max-width: 480px) {
	
	.restaurant-info-introduce-wrap {
	    padding: 20px!important;
	}
	

}