html:not(.responsive) {
	min-width: 1000px; /* viewport */
}



/*=============================================
 * body
 *=============================================*/

body {
	color: #000;	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 15px;
    line-height: 35px;
    letter-spacing: 0.1em;
	background: url("../img/shared/bg.jpg") 0 0 repeat;
	min-width: inherit;
	min-height: inherit;
	max-height: 100%;
}



/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}



/*=============================================
 * <main>
 *=============================================*/

main {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}



/*=============================================
 * <header>
 *=============================================*/

header {
}
header h1 {
}
header .logo {
}
header .tel {
}
header nav {
}



/*=============================================
 * key
 *=============================================*/

#key {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 500px;
	position: relative;
}
#key ul {
	min-height: inherit;
}
#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



/*=============================================
 * <section>
 *=============================================*/

section {
}

@-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 5px, 0);
	  transform: translate3d(0, 5px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 5px, 0);
	  transform: translate3d(0, 5px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
  }


/*=============================================
 * <footer>
 *=============================================*/

footer {
	text-align: center;
}
footer .logo {
}
footer .tel {
}
footer nav {
}



/*=============================================
 * .socialbuttons
 *=============================================*/

footer .socialbuttons {
}



/*=============================================
 * copyright
 *=============================================*/

address {
}
/*=============================================
 * Rubi
 *=============================================*/
header {
  padding-top: 95px;
  position: relative; }
  header h1 {
    position: absolute;
    top: 47px;
    right: 15px;
    color: #7b7b7b;
    line-height: 24px;
    font-size: 13px; }
  header .content {
    margin-left: -77px; }
    header .content .nav-fl {
      margin-left: 22px; }
  header #key {
    position: absolute;
    top: 95px;
    right: 0;
    height: 740px;
    width: calc(50% + 186px);
    background-color: #000; }
    header #key li {
      width: 100%;
      height: 740px; }
    header #key .slide-fade {
      position: initial;
top: 120px;}
    header #key .slide1 {
      background: url("../img/index/key1.jpg") center 0/cover no-repeat; }
    header #key .slide2 {
      background: url("../img/index/key2.jpg") center 0/cover no-repeat; }
    header #key .slide3 {
      background: url("../img/index/key3.jpg") center 0/cover no-repeat; }
  header .nav-fixed {
    width: 100%;
    background: url("../img/shared/bg_fix_on.jpg") center 0 repeat-x;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
		transition: 0.3s;
}
  header .nav-fixed.fixed {
    opacity: 1;
    visibility: visible; }
  header .wrap-btn {
    position: fixed;
		z-index: 100;
    right: 0;
    top: 92px; }
    header .wrap-btn .btn1 {
      margin-bottom: 6px; }

footer {
  color: #fff;
  padding-bottom: 60px; }
  footer .row {
    margin-bottom: 32px;
    padding-bottom: 26px;
    position: relative;
    text-align: left; }
footer .row:before{
	width: 900px;
	height: 1px;
	background-color: #b8b4ac;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
    footer .row .left .btn1 {
      margin-left: 58px; }
    footer .row .right {
      padding-top: 83px; }
      footer .row .right dl {
        display: table;
        font-size: 14px;
        line-height: 28px;
        text-align: left;
        margin-bottom: 18px; }
        footer .row .right dl dt {
          width: 178px; }
        footer .row .right dl dt, footer .row .right dl dd {
          display: table-cell; }
  footer .nav-inline {
    line-height: 28px;
    margin-bottom: 50px; }
  footer #socialbuttons {
    margin-bottom: 12px; }
  footer address {
    line-height: 28px;
    font-weight: 500; }
  footer .cookies_link {
    line-height: 28px;
    font-size: 12px;
    color: #aeabab;
    font-weight: 500; }

.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.bg1 {
  background: url("../img/shared/bg1.jpg") 0 0 repeat; }

.btn-cus {
  background: url("../img/shared/bg_bd.jpg") 0 0 repeat-x;
  width: 388px;
  height: 54px;
  box-sizing: border-box;
  position: relative;
border: 1px solid #9a9996;}
  .btn-cus a, .btn-cus span {
    width: 100%;
    height: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 0.15em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .btn-cus a:before, .btn-cus span:before {
      content: '';
      background: url("../img/shared/arrow.png") 0 0 no-repeat;
      width: 10px;
      height: 13px;
      top: 50%;
      transform: translateY(-50%);
      left: 36px;
      position: absolute; }
    .btn-cus a:hover, .btn-cus span:hover {
      text-decoration: none;
      opacity: 0.8; }

.tt1 {
  font-size: 28px;
  line-height: 60px; }
.bg2{
	background: url("../img/shared/bg2.jpg") 0 0 repeat;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: 	none) {
	.btn-over img, .over-img img, img.over, img:not(.btn):not(.non-over), 	button img,.btn, .box{
	opacity: 1;
	transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
}
	.btn , .box{
		transition:none !important ;
	-moz-transition:none !important ;
	-webkit-transition:none !important ;	}	
	.over-img img:hover, img.over:hover, /* a:not([href=""]):hover 	img:not(.btn):not(.non-over), */
	a:hover img:not(.btn):not(.non-over), button:hover img, .box{
	cursor: pointer;
	opacity: .8;
	transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}
}
.op-group{
	position: relative;
}
.o-img{
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.2s;
	z-index: 1;
	opacity: 0 !important;
}
.o-img:hover{
	opacity: 1 !important;
}
/*nav-fixed*/
.nav-fixed a{
	text-decoration: none;
	position: relative;
}
.nav-fixed a:after{
	content: '';
	border-bottom: 1px solid;
	position: absolute;
	left: 51%;
	right: 51%;
	bottom: -3px;
	transition: .3s;
	color: #fff;
	bottom: 26px;
}
.nav-fixed a.active:after{
	display: none;
}
.nav-fixed a.about:hover:after{
	left: 15px;
	right: 14px;
}
.nav-fixed a.top:hover:after{
	left: 2px;
	right: 25px;
}
.nav-fixed a.lunch:hover:after{
	left: 21px;
	right: 16px;
}
.nav-fixed a.dinner:hover:after{
	left: 17px;
	right: 17px;
}
.nav-fixed a.spec:hover:after{
	left: 24px;
	right: 14px;
}
.nav-fixed a.access:hover:after{
	left: 18px;
	right: 3px;
}


@-webkit-keyframes grayscale {
    0% {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    to {
        -webkit-filter: grayscale(0);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
    }
}
@keyframes grayscale {
    0% {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    to {
        -webkit-filter: grayscale(0);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
    }
}
.grayscale {
    -webkit-animation-name: grayscale;
    animation-name: grayscale;
}