@charset "utf-8";
/****************************************

		1. General Setting

*****************************************/

@import url(http://fonts.googleapis.com/css?family=Neuton|Abril+Fatface);

html {
  color: #201506;
  font-size: 11px;
  line-height: 22px;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
  font-weight: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

body {
}

* {
}

img {
  border: none;
}
ul {
  list-style: none;
}
code {
  color: #000099;
  font-family: "Courier New", Courier, monospace;
}
blockquote {
  margin: 1em 2em;
  padding: 0.5em 1em;
  background-color: #eee;
  font-style: italic;
}
small {
  font-size: 80%;
}
.clear {
  clear: both;
}
.hide {
  display: none;
}

body {
  /*	background-color:#fff;*/
  background: url(img/bg.jpg) center top;
}

/*** For Firefox removing dotted line links **
:focus{ -moz-outline-style: none; }*/

a {
  color: #cb442a;
}
a:visited {
  color: #cb442a;
}
a:hover {
  color: #ffaa66;
}

/*
div { border: 1px solid #888; margin: 1px 1px 15px; }
div.placeholder { border: 1px solid #C88; color:#c88; font-size:90%; text-align: center; vertical-align: middle; display:table-cell;}
td, th { border: 1px solid #888; padding: 3px; }
*/

br.clear {
  display: block;
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
  border: none;
  visibility: hidden;
  font-size: 0;
}

/******************************

		1. Main

*******************************/

/*-----------------------
.page { padding-bottom: 600px; }
div { border: 1px dotted #3EA9EA ; margin: 1px; padding: 1px; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, big, cite, code,
dl, ol, ul {
  margin-bottom: 20px;
}

h2 { font-weight: bold; }

img { border: 1px solid #CCCCCC; }

.page { border-color: #63C857; }

/*-----------------------*/

body {
}

div.black_line {
  width: 100%;
  height: 24px;
  background-image: url(img/bg_black.jpg);
  background-position: center;
}

#container {
  width: 960px;
  margin: 0px auto;
}

#left {
  width: 95px;
  height: 240px;
  position: fixed;
  float: left;

  background-image: url(img/gn.png);
}

#center {
  width: 760px;
  position: relative;
  left: 100px;
  top: 0px;
}

/******************************

		global_navi

*******************************/

#global_navi ul {
  padding: 22px 0px 0px;
}
#global_navi ul li {
  width: 95px;
  height: 26px;
}
#global_navi li a {
  display: block;
  text-indent: -5000px;
  background-image: none;
  width: 95px;
  height: 26px;
}

#global_navi li.gn_1 a {
  background-position: 0px -22px;
}
#global_navi li.gn_2 a {
  background-position: 0px -48px;
}
#global_navi li.gn_3 a {
  background-position: 0px -74px;
}
#global_navi li.gn_4 a {
  background-position: 0px -100px;
}
#global_navi li.gn_5 a {
  background-position: 0px -126px;
}
#global_navi li.gn_6 a {
  background-position: 0px -152px;
}

#global_navi li.gn_1 a:hover,
#global_navi li.gn_2 a:hover,
#global_navi li.gn_3 a:hover,
#global_navi li.gn_4 a:hover,
#global_navi li.gn_5 a:hover,
#global_navi li.gn_6 a:hover {
  background-image: url(img/gn.png);
}

#global_navi li.gn_1 a:hover {
  background-position: -95px -22px;
}
#global_navi li.gn_2 a:hover {
  background-position: -95px -48px;
}
#global_navi li.gn_3 a:hover {
  background-position: -95px -74px;
}
#global_navi li.gn_4 a:hover {
  background-position: -95px -100px;
}
#global_navi li.gn_5 a:hover {
  background-position: -95px -126px;
}
#global_navi li.gn_6 a:hover {
  background-position: -95px -152px;
}

/******************************

		1. page

*******************************/

.page {
  margin-bottom: 90px;
}

.page .backtotop {
  padding: 8px 0 12px;
}

.page .backtotop a {
  display: block;
  margin-left: 670px;
  width: 90px;
  height: 24px;
  text-indent: -5000px;
  background-image: url(img/backtotop.png);
}

.page .backtotop a:hover {
  background-image: url(img/backtotop_hover.png);
}

.page h2 {
  text-indent: -5000px;
  width: 760px;
  height: 55px;
}

#concept > h2 {
  background-image: url(img/h2_concept.png);
}
#food > h2 {
  background-image: url(img/h2_food.png);
}
#drink > h2 {
  background-image: url(img/h2_drink.png);
}
#access > h2 {
  background-image: url(img/h2_access.png);
}

/******************************

		1. Top

*******************************/

#top {
  padding-top: 30px;
}

h1 {
  background-image: url(img/top_h1.jpg);
  width: 480px;
  height: 99px;
  margin: 0px 0px 13px;
  text-indent: -5000px;
}

p#subtitle {
  background-image: url(img/top_sub.jpg);
  width: 480px;
  height: 56px;
  margin: 0px 0px 11px;
  text-indent: -5000px;
}

#top p.description {
  width: 480px;
  height: 57px;
  margin: 0px 0px 20px;
  background-image: url(img/top_copy.jpg);
  text-indent: -5000px;
}

img.mainvisual {
  width: 480px;
  margin: 0px 0px 0px;
}

#top #top_navi > h3 {
  display: none;
}

#top #top_navi li {
  float: left;
  width: 116px;
  height: 182px;
  margin-left: 5px;
}

#top #top_navi li a {
  display: block;
  width: 116px;
  height: 182px;
  text-indent: -5000px;
  background-image: url(img/top_navi.jpg);
}

#top #top_navi li:first-child {
  margin-left: 0px;
}
#top #top_navi li:last-child {
  margin-left: 6px;
}

#top #top_navi .gn_1 a {
  background-position: 0px 0px;
}
#top #top_navi .gn_2 a {
  background-position: -121px 0px;
}
#top #top_navi .gn_3 a {
  background-position: -242px 0px;
}
#top #top_navi .gn_4 a {
  background-position: -364px 0px;
}

#top #top_navi .gn_1 a:hover {
  background-position: 0px -182px;
}
#top #top_navi .gn_2 a:hover {
  background-position: -121px -182px;
}
#top #top_navi .gn_3 a:hover {
  background-position: -242px -182px;
}
#top #top_navi .gn_4 a:hover {
  background-position: -364px -182px;
}

#newsinfo h3.news {
  background-image: url(img/h3_newsinfo.png);
  text-indent: -5000px;
  width: 210px;
  height: 37px;
  margin: 0 0 10px;
}

#newsinfo h3.businessdays {
  background-image: url(img/h3_businessday.png);
  text-indent: -5000px;
  width: 210px;
  height: 37px;
  margin: 0 0 10px;
}

#newyork h3 {
  background-image: url(img/h3_newyork.png);
  text-indent: -5000px;
  width: 210px;
  height: 58px;
  margin: 30px 0 20px;
}

#top #top_news dt a,
#top #top_news dd a {
  color: #000000;
  text-decoration: none;
}

#top #top_news dt a:hover,
#top #top_news dd a:hover {
  color: #999999;
  text-decoration: underline;
}

#top #top_headline {
  margin-left: 20px;
  float: left;
  width: 480px;
}

#top #top_news {
  margin-right: 20px;
  float: right;
  width: 210px;
}

#top_news dl#news {
  clear: both;
  padding-top: 10px;
}

#top_news dl#news dt {
  clear: both;
  width: 55px;
  float: left;
  margin-bottom: 6px;

  font-family: "Neuton", "Times New Roman", Times, serif;
  font-size: 110%;
  font-weight: bold;
}

#top_news dl#news dd {
  float: right;
  width: 150px;
  font-weight: bold;
  margin-bottom: 6px;
}

#top_news dl#info {
  clear: both;
  padding-top: 10px;
}

#top_news dl#info div {
  margin-bottom: 6px;
}

#top_news dl#info dt {
  display: inline;
  width: 55px;
  font-family: "Neuton", "Times New Roman", Times, serif;
  font-size: 110%;
  font-weight: bold;
}

#top_news dl#info dd {
  display: inline;
  width: 150px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 10px;
}

#top_news dl#info dd .body {
  display: inline;
  font-weight: normal;
  font-size: 90%;
}

#top_news .specialinfo a {
  display: block;
  width: 100%;
  padding: 0 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin: 5px -4% 5px;
}

#top_news .specialinfo a:hover {
}

#top_news .specialinfo img {
  width: 108%;
}

#businessdays table {
  width: 100%;
  font-family: "Neuton", "Times New Roman", Times, serif;
  border-collapse: collapse;
  margin-bottom: 0.5em;
}

#businessdays table th,
#businessdays table td {
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  line-height: 1.8;
  width: 14.3%;
}

#businessdays table th {
  font-size: 100%;
}

#businessdays table th.calendarHeader {
  font-size: 150%;
  line-height: 1.5;
}

#businessdays table th a {
  /*翌月 前月ボタン*/
  display: inline-block;
  padding: 0.2em 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
  font-size: 75%;
  margin-bottom: 0.5em;
  width: 100%;
}

#businessdays table th a:hover {
  /*翌月 前月ボタン*/
  background-color: rgba(0, 0, 0, 0.4);
}

td.closed,
td.holiday,
.holidayCube {
  background: #ce4a2c !important;
} /* カレンダー 休日色 */
td.closed.lunch-only,
td.holiday.lunch-only,
.holidayCube.lunch-only {
  background: #eaa518 !important;
} /* カレンダー 休日色 */
td.closed.dinner-only,
td.holiday.dinner-only,
.holidayCube.dinner-only {
  background: #3f67bc !important;
} /* カレンダー 休日色 */

td.today {
  font-weight: bold;
  background: none !important;
}

#businessdays p.small {
  text-align: left;
  margin: 0.5em 0.5em 1em;
}
.holidayCube {
  display: inline-block;
  width: 1.5em;
  height: 1em;
  margin-right: 0.5em;
}

#businessdays p.small + div {
  display: none !important;
}
#businessdays .youbi_0 {
  color: #ac3f14 !important;
} /* カレンダー 日曜日 */
#businessdays .youbi_6 {
  color: #315e96 !important;
} /* カレンダー 土曜日 */

/******************************

		1. Concept

*******************************/

#concept h3 {
  width: 720px;
  height: 1550px;
  background-image: url(img/concept.jpg);
  text-indent: -5000px;
  margin: 60px 20px;
}

#concept table {
  margin: 60px 0px;
}

#concept table td {
  border: 0px;
  text-align: left;
  vertical-align: top;

  line-height: 20px;
}

/******************************

		1. Menu

*******************************/

#food > h3,
#drink > h3 {
  margin: 50px 20px 0;
  font-family: "abril fatface", times;
  letter-spacing: -0.02em;
  font-size: 300%;
  line-height: 1.2;
}

.menu > h3 {
  margin: 0;
  font-family: "abril fatface", times;
  letter-spacing: -0.02em;
  font-size: 210%;
  line-height: 1.2;
}

#food h3 > span,
#drink h3 > span {
  display: none;
}

#food > p.disc,
#drink > p.disc {
  margin: 0.5em 20px;
  font-size: 145%;
  line-height: 1;

  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  letter-spacing: -0.02em;
}

#food > p.disc_j,
#drink > p.disc_j {
  margin: 1em 20px;
  font-size: 80%;
  line-height: 1;
}

div.menu {
  margin: 20px 0px;
  padding: 20px 20px 0px;
  width: 339px;
}

div.left {
  border-right: 1px solid #aaa;
  float: left;
}

div.right {
  float: right;
}

div.full {
  width: 720px;
}

div.menu h3 + ul,
div.menu p.disc + ul,
div.menu p.disc_j + ul,
div.menu ul + h3 {
  margin-top: 24px;
}

div.menu ul {
  padding-bottom: 16px;
}

div.menu ul li {
  margin-bottom: 36px;
}

div.menu ul li ul {
  padding-top: 12px;
  padding-bottom: 0px;
}

div.menu ul li ul li {
  margin-bottom: 9px;
  margin-left: 12px;
}

div.menu .origin {
  font-family: "Times New Roman", Times, serif;
  margin-bottom: 2px;
  font-size: 125%;
  font-style: italic;
}

div.menu .origin span {
  font-family: san-serif;
  margin-bottom: 2px;

  font-style: normal;
}

div.menu .name,
div.menu .price {
  font-family: "neuton", "Times New Roman", Times, serif;
  font-size: 180%;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

div.menu .name {
  display: table-cell;
  padding-right: 5px;
}

div.menu ul li ul li .name {
  font-size: 160%;
}

div.menu .dash {
  display: table-cell;
  width: 100%;
  background-image: url(img/dash.png);
  background-position: center;
  background-repeat: repeat-x;
}

div.menu .price {
  display: table-cell;
  padding-left: 5px;
  top: 0px;
}

div.menu .name_j {
  margin: 3px 0px 3px;
  display: block;
  /*	font-size:90%; */
  line-height: 1;
  color: #eb0c0c;
}

div.menu p.disc {
  margin: 4px 0px;
  font-size: 1.1;
  line-height: 1.4;

  font-family: "Times New Roman", Times, serif;
  font-style: italic;
}

div.menu p.disc_j {
  margin: 4px 0px;
  font-size: 95%;
  line-height: 1.5;
}

div.menu li.menuphoto img {
  margin: 0px 7px 0px 12px;
}

div.menu li.menuphoto p {
  margin: -10px 3px 0px;
  text-align: right;
}

div.menu li.menuphoto p .price {
  display: inline;
}

.hidabeef {
  background-color: RGBA(255, 255, 255, 0.5);
  padding: 6px 8px;
  margin: -5px -5px 36px -5px;
  border: 1px solid rbga(0, 0, 0, 0.5);
}
.special {
  font-family: "Times New Roman", Times;
  font-style: italic;
  color: #ff0000;
  font-size: 140%;
  line-height: 0.9;
}

.limited {
  font-family: "Times New Roman", Times;
  font-style: italic;
  color: #ff0000;
  font-size: 1.4em;
  line-height: 0.9;
  display: block;
}

.special-limited,
.special-limited2 {
  display: inline-block;
  padding: 0% 3%;
  background-color: #775c5c;
  color: #fff;
  text-decoration: none;
  font-size: 110%;
  margin-top: 4px;
}

.special-limited2 {
  background-color: #111;
}

/******************************

		1. Access

*******************************/

#access #access_list {
  margin: 30px 0px;
  padding: 30px 20px;
  width: 339px;
  height: 340px;
  border-right: 1px solid #aaa;
  float: left;
}

#access_map {
  margin: 30px 0px;
  padding: 30px 20px;
  width: 340px;
  float: right;
}

#access_list table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

#access_list tr {
  vertical-align: top;
  border-bottom: 1px solid #ccc;

  font-family: "Times New Roman", Times, serif;
  font-size: 180%;
}

#access_list tr.last {
  border: 0px;
}

#access_list th,
#access_list td {
  padding: 12px 6px;
}

#access_list .th_j {
  margin: 3px 0px 3px;
  display: block;
  font-size: 70%;
  line-height: 1;
  color: #eb0c0c;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
}

#access_list td p {
  margin-top: 3px;
  font-size: 70%;
  line-height: 1.2;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
}

#access_list td.td_j {
  font-size: 90%;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
}

#access_list th {
  text-align: left;
}
#access_list td {
  text-align: right;
}

#access iframe {
  width: 720px;
  margin: 0px auto 30px;
  height: 340px;
  border: 1px solid #333;
  display: block;
}

#access_map p {
  font-size: 80%;
}

#guide_map {
  margin: 0px auto 30px;
  width: 720px;
  height: 460px;
}

/******************************

		1. Address

*******************************/

#address {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 20px 0px;

  font-size: 125%;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
}

#address p {
  display: inline-block;
}

#address .name {
  font-weight: bold;
  font-size: 125%;
  margin-right: 10px;
}
#address .tel {
  font-weight: bold;
  font-size: 160%;
  margin-left: 10px;
}

#copyright {
  font-size: 110%;
  margin: 10px 0;
}

/*********************************************************** 150525 スマホレイアウト */

@media screen and (min-width: 0px) and (max-device-width: 560px) {
  /***********************************************************/

  body {
    font-size: 24px;
    line-height: 36px;
  }

  #container {
    top: 80px;
    border-top: #000 solid 80px;
  }

  .black_line {
    display: none;
  }

  #left {
    width: 100%;
    height: 80px;
    background: #000;
    top: 0px;
    left: 0px;
    z-index: 100;
  }

  #global_navi {
    width: 840px;
    margin: 0 auto;
    padding: 0px;
  }
  #global_navi ul {
    margin: 0;
    padding: 0px;
  }
  #global_navi ul li {
    float: left;
    width: auto;
    height: 60px;
    margin-right: 20px;
  }
  #global_navi li a {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    text-indent: 0;
    background: #000;
    width: auto;
    height: 80px;
    line-height: 80px;
    text-decoration: none;
    font-family: "Neuton", "Times New Roman", Times, serif;
  }

  #global_navi li.gn_1 a:hover,
  #global_navi li.gn_2 a:hover,
  #global_navi li.gn_3 a:hover,
  #global_navi li.gn_4 a:hover,
  #global_navi li.gn_5 a:hover,
  #global_navi li.gn_6 a:hover {
    background-image: none;
  }

  #top #top_headline {
    margin-left: 0;
    float: none;
    width: 760px;
  }

  h1 {
    width: 760px;
    height: 156px;
    margin: 0px 0px 20px;
    background-size: 760px;
  }

  p#subtitle {
    background-image: url(img/top_sub.jpg);
    width: 760px;
    height: 88px;
    margin: 0px 0px 16px;
    background-size: 760px;
  }

  #top p.description {
    background-image: url(img/top_copy.jpg);
    width: 760px;
    height: 89px;
    margin: 0px 0px 30px;
    background-size: 760px;
  }

  img.mainvisual {
    width: 100%;
    height: auto;
  }

  #top_navi {
    display: none;
  }

  #top #top_news {
    margin-right: 0;
    float: none;
    width: 760px;
  }

  #newsinfo h3.businessdays,
  #newsinfo h3.news,
  #newyork h3 {
    background-image: none;
    text-indent: 0px;
    width: 760px;
    height: 60px;
    margin: 40px 0px 30px;
    line-height: 50px;
    font-size: 50px;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: "Neuton", "Times New Roman", Times, serif;
  }

  #newyork img {
    height: auto;
    width: 100%;
  }

  #top_news dl#news dt {
    clear: both;
    width: 260px;
    height: 60px;
    line-height: 40px;
    float: left;
    margin-bottom: 6px;
    font-family: "Neuton", "Times New Roman", Times, serif;
    font-size: 48px;
    font-weight: bold;
  }
  #top_news dl#news dd {
    float: right;
    font-size: 36px;
    width: 500px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 6px;
    overflow: hidden;
  }

  #top_news .specialinfo a {
    font-size: 140%;
  }

  .page .backtotop a {
    font-family: "Neuton", "Times New Roman", Times, serif;
    margin-left: 600px;
    width: 160px;
    text-indent: 0px;
    background-image: none;
    color: #000;
    text-align: right;
    text-decoration: none;
  }

  .page .backtotop a:hover {
    background-image: none;
    opacity: 0.4;
  }

  .page h2 {
    text-indent: 0px;
    padding: 20px 0;
    width: 760px;
    height: 80px;
    line-height: 70px;
    font-size: 60px;
    text-align: center;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    font-family: "Neuton", "Times New Roman", Times, serif;
  }

  #concept > h2,
  #food > h2,
  #drink > h2,
  #access > h2 {
    background: none;
  }

  #concept table td {
    font-size: 60%;
  }

  div.left,
  div.right {
    width: 720px;
    border-right: 0px;
    float: none;
  }

  div.menu li.menuphoto img {
    margin: 0 7px 0 12px;
    width: 100%;
    height: auto;
  }

  #access #access_list {
    border-right: 0;
    float: none;
    height: 340px;
    margin: 30px 0;
    padding: 30px 20px;
    width: 720px;
  }

  #access_list th {
    line-height: 1;
    font-size: 90%;
  }
  #access_list .th_j {
    line-height: 1;
    font-size: 60%;
  }

  #access_list td {
    text-align: right;
    line-height: 1;
  }

  #access_list td.td_j {
    font-size: 90%;
  }

  #access_map {
    float: none;
    margin: 100px 0;
    padding: 30px 20px;
    width: 720px;
  }
  #access iframe {
    width: 718px;
    height: 718px;
    border: 1px solid #333;
  }

  #address * {
    line-height: 1;
  }
  #copyright {
    font-size: 70%;
  }
}