@charset "UTF-8";

/*
------------------------------------------------------------------------------------
*
*
*		MENU
*
*
------------------------------------------------------------------------------------
*/
#gnav li.menu .hv {
	border-bottom:1px solid;
}


/*
------------------------------------------------------------------------------------
*
*
*		Main Image
*
*
------------------------------------------------------------------------------------
*/
	@media only screen and (max-width: 640px) {
		#sec_main_image {
			margin-top:100px;
		}
			#main_image {
				max-height:380px;
				min-height:380px;
				height:380px;
			}
				#main_image img {
					left: 0;
					position: absolute;
					top: -20px;
				}
	}



/*
------------------------------------------------------------------------------------
*
*
*		Section Image
*
*
------------------------------------------------------------------------------------
*/
/*
.sec_image figure {
	height:auto;
	max-height:800px;
	min-height:663px;
	overflow:hidden;
}
	.sec_image figure img {
		width:100%;
	}

	@media only screen and (max-width: 640px) {
		.sec_image {
			margin-top:100px;
			margin-bottom:-57px;
		}
			.sec_image figure {
				max-height:none;
				min-height:auto;
			}
	}

*/

/*
------------------------------------------------------------------------------------
*
*
*		section menu
*
*
------------------------------------------------------------------------------------
*/
#sec_menu {
	margin:0 auto;
	text-align:center;
	height:222px;
	position:relative;
	z-index:1000;
}
	@media only screen and (max-width: 640px) {
		#sec_menu {
			height:192px;
		}
	}
#sec_menu .wrapper {
	background-color:#000;
	left: 0;
	position: relative;
	right: 0;
	top: 0;
	margin:0 auto;
	text-align:center;
	height:222px;
}
	#sec_menu_wrap.fixed {
		position: fixed;
		top: -125px;
	}

	#sec_menu .wrapper h1.page_title {
		font-size: 36px;
		font-weight: 900;
		height: 66px;
		letter-spacing: 4px;
		margin-bottom: 70px;
		padding-top: 66px;
	}
		@media only screen and (max-width: 640px) {
			#sec_menu .wrapper h1.page_title {
				font-size: 36px;
				height: 87px;
				margin-bottom: 0;
				padding-top: 30px;
			}
		}

	#sec_menu #menu_nav ul {
		text-align:center;
	}
		#sec_menu #menu_nav li,
		#sec_menu #menu_nav li a {
			color: #fff;
			display: block;
			font-size: 23px;
			font-weight: 900;
			height: 80px;
			line-height: 70px;
			width: 193px;
			cursor:pointer;
		}
			#sec_menu #menu_nav li a {
				position:relative;
				z-index:10;
			}
		#sec_menu #menu_nav li {
			display:inline-block;
			position:relative;
		}
			#menu_nav li .hv {
				border-bottom:1px solid transparent;
				height:53px;
				width:70px;
				position:absolute;
				top:0;
				left:0;
				right:0;
				margin:0 auto;
				z-index:0;
				-webkit-transition: border 0.3s ease-in-out 0s;
				transition: border 0.3s ease-in-out 0s;
			}
				#menu_nav li.current .hv,
				#menu_nav li:hover .hv {
					border-bottom:1px solid;
				}
			#menu_nav li.food .hv {
				width:58px;
			}
			#menu_nav li.drink .hv {
				width:68px;
			}
			#menu_nav li.wine .hv {
				width:56px;
			}
			#menu_nav li.lunch .hv {
				width:72px;
			}

		@media only screen and (max-width: 640px) {

			#sec_menu #menu_nav {
				padding-top:0;
			}
				#sec_menu #menu_nav.scroll_down {
					padding-top:40px;
				}

				#sec_menu #menu_nav li,
				#sec_menu #menu_nav li a {
					font-size: 28px;
					height: 95px;
					letter-spacing: 4px;
					line-height: 81px;
					width: 151px;
				}

				#sec_menu #menu_nav li {
					display:inline-block;
					position:relative;
				}
					#menu_nav li .hv {
						height: 72px;
						width: 108px;
					}
				#menu_nav li.food .hv {
					width:83px;
				}
				#menu_nav li.drink .hv {
					width:97px;
				}
				#menu_nav li.wine .hv {
					width:83px;
				}
				#menu_nav li.lunch .hv {
					width:107px;
				}
		}


/*
------------------------------------------------------------------------------------
*
*
*		Contents
*
*
------------------------------------------------------------------------------------
*/

.wrapper .content {
	width:800px;
	margin:0 auto;
	padding:0 0 40px;
}
	@media only screen and (max-width: 640px) {

		.wrapper .content {
			width:640px;
			padding:0 40px 40px;
		}
	}

	.content h2 {
		font-size: 40px;
		height: 100px;
		text-align: center;
		letter-spacing:2px;
	}
	@media only screen and (max-width: 640px) {

			.content h2 {
				font-size: 35px;
			}
	}

	.content h4 {
		font-size: 25px;
		height: auto;
		text-align: center;
	}
		.content h4 span {
			font-size:13px;
			font-weight:500;
			display: inline-block;
		}
		.content h4.week_end_lunch_menu {
			margin:40px 0 0px;
			font-size:34px;
		}
		.content h4.alacarte_appetizer.appetizer {
			margin-top:60px;
		}

	.content h4.btn {
		background-image:url(../img/menu/spr_icons.jpg),
				url(../img/menu/btn_arrow.png);
		background-repeat:no-repeat,
				no-repeat;
		background-position:right top,
				21px 52px;
		background-color:#0e0e0e;
		font-size: 21px;
		height: 115px;
		letter-spacing: 1px;
		line-height: 27px;
		margin: 10px 0 0;
		padding: 30px 0 0 104px;
		text-align: left;
	}
		.content h4.btn > span {
			text-indent:0;
		}
/*
		.content h4.btn.open {
			background-image:url(../img/menu/spr_icons.jpg),
					url(../img/menu/btn_arrow_close.png);
		}
*/
		.content h4.btn.kuroge_wagyu_alacarte {
			background-position:right -116px,
					21px 52px;
		}
		.content h4.btn.steak {
			background-position:right -233px,
					21px 52px;
		}
		.content h4.btn.alacarte_appetizer {
			background-position:right -348px,
					21px 52px;
		}
		.content h4.btn.dessert {
			background-position:right -463px,
					21px 52px;
		}

	@media only screen and (max-width: 640px) {

			.content h4 {
				font-size: 25px;
				height: auto;
				text-align: center;
			}
				.content h4 span {
					font-size:20px;
					display:inline;
				}
				.content h4.week_end_lunch_menu {
					margin:64px 0 0px;
					font-size:34px;
				}
		
			.content h4.btn {
				background-image:url(../img/menu/sp/spr_icons.jpg),
						url(../img/menu/btn_arrow.png);
				font-size: 21px;
				height: 110px;
				line-height: 27px;
				padding: 30px 0 0 104px;
			}
/*
				.content h4.btn.open {
					background-image:url(../img/menu/sp/spr_icons.jpg),
							url(../img/menu/btn_arrow_close.png);
				}
*/
					.content h4.btn > span {
						font-size:17px;
						text-indent:0;
					}

				.content h4.btn.kuroge_wagyu_alacarte {
					background-position:right -112px,
							21px 52px;
				}
				.content h4.btn.steak {
					background-position:right -224px,
							21px 52px;
				}
				.content h4.btn.alacarte_appetizer {
					background-position:right -336px,
							21px 52px;
				}
				.content h4.btn.dessert {
					background-position:right -448px,
							21px 52px;
				}
	}


.commodity_list_wrap.close {
	display:none;
}

	.content .commodity_list {
		display:inline-block;
		height:auto;
		width:100%;
		margin:25px 0 60px;
	}
		.content .commodity_list > li {
			margin-bottom:21px;
		}
			.content .commodity_list > li.special {
				border:2px solid #fff;
				padding:15px 20px;
				margin-top:40px;
			}
			.content .commodity_list > li.line {
				border-top:2px solid #fff;
				margin:35px 0 30px;
			}
			.content .commodity_list > li .title {
				border-bottom:2px dotted #fff;
				height:19px;
			}
				.content .commodity_list > li.type002 .title {
					height:45px;
				}
				.content .commodity_list > li.type003 .title {
					border-bottom:none;
				}
				.content .commodity_list > li .title.type003 {
					height:72px;
				}
					.content .commodity_list > li .title.type003 .dtl {
						padding-left:1em;
					}
				.content .commodity_list > li .title.no_line {
					border-bottom:2px solid transparent;
				}

				.content .commodity_list > li .name,
				.content .commodity_list > li .price {
					background-color:#000;
				}
				.content .commodity_list > li .name {
					float: left;
					font-size: 17px;
					letter-spacing: 1.5px;
				}
					.content .commodity_list > li.special .name {
					    float:none;
					}
					.content .commodity_list > li .name span {
						font-size:15px;
					}
				.content .commodity_list > li .price {
					float:right;
					font-size: 19px;
					padding-left:8px;
					position:relative;
					top:-2px;
					text-align:right;
				}
					.content .commodity_list > li.special .price {
					    top:0;
					    float:none;
					}
					.content .commodity_list > li .price span {
						font-size:0.7em;
					}
					.content .commodity_list > li.type002 .title .price {
						top:23px;
					}
					.content .commodity_list > li .title.type003 .price {
						top:50px;
					}

			.content .commodity_list > li .desc {
				display: inline-block;
				font-size: 15px;
				width: 100%;
			}
				.content .commodity_list > li.special .desc {
				    letter-spacing:2px;
				    line-height:1.8;
				}
				.content .commodity_list > li .desc .price_glass {
					float:right;
				}

	@media only screen and (max-width: 640px) {

			.content .commodity_list {
				display:inline-block;
				margin:25px 0 48px;
			}
				.content .commodity_list > li {
					margin-bottom:30px;
				}
					.content .commodity_list > li.line {
						margin:35px 0 30px;
					}
					.content .commodity_list > li .title {
						height:32px;
					}
						.content .commodity_list > li.type101 .title {
						    height:70px;
						}
						.content .commodity_list > li .title.no_line {
							border-bottom:2px solid transparent;
						}
		
						.content .commodity_list > li .name,
						.content .commodity_list > li .price {
							background-color:#000;
						}
						.content .commodity_list > li .name {
							float: left;
							font-size: 25px;
							letter-spacing: 1.5px;
						}
							.content .commodity_list > li .name span {
								font-size:1em;
							}
							.content .commodity_list > li .name span.kana {
								font-size:0.7em;
							}
						.content .commodity_list > li .price {
							font-size: 26px;
							padding-left:7px;
							top:2px;
						}
							.content .commodity_list > li.type101 .price {
								top:40px;
							}
							.content .commodity_list > li .price.long_name {
							    position:relative;
							    top: -13px;
							    background-color: transparent;
							    width:100%;
							}
							.content .commodity_list > li .price .txbr {
							    position:relative;
							    top:-17px;
							}

					.content .commodity_list > li .desc {
						font-size: 16px;
						letter-spacing:2px;
						margin-bottom:10px;
					}
						.content .commodity_list > li .desc .price_glass {
							font-size:20px;
						}


						.content .commodity_list > li.type002 .title {
							height:78px;
						}
							.content .commodity_list > li.type002 .title .name {
								line-height:22px;
								width:100%;
							}
							.content .commodity_list > li.type002 .title .price {
								top:0;
							}
								.content .commodity_list > li.type002.simi .title .price {
									margin-top:-28px;
								}
							.content .commodity_list > li.type002 .desc {
								margin-bottom:30px;
							}

				.content .commodity_list > li .title.type102 {
					height:45px;
					margin-bottom:8px;
				}
					.content .commodity_list > li .title.type102 .name {
						line-height:20px;
					}
					.content .commodity_list > li .title.type102 .price {
						position:relative;
						top:14px;
					}

				.content .commodity_list > li.other .title {
					height:21px;
					margin-bottom:18px;
				}
					.content .commodity_list > li.other .name {
						font-size:17px;
					}
					.content .commodity_list > li.other .price {
						position:relative;
						top:-9px;
					}
						.content .commodity_list > li.other .title.type003 {
							height:100px;
						}
							.content .commodity_list > li .title.type003 .price {
								top:70px;
							}


	}

.content .note {
	font-size:15px;
	margin-bottom:100px;
}
.content .note_end {
	font-size:17px;
	margin-bottom:220px;
}
	@media only screen and (max-width: 640px) {

		.content .note {
			font-size:25px;
			margin-bottom:50px;
		}
		.content .note_end {
			font-size:25px;
			margin-bottom:70px;
		}
	}

.sec_image {
	margin:0 0 70px;
}

	.sec_image figure > img {
		margin:0 auto;
		display:block;
		width:100%;
	}

	@media only screen and (max-width: 640px) {
		.sec_image {
			margin:0 0 45px;
		}
	}