@charset "utf-8";

/* #news
-------------------------------------------------------------------------------*/
#news #contentsWrap{
	min-height: 500px;
	background: url(../img/news/bk.png) no-repeat left bottom;
	-moz-background-size: 30% auto;
	background-size: 30% auto;
}
#news #contentsWrap #wrapL{
	float: left;
	width: 25%;
	border-right: solid thin #DDD;
	margin-top: 30px;
}
#news #contentsWrap #wrapL h2{
	font-size: 2.3em;
	margin-bottom: 30px;
}
#news #contentsWrap #wrapL h2 span{
	display: block;
	background: url(../img/common/icon_midashi_wine.gif) no-repeat left top;
	color: #961E23;
	font-size: 0.6em;
	padding-top: 5px;
}
#news #contentsWrap #wrapL li{
	background: url(../img/common/icon_list.gif) no-repeat left center;
	text-shadow: 0 0 5px #FDFBF5, 5px 0 5px #FDFBF5, 0 5px 5px #FDFBF5, 5px 5px 5px #FDFBF5, 0 -5px 5px #FDFBF5, 5px 0 5px #FDFBF5,-5px 0 5px #FDFBF5, 0 0 10px #FDFBF5, 0 10px 10px #FDFBF5, 0 -10px 10px #FDFBF5,10px 0 10px #FDFBF5,-10px 0 10px #FDFBF5, 0 0 15px #FDFBF5, 0 0 20px #FDFBF5;
	padding-left: 20px;
	margin-bottom: 0.5em;
}
#news #contentsWrap #wrapR{
	float: right;
	width: 70%;
	margin-top: 30px;
}
#news #contentsWrap #wrapR .newsBox{ margin-bottom: 30px; }
#news #contentsWrap #wrapR .newsBox .photo{
	float: left;
	width: 260px;
}
#news #contentsWrap #wrapR .newsBox .text{ margin-left: 290px; }
#news #contentsWrap #wrapR .newsBox .date{
	color: #A94536;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#news #contentsWrap #wrapR .newsBox .title{
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
#news #contentsWrap #wrapR .newsBox .excerpt{ font-size: 0.95em; }
#news #contentsWrap #wrapR .newsDetail{
	border-bottom: solid 2px #DDD;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
#news #contentsWrap #wrapR .newsDetail h3.title{
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 0.2em;
}
#news #contentsWrap #wrapR .newsDetail .date{
	background: url(../img/news/icon_date.png) no-repeat left center;
	display: inline-block;
	color: #A94535;
	font-size: 0.95em;
	vertical-align: top;
	padding-left: 20px;
}
#news #contentsWrap #wrapR .newsDetail .snsWrap{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.5em;
	margin-bottom: 20px;
}
#news #contentsWrap #wrapR .newsDetail .photo{
	text-align: center;
	margin-bottom: 10px;
}
#news #contentsWrap #wrapR .btn a{
	display: block;
	width: 240px;
	text-align: center;
	color: #FFF;
	background-color: #C99E61;
	padding: 10px;
	margin: 0 auto 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#news #contentsWrap #wrapR .btn a span{
	background: url(../img/common/icon_arrow_white.png) no-repeat right center;
	padding-right: 40px;
}
@media screen and (max-width: 768px){
	#news #contentsWrap{
		min-height: inherit;
		background: none;
	}
	#news #contentsWrap #wrapL,
	#news #contentsWrap #wrapR{
		float: none;
		width: 100%;
		border-right: none;
		margin-top: 0;
	}
	#news #contentsWrap #wrapL{
		border-bottom: solid thin #DDD;
		padding-bottom: 1em;
		margin-bottom: 20px;
	}
	#news #contentsWrap #wrapL h2{
		font-size: 1.8em;
		margin-bottom: 10px;
	}
	#news #contentsWrap #wrapL li{
		display: inline-block;
		margin: 0 0.5em;
	}
	#news #contentsWrap #wrapR .newsBox{ margin-bottom: 20px; }
	#news #contentsWrap #wrapR .newsBox .photo{ width: 180px; }
	#news #contentsWrap #wrapR .newsBox .text{ margin-left: 200px; }
	#news #contentsWrap #wrapR .newsBox .date{
		padding-top: 0;
		padding-bottom: 0.5em;
	}
	#news #contentsWrap #wrapR .newsDetail{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#news #contentsWrap #wrapR .newsDetail h3.title{ font-size: 1.4em; }
	#news #contentsWrap #wrapR .newsDetail .date{ margin-bottom: 10px; }
}
@media screen and (max-width: 500px){
	#news #contentsWrap #wrapR .newsBox .photo{ width: 120px; }
	#news #contentsWrap #wrapR .newsBox .text{ margin-left: 130px; }
	#news #contentsWrap #wrapR .newsBox .date{
		padding-top: 0;
		padding-bottom: 0.5em;
	}
	#news #contentsWrap #wrapR .newsBox .title{ font-size: 1.1em; }
	#news #contentsWrap #wrapR .newsBox .excerpt{ display: none; }
}

/* #menu
-------------------------------------------------------------------------------*/
#menu #main{ margin: 0 auto 10px; }
#menu #main #main_slide{ z-index: 0; }
#menu #localNavi01 h3{ display: none; }
#menu #localNavi01 li{
	float: left;
	width: 16.66%;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
}
#menu #localNavi01.lang li{ width: 20%; }
#menu #localNavi01 li a{
	display: block;
	border-right: solid thin #E7E7E7;
	padding: 10px 0;
}
#menu #localNavi01.lang .navi01 a,
#menu #localNavi01.lang .navi02 a,
#menu #localNavi01.lang .navi03 a{ padding-top: 20px; }
#menu #localNavi01 li:last-child a{ border-right: none; }
#menu #localNavi01 li a span{
	display: block;
	color: #CBAE63;
	font-size: 0.8em;
	font-weight: normal;
}
#menu.lunch #localNavi01 .navi01 a,
#menu.lunch #localNavi01 .navi01 a span,
#menu.steake #localNavi01 .navi02 a,
#menu.steake #localNavi01 .navi02 a span,
#menu.course #localNavi01 .navi03 a,
#menu.course #localNavi01 .navi03 a span,
#menu.shabu-shabu #localNavi01 .navi04 a,
#menu.shabu-shabu #localNavi01 .navi04 a span,
#menu.sukiyaki #localNavi01 .navi05 a,
#menu.sukiyaki #localNavi01 .navi05 a span,
#menu.kaiseki #localNavi01 .navi06 a,
#menu.kaiseki #localNavi01 .navi06 a span{
	color: #FFF;
	background-color: #545454;
}
#menu #contentsWrap{ margin-top: 30px; }
#menu #contentsWrap .contents{ background: url(../img/menu/bk.png) no-repeat 5% 70%; }
#menu #contentsWrap #wrapL{
	float: left;
	width: 28%;
}
#menu #contentsWrap #wrapL h2{
	background: url(../img/common/icon_midashi_gold.gif) no-repeat left bottom;
	font-size: 2.3em;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#menu #contentsWrap #wrapL .time{
	font-size: 1.4em;
	font-style: italic;
	border-bottom: solid thin #DDD;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
#menu.lunch #contentsWrap #wrapL .time .dinner{ display: none; }
#menu #contentsWrap #wrapL .time span{
	font-size: 0.7em;
	padding-left: 1em;
}
#menu #contentsWrap #wrapL .note{ font-size: 0.9em; }
#menu #contentsWrap #wrapR{
	float: right;
	width: 68%;
}
#menu #contentsWrap #wrapR .entry{ font-family : YuGothic, '游ゴシック', sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
#menu #contentsWrap #wrapR .entry h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background-image: url(../img/menu/midashi_line.png), url(../img/menu/midashi_line.png);
	background-repeat: repeat-x;
	background-position: left top, left bottom;
	color: #A54633;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
	padding: 15px 5px;
}
#menu #contentsWrap #wrapR .entry .price{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.5em;
}
#menu #contentsWrap #wrapR .entry .notax{
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.1em;
}
#menu.steake #contentsWrap #wrapR .entry .notax{ display: inline-block; }
#menu #contentsWrap #wrapR .entry .wrap{
	text-align: center;
	font-size: 0.9em;
}
#menu #contentsWrap #wrapR .entry table{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-top: dotted thin transparent;
	border-left: dotted thin transparent;
	margin-bottom: 50px;
}
#menu #contentsWrap #wrapR .entry table th,
#menu #contentsWrap #wrapR .entry table td{
	vertical-align: bottom;
	background-color: transparent;
	border-right: dotted thin transparent;
	border-bottom: dotted thin #DDD;
	padding: 10px;
}
#menu #contentsWrap #wrapR .entry table th{
	color: #444;
	font-size: 1.2em;
	font-weight: normal;
}
#menu #container #otherText{ text-align: center; }
#menu #localNavi02{
	background: url(../img/menu/localNavi_line.png) no-repeat center top;
	padding-top: 40px;
	margin-top: 20px;
}
#menu #localNavi02 li{
	float: left;
	width: 19%;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.2em;
	background-color: #FFF;
	margin: 0.5%;
}
#menu #localNavi02.lang li{ width: 24%; }
#menu #localNavi02 li a img{
	display: block;
	padding: 0 0 10px;
}
#menu #localNavi02.lang .navi01 a img,
#menu #localNavi02.lang .navi02 a img,
#menu #localNavi02.lang .navi03 a img{ padding-bottom: 25px; }
#menu #localNavi02 li a span{
	display: block;
	color: #CBAE63;
	font-size: 0.8em;
	font-weight: normal;
	padding-bottom: 1em;
}
#menu.lunch #localNavi02 .navi01,
#menu.steake #localNavi02 .navi02,
#menu.course #localNavi02 .navi03,
#menu.shabu-shabu #localNavi02 .navi04,
#menu.sukiyaki #localNavi02 .navi05,
#menu.kaiseki #localNavi02 .navi06{ display: none; }
@media screen and (max-width: 979px){
	#menu #main{ margin: 0 auto; }
	#menu #localNavi01{
		background-color: #545454;
		color: #FFF;
		height: auto !important;
		top: 0;
		display: block !important;
		padding: 10px;
	}
	#menu #localNavi01 a{ color: #FFF; }
	#menu #localNavi01 .localNavi h3{
		display: block;
		background: url(../img/common/h_navi_down.png) no-repeat 98% center;
		cursor: pointer;
	}
	#menu #localNavi01 .localNavi-wrapper{
		height: auto;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 1 !important;
		background-color: #595959;
		border-top: 1px solid #CCC;
		margin-top: 10px;
	}
	#menu #localNavi01 .localNavi-wrapper:after{
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}
	#menu #localNavi01 .localNavi-container li{
		float: none;
		width: 100%;
		border-bottom: 1px solid #DDD;
		text-align: left;
	}
	#menu #localNavi01 .localNavi-container li a{
		display: block;
		border: none;
		font-size: 0.9em;
		font-weight: normal;
		padding: 10px;
	}
	#menu #localNavi01.lang .navi01 a,
	#menu #localNavi01.lang .navi02 a,
	#menu #localNavi01.lang .navi03 a{ padding-top: 10px; }	
	#menu #localNavi01 .localNavi-container li a br{ display: none; }
	#menu #localNavi01 .localNavi-container li a span{ display: none; }
	#menu #localNavi01 .localNavi.enabled .localNavi-wrapper{
		overflow: hidden;
		display: none;
	}
	#menu #contentsWrap #wrapR .entry h3{
		font-size: 1.3em;
		padding: 10px 5px;
	}
	#menu #contentsWrap #wrapR .entry .price{ font-size: 1.3em; }
	#menu #contentsWrap #wrapR .entry table{ margin-bottom: 30px; }
	#menu #contentsWrap #wrapR .entry table th,
	#menu #contentsWrap #wrapR .entry table td{ padding: 5px 10px; }
	#menu #contentsWrap #wrapR .entry table th{ font-size: 1.1em; }
}
@media screen and (max-width: 768px){
	#menu #contentsWrap{ margin-top: 0; }
	#menu #contentsWrap .contents{ background: none; }
	#menu #contentsWrap #wrapL,
	#menu #contentsWrap #wrapR{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#menu #contentsWrap #wrapL h2{
		font-size: 1.8em;
		margin-bottom: 15px;
	}
	#menu #contentsWrap #wrapL h2 br{ display: none; }
	#menu #contentsWrap #wrapL .time{ font-size: 1.2em; }
	#menu #contentsWrap #wrapL .time span{ font-size: 0.8em; }
	#menu #localNavi02{
		padding-top: 30px;
		margin-top: 10px;
	}
	#menu #localNavi02 li{
		width: 32.33%;
		font-size: 1em;
	}
	#menu #localNavi02.lang .navi01 a img,
	#menu #localNavi02.lang .navi02 a img,
	#menu #localNavi02.lang .navi03 a img{ padding-bottom: 10px; }
}
@media screen and (max-width: 499px){
	#menu #contentsWrap #wrapR .entry table th,
	#menu #contentsWrap #wrapR .entry table td{
		display: block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#menu #contentsWrap #wrapR .entry table th{ border-bottom: none; }
}

/* #floor
-------------------------------------------------------------------------------*/
#floor #contentsWrap{ padding-bottom: 10px; }
#floor #contentsWrap .contents{ margin-top: 30px; }
#floor #contentsWrap h2{
	width: 320px;
	float: left;
	font-size: 2.3em;
	letter-spacing: 0.1em;
}
#floor #contentsWrap h2 span{
	background: url(../img/common/icon_midashi_wine.gif) no-repeat left top;
	display: block;
	font-size: 0.6em;
	color: #961E23;
	letter-spacing: normal;
	padding-top: 5px;
}
#floor #contentsWrap .comment{
	font-size: 1.1em;
	padding-top: 10px;
	margin-left: 320px;
}
#floor #contentsWrap #boxWrap{
	width: 100%;
	max-width: 1920px;
	padding-top: 50px;
	margin: 0 auto;
}
#floor #contentsWrap .box{
	width: 100%;
	max-width: 1400px;
	background-color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	margin-left: 0;
	margin-bottom: 50px;
}
#floor #contentsWrap .box:nth-child(even){
	flex-direction: row-reverse;
	margin-left: auto;
	margin-right: 0;
}
#floor #contentsWrap .box .img{
	flex-basis: 70%;
	align-self: center;
}
#floor #contentsWrap .box .img img{
	display: block;
	max-width: 100%;
	height: auto;
}
#floor #contentsWrap .box .text{
	flex-basis: 30%;
	align-self: center;
	padding: 2.5%;
}
#floor #contentsWrap .box .text h3{
	color: #961E23;
	font-size: 1.8em;
	font-weight: normal;
}
#floor #contentsWrap .box .text p{ padding-top: 1em; }
@media screen and (max-width: 1400px){
	#floor #contentsWrap #boxWrap{ width: 98%; }
	#floor #contentsWrap .box .img{ flex-basis: 60%; }
	#floor #contentsWrap .box .text{
		flex-basis: 40%;
		padding: 2%;
	}
}
@media screen and (max-width: 1200px){
	#floor #contentsWrap h2{
		width: 250px;
		font-size: 2em;
	}
	#floor #contentsWrap .comment{ margin-left: 250px; }
	#floor #contentsWrap .box .text{ padding: 1% 2%; }
	#floor #contentsWrap .box .text h3{ font-size: 1.4em; }
	#floor #contentsWrap .box .text p{ padding-top: 0.5em; }
}
@media screen and (max-width: 768px){
	#floor #contentsWrap .contents{ margin-top: 0; }
	#floor #contentsWrap h2{
		width: 100%;
		float: none;
		font-size: 1.8em;
		letter-spacing: normal;
	}
	#floor #contentsWrap .comment{
		font-size: 1em;
		margin-left: 0;
	}
	#floor #contentsWrap #boxWrap{ padding-top: 0; }
	#floor #contentsWrap .box{
		display: block;
		margin-bottom: 30px;
	}
	#floor #contentsWrap .box .text{ padding: 2% 1%; }
	#floor #contentsWrap .box .text h3{ font-size: 1.2em; }
}

/* #access
-------------------------------------------------------------------------------*/
#access #contentsWrap .contents{ margin-top: 30px; }
#access #contentsWrap h2{
	font-size: 2.3em;
	letter-spacing: 0.1em;
}
#access #contentsWrap h2 span{
	background: url(../img/common/icon_midashi_wine.gif) no-repeat left top;
	display: block;
	font-size: 0.6em;
	color: #961E23;
	letter-spacing: normal;
	padding-top: 5px;
}
#access #contentsWrap .boxWrap{
	padding-bottom: 20px;
	margin-top: 50px;
}
#access #contentsWrap .boxWrap .wrapL{
	float: left;
	width: 48%;
}
#access #contentsWrap .boxWrap .wrapR{
	float: right;
	width: 48%;
}
#access #contentsWrap .boxWrap h3{
	color: #961E22;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 0.5em;
}
#access #contentsWrap .boxWrap table{ width: 100%; }
#access #contentsWrap .boxWrap table th{
	font-weight: bold;
	vertical-align: top;
}
#access #contentsWrap .boxWrap table th,
#access #contentsWrap .boxWrap table td{
	border-bottom: dotted thin #CCC;
	padding: 0.5em;
}
#access #contentsWrap .boxWrap .table01 th{ width: 5em; }
#access #contentsWrap .boxWrap .table02 th{ width: 9em; }
#access #contentsWrap .btn a{
	display: block;
	max-width: 400px;
	text-align: center;
	background-color: #C99E61;
	color: #FFF;
	margin: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#access #contentsWrap .btn a span{
	display: inline-block;
	background: url(../img/home/access_icon.png) no-repeat left center;
	padding: 15px 0 15px 50px;
}
#access #contentsWrap .boxWrap .googleMap{
	position: relative;
	padding-bottom: 35%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
#access #contentsWrap .boxWrap .googleMap iframe,
#access #contentsWrap .boxWrap .googleMap object,
#access #contentsWrap .boxWrap .googleMap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px){
	#access #contentsWrap .contents{ margin-top: 0; }
	#access #contentsWrap h2{
		font-size: 1.8em;
		letter-spacing: normal;
	}
	#access #contentsWrap .boxWrap{
		padding-bottom: 10px;
		margin-top: 20px;
	}
	#access #contentsWrap .boxWrap .wrapL,
	#access #contentsWrap .boxWrap .wrapR{
		float: none;
		width: 100%;
	}
	#access #contentsWrap .boxWrap img{
		display: block;
		margin: 20px auto 0;
	}
	#access #contentsWrap .boxWrap h3{ font-size: 1.4em; }
	#access #contentsWrap .boxWrap .table01 th{ width: 4em; }
	#access #contentsWrap .boxWrap .table02 th{ width: 8em; }
	#access #contentsWrap .btn a{
		max-width: 280px;
		margin: 20px auto 0;
	}
	#access #contentsWrap .btn a span{ padding: 15px 0 15px 35px; }
	#access #contentsWrap .boxWrap .googleMap{ padding-bottom: 45%; }
}

/* #error
-------------------------------------------------------------------------------*/
#error #contentsWrap .btn a{
	display: block;
	width: 240px;
	text-align: center;
	color: #FFF;
	background-color: #C99E61;
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#error #contentsWrap .btn a span{
	background: url(../img/common/icon_arrow_white.png) no-repeat right center;
	padding-right: 40px;
}