@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);
	color: #fff;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
.pc { display: none; }
a:hover { opacity: 0.7; }
h2 img {
	width: 100%;
	max-width: 480px;
}
.mt10 { margin-top: 10px; }
/* IE8～11はメイリオ */
@media screen\0 {
  body {
    font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  }
}

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}

.primaryContainer {
     width: 100%;
     position: relative;
     min-height: 100%;
}
.pc {display: none; }
.fw { color: #fff; }

/* ヘッダーナビ　*/

/*ハンバーガーメニューデフォルトオープンの場合はここから*/

#menu{
    display: none;
}

#menu li{
    width: 100%;
}

/*ここまでコメントアウト*/

#toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #000;
}
  
#toggle a{
    display: block;
    position: relative;
    padding: 5px 0 5px;
    border-bottom: 1px solid #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#h_nabi {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
}

#h_nabi ul {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
}

#h_nabi li {
	width: 100%;
	float: left;
	overflow: hidden;
	height: auto;
	background: #000;
	text-align: center;
	line-height: 3;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

#h_nabi li a {
	color: #fff;
	text-decoration: none;
	width: 100%;
}

#h_nabi li:hover {
	background-color: #3A3A3A;
}

/* ここまで　*/

/*　ハンバーガー　*/

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menu-trigger {
	position: relative;
	width: 100%;
	height: 44px;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 35px;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
	top: 10px;
	left: 10px;
}

.menu-trigger span:nth-of-type(2) {
	top: 20px;
	left: 10px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 10px;
	left: 10px;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
/* スマホ　スライダー */
/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}

 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}
/*　リード　*/
.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: 94%;
	max-width: 820px;
	margin: 0 auto;
	padding: 25px 0;
}
.lead h1 {
	font-weight: bold;
	line-height: 2.5;
}

.lead p { margin: 0 1%;}

/*　最新情報　*/
.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;
}

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

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

.date { margin-right: 10px;}
.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;
	float: right;
}

.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: #fff;
    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: 25px 0 0 0;	
}

.menu ul li {
	width: 100%;
	margin-bottom: 20px;
}

.menu ul li p { margin: 0 20px; }
.menu ul li img {
    width: 100%;
    max-width: 380px;
}

/* 店舗案内 */
.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: 820px;
	margin: 0 auto;
	padding: 25px 0 0 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 {
	max-width: 590px;
	margin-bottom: 40px;
}

.goryoukaku {
	max-width: 590px;
	margin-bottom: 40px;
}

.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 {
	margin: 25px 0;
}

.f_link li { }

.f_link a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
}

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

.log { }

address {
	width: 100%;
	text-align: right;
	margin-top: 80px;
}

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

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

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

.box_l {
    max-width: 590px;
    margin-bottom: 20px;
}

.box_r {
    max-width: 590px;
    margin-bottom: 20px;
}

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

.bn img {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.comming {
	margin: 100px auto;
}

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

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

.sitemap h2 { text-align: center; }
.sitemap h2 img {
	max-width: 820px;
	display: block;
	margin: 0 auto 50px;
}
.sitemap ul li {
	font-size: 1.25rem;
	margin: 20px auto;
}

.sitemap ul li a {
	color: #231815;
	text-decoration: none;
	margin-left: 40px;
}
/*　メニュー　*/
/* タブ　*/

.tab_area{
	overflow:hidden;
	text-align: center;
}

.tab_area ul {
	}

.tab_area li{
	display: inline-block; 
	background: #fff; 
	cursor: pointer; 
	position: relative; 
	width:98%;
	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; 
} 

.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: 20px; }
.menu_lt {
	width: 98%;
	max-width: 820px;
	margin: 0 auto ;
}

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

.l_menu {
	width: 100%;
	max-width: 740px;
	margin:0 auto 20px;
}

.r_menu {
	width: 100%;
	max-width: 740px;
	margin:0 auto 20px;
}

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