@charset "utf-8";
/* CSS Document */
html {
  min-height: 100%;
  position: relative;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 2.5;
	border-width: medium;
	background-image: url(../img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #030116;
	color: #fff;
	height: 100%;
}

.primaryContainer {
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

.sp { display: none; }
a:hover { opacity: 0.7; }
.fw { color: #fff; }
.mt10 { margin-top: 10px; }
/* ページトップ　*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
	z-index:99999;
}
.pagetop a {
    display: block;
	text-indent:-9999px;
	width:30px;
	background-image: url(../img/pagetop.png);
	background-repeat:no-repeat;
	background-position: center;
    padding: 20px 10px;
	background-size: 100%;
	opacity: 0.8;
}

/* ヘッダー */
header {
	width:100%;
    height: 50px;
    padding: 10px 0;
	background-color: #000;
}

.head {
	width: 40% ;
	padding-left: 2% ;
	float: left;
	height: 40px;
}

.head img { max-width: 320px; }

header nav {
	width: 56%;
	padding-right: 2%;
	float: left; 
	margin-top: 5px;
}

header nav ul { float: right; }

header nav ul li {
	float: left;
	width: 16.6%;
	max-width: 160px;
}

header nav ul li img {
	display: block;
	width: 100%;
}

/*　リード　*/
.lead_wrap {
	background-image: url(../img/bg2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #3b3b3b;
}
.lead {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 25px 0 50px;
}
.lead h1 {
	text-align: center;
	font-weight: bold;
	line-height: 2.5;
	font-size: 1.25rem;
}

/*　最新情報　*/
.info {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 50px 0;
}

.info ul li{
	padding : 10px 2.5%;
	margin: 0 5%;
	border-bottom:#D3AF18 1px solid;
}

.info ul li a {
	color: #ffffff;
	text-decoration: none;
	margin-left: 40px;
}

/*.info ul li:last-child { border: none; } */

.info_list { 
	display: block;
	text-align: right;
	margin-right: 50px;
}

.date { margin-right: 50px;}
.infomation, .goryoukaku_info, .honten_info, .tenpo_info, .hitsujinoie_info, .asaichi_info, .asago_info, .asahon_info, .daimon_info {
	margin-right: 10px;
    width: 145px;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
}

.infomation { background-color: #D69727; }
.goryoukaku_info { background-color: #9E2533; }
.honten_info { 
	background-color: #844812;
    letter-spacing: 10px;
    text-indent: 10px;
}
.tenpo_info { 
	background-color: #E56107;
    letter-spacing: 10px;
    text-indent: 10px;
}
.hitsujinoie_info { 
	background-color: #0d5249;
    letter-spacing: 10px;
    text-indent: 10px;
}
.asaichi_info {
	background-color: #a0083a;
    letter-spacing: 10px;
    text-indent: 10px;
}
.asago_info { background-color: #7b4d04; }
.asahon_info { background-color: #394a59; }
.daimon_info { 
	background-color: #6B4C52; 
	font-size: 0.75rem;
}
/* メニュー */
.menu {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 50px 0;	
}

.menu ul li {
	width: 50%;
	float: left;
}

.menu ul li p { margin: 0 20px; }
.menu ul li img {
	width: 380px;
	margin-left: 30px;
}

/* 店舗案内 */
.shop_wrap {
	background-image: url(../img/bg2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #3b3b3b;
}

.shop_lt {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}

.shop_lt h2 img {
	max-width: 820px;
	display: block;
	margin: 0 auto 50px;
}

.shop_lt dl { margin: 10px; }
.shop_lt dl dt {
	width: 70px;
	float: left;
}
.shop_lt dl dd {
	margin-left: 100px;
}


.honten {
	width: 48%; 
	max-width: 590px;
	margin-right: 2%;
	float: left;
}

.goryoukaku {
	width: 48%; 
	max-width: 590px;
	margin-left: 2%;
	float: left
}

.shop_lt h3 img, .shop_lt h4 img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

/* フッター */

footer {
	width: 100%;
	background-color: rgba(59,59,59,0.80);
}

.f_link {
	width: 40%;
	float: left;
	margin: 25px 0;
}

.f_link li {
	width: 50%;
	float: left;
}

.f_link a {
	color: #fff;
	text-decoration: none;
}

.foot { 
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
    padding-top: 20px;
}

.log {
	width: 30%;
	float: left;
}

address {
	float: right;
	width: 30%;
	text-align: right;
	margin-top: 20px;
}

.cp_right {
	border-top: 1px solid #fff;
	text-align: center ;
}

/*  固定ページ */ 
#hero_sub img { width: 100%; }

/*　店舗詳細 */
.details {
	
}

.box_l {
	width: 48%; 
	max-width: 590px;
	margin-bottom: 20px;
	margin-right: 2%;
	float: left;
}

.box_r {
	width: 48%; 
	max-width: 590px;
	margin-bottom: 20px;
	margin-left: 2%;
	float: left
}

.box_l img, .box_r img {
	display: block;
	width: 100%;
}

.map {
	width: 100%;
}

.map iframe {
	height: 300px;
	width: 100%;
}

/* 予約バナー */
.bn {
	width: 100%;
	max-width: 820px;
	margin: 0 auto 50px;
}

.comming {
	margin: 100px auto;
}

.comming img {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	display: block;
}

/* サイトマップ */
.sitemap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;	
}

.sitemap h2 { text-align: center; }

.sitemap ul li {
	font-size: 1.5rem;
	margin: 20px auto;
}

.sitemap ul li a {
	color: #231815;
	text-decoration: none;
	margin-left: 40px;
}

/*　メニュー　*/
/* タブ　*/
.fss { font-size: 0.9rem; }
.info_tab { margin-bottom: 20px; }
.tab_area{
	overflow:hidden;
	text-align: center;
	height: 50px;
	font-size:0.8vw;
}

.tab_area ul {
	}

.tab_area li{
	display: inline-block; 
	background: #fff; 
	cursor: pointer; 
	position: relative; 
	width:24%;
	border:none; 
	border-bottom: 1px solid transport; 
	color: #212121; 
	text-align:center; 
	padding: 0.5px 0; 
	border-radius: 2px;
	box-sizing: border-box;
}

.tab_area li.select { 
	color: #212121; 
	background:#E9CA8A;
	box-sizing: border-box;
} 
.tab_area li.select > a{ 
	color: #ffffff; 
	background: #333; 
	cursor: default; 
} 
.tab_area li.select:before{ 
	content: ""; 
	border-left: 10px dashed transparent; 
	border-right: 10px solid transparent; 
	border-top: 10px solid #E9CA8A; 
	position: absolute; 
	left: 50%; 
	margin-left: -8px; 
	bottom: -10px; 
	box-sizing: border-box;
}

.hide{display:none;}
.menu_info h2 { text-align: center; }
.menu_wrap { margin: 30px 0 60px ; }
.menu_wrap p { margin: 0 10px; }
.menu_box h2 { font-size: 2rem;}
.menu_box { margin-bottom: 50px; }
.menu_lt {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto ;
	padding-bottom: 50px;
}

.l_menu img, .r_menu img {
	width: 100%;
	display: block;
	margin: 0;
}

.l_menu {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.r_menu {
	float: right;
	width: 48%;
	margin-left: 2%;
	margin-bottom: 20px;
}

.name { font-size: 1.2rem ;}
.price { 
	color: #fc0000;
	margin-left: 2%;
	float: right;
}
.tax { 
	font-size: 0.8rem; 
	color: #fff;
}

.r_menu dl { margin: 0 10px;}

.l_menu dl {
	width: 50%;
	float: left;
}

.l_menu dl dt, .l_dl dt, .r_dl dt {
	float: left;
	width: 40%;
}
.r_menu dl dd {
	width: 60%;
}
.r_menu dl dt {
	font-size: 1.5rem;
	width: 40%;
	float: left;
}
.r_menu dl dd { float: right; }

.l_dl {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.r_dl {
	float: right;
	width: 48%;
	margin-left: 2%;
}
.tabeho img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.red { color: #fc0000; }
/* 本店　夜営業 */
.ml5r{ margin-left: 6rem; }