
body{
	text-align: center;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 12px;
  color:#000000;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  max-height: 6500px;
  margin: 0 auto;
  padding: 0;
  
  

  /*  
  background-position:center -150px;background-image: url(../img/background-image.png);background-repeat:no-repeat;
  background-position: center 300px;
  //background-position:center;
  //background-size:auto;
  //background-size:contain;
  //-moz-background-size:cover;
  //background-size:cover;
  //background: url(../img/background-image.png) no-repeat center;
  //background-position:0 -150px;background-repeat: no-repeat;background-image: url(../img/background-image.png);
 */
}
/*
background-image: url(../images/gc_concept_bg_02.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
background-position: center top;
height: 820px;
width: 100%;
padding-top: 90px;
}

assets/img/background-image.png
*/

.img-responsive {
  margin: 0 auto;
}

#wrapper {
}

/*************************/
/* ヘッダーエリア */
/*************************/
#header {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
#gnav_wrap {
  margin: auto;
  text-align: center;
  height: 36px;
  z-index: 999;
  border-bottom:solid 1px #000;
  width: 100%;
  background-color: #FFFFFF;
  position: absolute;
}
#gnav_wrap #gnav {
  width: 890px;
  height: 36px;
  background-color: #fff;
  padding: 0;
  margin:0 auto;
}
#gnav_wrap #gnav ul {
  float: right;
  padding: 0px;
  margin: 0px;
  width: 890px;
  list-style-type: none;
}
#gnav_wrap #gnav ul li {
  float: left;
  margin:0px;
  padding:0px;
}

#reserve_button {
  width: 40px;
  height: 140px;
  position: fixed;
  right: 0;
  top: 40px;
  z-index: 9999;
}

.active {
  color:#999999!important;
  font-weight:900;
  border-bottom: 7px solid #e95513;
  text-decoration:none;
  background-color: #ffffff;
  bottom:0;
}
.pasive {
  border-bottom: 7px solid #ffffff;
}

/*************************/
/*    トップイメージ      */
/*************************/

#top_img {
  margin:37px auto 0;
  //width:1280px;
}
#top_outer {
  margin:0 auto; 
}
#top_flexslider {
  max-width:1280px;
  width:100%;
  height:424px;
  margin:0 auto;
}


/*************************/
/* コンセプトエリア     */
/*************************/
#concept {
 margin:0 auto; 
 margin-top:78px;
 width:960px;
}
#concept_outer {
  height:33.33em;
  margin:0 auto; 
}
#concept_catch {
  margin-top:44px;
}
#concept_img {
  margin-top:36px;
}


/*************************/
/* ニュースエリア          */
/*************************/

#news {
 margin:0 auto; 
 margin-top:281px;
}
#news_outer {
  width:100%;
  height:auto;
  margin:0 auto; 
}
#feed_title_img {
  margin:0 auto;
  text-align:center;
  margin-bottom:61px;
}
#feed {
  width:700px;
  //width:80%;
  margin:0 auto;
  text-align:left;
  //border:solid 1px;
}
.news_block {
  width:700px;
  //width:100%;
  padding-bottom:1em;
  border-bottom:dotted 1px;
  position:relative;
  //border:solid 1px;
}
.news_block:first-child {
  margin:1em 0em;
  padding-bottom:1em;
  border-top:dotted 1px;
  border-bottom:dotted 1px;
}
.news_date {
  font-size:13px;color:#888888;
  margin-top:28px;
  padding:0 50px;
}
.news_title {
  font-size:1.41em;
  color:#e95513;
  font-weight:900;

}
.news_content {
  font-size:1.16em;
  color:#333333;
  margin-bottom:28px;
  padding:0 50px;
  display:none;
}
#more_img {
  text-align:right;
  margin-top:2em;
  width:700px;
  //width:100%;
}
#more_img a{
  float:right;
}
#and_more {
  width:700px;
  //width:100%;
  display:none;
}
#and_more .news_block:first-child {
  border-top:dotted 0px;
}
#and_more .news_date:first-child {
}
#close_img {
  //width:100%;
  width:700px;
  text-align:right;
  margin-top:2em;
}
#close_img a{
  float:right;
}

/*************************/
/*  メニューエリア       */
/*************************/

#menu {
 margin:0 auto; 
 //margin-top:237px;
 margin-top:287px;
 width:960px;

}
#menu_outer {
  width:100%;
  margin:0 auto; 
}
#menu_outer img {
  margin:0 auto;
  text-align:center;
}
#menu_slider {
  top:110px;
  width:100%!important;
  height:700px!important;
}

/*************************/
/*  シーンエリア       */
/*************************/

#scene {
 margin:0 auto; 
 margin-top:370px;
 width:960px;
}
#scene_img {
  margin-bottom:48px;
}
#scene_outer {
  width:100%;
  height:auto;
}
#scene_outer img {
  width:780px;
  margin:0 auto;
  text-align:center;
}
#scene_flexslider {
top:110px;
  width:781px;
  margin:0 auto;
}
#scene_slider {
  top:110px;
  width:100%!important;
  height:700px!important;
}

/*************************/
/* ショップインフォメーション  */
/*************************/

#shop {
 margin:0 auto; 
 margin-top:400px;
 margin-bottom:460px;
 /*margin-bottom:760px;*/
}
#shop_img {
  margin-bottom:4em;
}
.shop_img_linespace {
  padding-top:5em;
}
#shop_outer {
  width:100%;
  margin:0 auto; 
}
.shop_opentable_linespace {
  padding-top:10em;
}
#shop ul {
  list-style-type: none;
}
#open_wrap {
  width:920px;
  margin:0 auto;
}
#open_wrap_inner {
  width:100%;
  margin:0 auto;
}
#shop_title {
  width:920px;
  margin:0 auto;
  text-align:center;
}
.shop_text_area {
  margin:0 auto;
  color:#e95513;
  font-size:2.66em;
  font-weight:900;
  text-align:left;
}
.shop_text_area_margin {
  width:100%;
  margin-top:48px;
}
.shop_opentable_area {
  margin:0 auto;
  width:76.33em;
}
.home_img {
  position:relative;
  top:3px;
}
.tel {
  padding-left:38px;
}
.branch {
  font-size:23px;
}
.button_detail {
  
}
.button_map {
  left:-8px;
  position:relative;
}

/***************/
/* 予約フォーム  */
/***************/
#reservation{
  width: 920px;
  margin: 110px auto 0px;;
}
#OT_searchWrapper{
  background-color: #FFFFFF;
  border: 2px solid #999999;
  color: #0f0f0f;
  border-radius: 7px;
  float: left;
  font-size: 14px;
  font-weight: normal;
  font-family: verdana,arial,helvetica,sans-serif;
  text-align: left;
  width: 833px;
  height: 43px;
}

#OT_searchWrapperAll{
  padding: 25px 38px;
  background: #fff1cc;
  border: 3px solid #ed5700;
  border-radius: 0 7px 7px 7px;
  clear: both;
}

#OT_searchWrapper h2{
  float:left;
  padding: 11px 25px 8px;
  margin: 3px 0 0;
  font-size: 14px;
  line-height:14px;
  font-weight: normal;
  font-family: verdana,arial,helvetica,sans-serif;
  text-align: left;
}
#OT_defList{
  display: inline;
}
#OT_defList dt,#OT_defList dd{
  padding: 11px 0px 8px;
  float:left;
  height:24px;
}
#OT_defList dt{
  padding-left: 14px;
  padding-top: 13px;
  border-left: 2px solid #999999;
}
#OT_defList dt:first-child{
  border-left: none;
}
#OT_defList dd{
  padding-right: 14px;
  margin: 0;
  list-style: none;
}
#OT_defList #OT_empty{
  padding-left:20px;
}
#OT_defList #OT_submitWrap{
  padding-right: 0px;
  padding-left: 0px;
}
#OT_restaurant select, #OT_partySize select, #OT_date input, #OT_time select{
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: 12px;
  background: #FFF;
  color: #42382c;
  font-weight: normal;
  margin: 0 0 0 2px;
  padding: 0;
  height: 20px;
  border: 1px solid #c9c7bf;
  line-height: normal;
}
#OT_date input{
  width: 90px;
}
#OT_restaurant select{
	width:128px;
}
#OT_restaurant option, #OT_partySize option, #OT_time option{
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: 12px;
  background: #FFF;
  color: #42382c;
  font-weight: normal;
  margin: 0 0 0 2px;
}

#OT_subtitle_reserve_banner{
  float:left;
}

/**************/
/* datepicker */
/**************/
#dateDisplay,#cal1,#cal1Shim{
  display:none;
  width:90px;/*= #OT_date input*/
}
#cal1Shim{
  display:none;
  height:0px;
}
.imgCal {
  display: none;
  position: relative;
  background-color: #ccc;
  z-index: 100;
  margin: 0;
  width: 150px;
  top: 0;
  left: 0;
}
#imageCal td {
  padding: 0;
  text-align: center;
}
#imageCal img.partOfCal.spacer{
  height:1px;
  float: left;
}
#imageCal table {
  font-size: 12px;
  width: 150px;
  font-family: arial;
  font-weight: bold;
  background: #FFF;
}
#imageCal table .months {
  color: #FFF;
  text-decoration: none;
}
#imageCal table .weekdays {
  color: #000;
  text-decoration: none;
  color: #666;
  background-color: #efefef;
  width: 14%;
}
#imageCal table .nonclickableDays {
  color: #CCC;
  height: 18px;
}
#imageCal table a.clickableDays,#imageCal table a:hover.clickableDays,#imageCal table a:visited.clickableDays {
  color: #333;
  font-weight: bold;
  height: 18px;
  text-decoration: none;
}


/*************************/
/*  フッターエリア      */
/*************************/
#footer {
color: #333;
background-color: #999999;
padding-top: 30px;
padding-bottom: 20px;
height: 30px;
font-size: 12px;
position: relative;
z-index: 9999;
}
#footerwrap {
padding: 0;
width: 940px;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px;
margin-left: auto;
position: relative;
}
#btntop {
margin: 0px;
padding: 0px;
position: absolute;
left: 840px;
bottom: 22px;
}
#footerwrap .l {
float: left;
width: 560px;
}
#footerwrap ul {
float: right;
padding: 0px;
width: 560px;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


 #footerwrap ul li {
float: left;
margin: 0px;
padding: 0px;
} 
#footerwrap .r {
float: right;
width: 380px;
text-align: right;
}


#footer_link {
  font-size:15px;
  font-weight:900;
  color:#FFFFFF;
}
#footer_link a {
  color:#FFFFFF;
}
#footer_link a:hover {
  opacity:0.7;
  text-decoration:none;
}
#footer_copyright {
  font-size:13px;
  font-weight:900;
  color:#FFFFFF;
}








/*************************/
/*  flex slider      */
/*************************/
.flexslider {
  border:none;
  border-radius:0;
  box-shadow:none!important;
}
.flex-control-paging li a {
  width: 14px!important;
  height: 14px!important;
  background: #dbdcdc!important;
}
.flex-control-paging li a:hover {
  background: #333333!important;
}
.flex-control-paging li a.flex-active {
  width: 14px!important;
  height: 14px!important;
  background: #000000!important;
}


/*************************/
/** jquery slider */
/*************************/
.jquery-slider-control {
  overflow: hidden!important;
  position: absolute!important;
  text-align: center!important;
  width: 60px!important;
  height: 115px!important;
  line-height: 24px!important;
  font-size: 16px!important;
  font-weight: bold!important;
  padding: 0!important;
  margin: 0!important;
}


/*************************/
/*  div中央寄せ */
/*************************/
div.outer {
	display: table;
}
* html div.outer {
  position: relative;
}
*+html div.outer {
  position: relative;
}
div.vertical_middle {
	vertical-align: middle;
}
* html div.vertical_middle {
  position: absolute;
  top: 50%;
}
*+html div.vertical_middle {
  position: absolute;
  top: 50%;
}
div.vertical_middle p.inner {
	margin: 0;
}
* html div.vertical_middle p.inner {
  position: relative;
  top: -50%;
}
*+html div.vertical_middle p.inner {
  position: relative;
  top: -50%;
}
.virtical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*************************/
/*  その他   */
/*************************/
.txt23 {
  font-size:23px;
}
.fl { float:left!important; }
.fr { float:right!important; }

.ml12 {margin-left:12px;}
.mr12 {margin-right:12px;}
.mt12 {margin-top:12px;}
.pt12 {padding-top:12px;}

.txt_left {
  text-align:left;
}
.txt_right {
  text-align: right;
}
a { text-decoration:none; }

img {
  border:0px;
  max-width: 100%;
  height: auto;
}

.pos_abs {
  position: absolute;
}

.top10 {top:10px;}
.top20 {top:20px;}
.top30 {top:30px;}
.top40 {top:40px;}
.top50 {top:50px;}
.top60 {top:60px;}
.top70 {top:70px;}
.top80 {top:80px;}
.top90 {top:90px;}
.top100 {top:100px;}
.top110 {top:110px;}
.top120 {top:120px;}
.top130 {top:130px;}
.top140 {top:140px;}
.top150 {top:150px;}
.top160 {top:160px;}
.top170 {top:170px;}
.top180 {top:180px;}
.top190 {top:190px;}
.top200 {top:200px;}
.top210 {top:210px;}
.top220 {top:220px;}
.top230 {top:230px;}
.top240 {top:240px;}
.top250 {top:250px;}
.top260 {top:260px;}
.top270 {top:270px;}
.top280 {top:280px;}
.top290 {top:290px;}
.top300 {top:300px;}
.top310 {top:310px;}
.top320 {top:320px;}
.top330 {top:330px;}
.top340 {top:340px;}
.top350 {top:350px;}
.top360 {top:360px;}
.top370 {top:370px;}
.top380 {top:380px;}
.top390 {top:390px;}
.top400 {top:400px;}
.top410 {top:410px;}
.top420 {top:420px;}
.top430 {top:430px;}
.top440 {top:440px;}
.top450 {top:450px;}
.top460 {top:460px;}
.top470 {top:470px;}
.top480 {top:480px;}
.top490 {top:490px;}
.top500 {top:500px;}
.top510 {top:510px;}
.top520 {top:520px;}
.top530 {top:530px;}
.top540 {top:540px;}
.top550 {top:550px;}
.top560 {top:560px;}
.top570 {top:570px;}
.top580 {top:580px;}
.top590 {top:590px;}
.top600 {top:600px;}
.top610 {top:610px;}
.top620 {top:620px;}
.top630 {top:630px;}
.top640 {top:640px;}
.top650 {top:650px;}
.top660 {top:660px;}
.top670 {top:670px;}
.top680 {top:680px;}
.top690 {top:690px;}
.top700 {top:60px;}

.clearfix:after {
   display: block;
   clear: both;
   height: 0px!important;
   line-height: 0px!important;
   visibility: hidden;
   content: ".";
 }
 .clearfix {
   display: block; /* for IE8 */
 }
 .clear {
   clear: both;
 }

 .button-tbr {
   font-size: .9rem;
   color: #ec6c3a;
   font-weight: bolder;
   border: solid 3px #ec6c3a;
   padding: .25rem .5rem;
   border-radius: 6px;
 }
 
  .button-tbr:hover {
    background-color: #ec6c3a;
    color: white;
  }