@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : dining.css
 author     : Ability Consultant
 style info : ダイニング オールデイダイニング
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
/*Animate */
/* -----------------------------------------------------------
	body
----------------------------------------------------------- */
body {
  color: #000;
}

/* -----------------------------------------------------------
	container
----------------------------------------------------------- */
.container {
  max-width: 1140px;
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  .container {
    width: 95%;
  }
}
@media print {
  .container {
    width: 95%;
  }
}
.ie8 .container {
  width: 95%;
}

/* -----------------------------------------------------------
	con_topicpath
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  html.lower #contents .con_topicpath ul li {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 767px) {
  .con_intro .box_info .space01 {
    padding-left: 3.7em;
  }
}
@media only screen and (min-width: 767px) {
  .con_intro .box_info .space02 {
    padding-right: 1.5em;
  }
}
@media only screen and (min-width: 767px) {
  .con_intro .box_info .space03 {
    padding-right: 0.7em;
  }
}
/* -----------------------------------------------------------
	con_pgtitle
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .con_pgtitle {
    padding-bottom: 1em !important;
  }
}
.con_pgtitle h1 {
  padding: 0 1em;
}
.con_pgtitle h1 img {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .con_pgtitle h1 img {
    width: 60%;
  }
}
.con_pgtitle .en {
  text-transform: none !important;
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .en {
    font-size: 7.7vw !important;
  }
}
.con_pgtitle .jp_large {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 225%;
}
@media only screen and (max-width: 1024px) {
  .con_pgtitle .jp_large {
    line-height: .8;
    font-size: 140%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pgtitle .jp {
    margin-top: .8em;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .jp {
    margin-top: .4em;
  }
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  margin-bottom: 4.5em;
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-bottom: 1.5em;
  }
}
.con_intro .img {
  width: 98%;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .con_intro .img {
    width: 100%;
  }
}
.con_intro .img img {
  width: 100%;
}
.con_intro .title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 188%;
  font-weight: normal;
  letter-spacing: .3em;
  margin-top: 1.25em;
  position: relative;
}
@media only screen and (max-width: 1580px) {
  .con_intro .title {
    max-width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print {
  .con_intro .title {
    max-width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ie8 .con_intro .title {
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1480px) {
  .con_intro .title {
    max-width: 95%;
  }
}
@media print {
  .con_intro .title {
    max-width: 95%;
  }
}
.ie8 .con_intro .title {
  max-width: 95%;
}
@media only screen and (max-width: 1025px) {
  .con_intro .title {
    font-size: 180%;
  }
}
@media print {
  .con_intro .title {
    font-size: 180%;
  }
}
.ie8 .con_intro .title {
  font-size: 180%;
}
@media only screen and (max-width: 991px) {
  .con_intro .title {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .title {
    line-height: 1.6;
    font-size: 125%;
    margin-top: .8em;
  }
}
.con_intro .title::before {
  content: '';
  width: 150px;
  height: 1px;
  background: #000;
  position: absolute;
  top: .75em;
  left: -6.6em;
}
@media only screen and (max-width: 1580px) {
  .con_intro .title::before {
    width: 100px;
    position: relative;
    top: .7em;
    left: 0;
    display: inline-block;
    margin-right: 1em;
  }
}
@media print {
  .con_intro .title::before {
    width: 100px;
    position: relative;
    top: .7em;
    left: 0;
    display: inline-block;
    margin-right: 1em;
  }
}
.ie8 .con_intro .title::before {
  width: 100px;
  position: relative;
  top: .7em;
  left: 0;
  display: inline-block;
  margin-right: 1em;
}
@media only screen and (max-width: 991px) {
  .con_intro .title::before {
    width: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .title::before {
    width: 80px;
    margin-right: .8em;
  }
}
.con_intro .txt {
  max-width: 1350px;
  margin-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1400px) {
  .con_intro .txt {
    width: 95%;
  }
}
@media print {
  .con_intro .txt {
    width: 95%;
  }
}
.ie8 .con_intro .txt {
  width: 95%;
}
@media only screen and (max-width: 767px) {
  .con_intro .txt {
    margin-top: 1.5em;
  }
}
.con_intro .txt::before {
  content: '';
  width: 45px;
  height: 4px;
  background: #bea67c;
  top: .2em;
  left: 0.5em;
  display: inline-block;
  position: relative;
  margin-right: 3.7em;
}
@media only screen and (max-width: 991px) {
  .con_intro .txt::before {
    margin-right: 1.5em;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .txt::before {
    width: 100px;
    margin-right: 1em;
  }
}
.con_intro .box_info {
  margin: 6em auto;
  width: 90%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info {
    width: 95%;
    margin: 3em auto;
  }
}
.con_intro .box_info table {
  width: 100%;
}
.con_intro .box_info table tr {
  border-bottom: 1px solid #DBDBDB;
}
.con_intro .box_info table tr:first-child {
  border-top: 1px solid #DBDBDB;
}
.con_intro .box_info table tr th {
  font-weight: normal;
  padding: 1.5em 1em;
  min-width: 9em;
}
.con_intro .box_info table tr td {
  text-align: left;
  padding: 1.5em 1em;
}
.con_intro .box_info table tr td ul li {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.con_intro .box_info table tr td ul li .detail {
  min-width: 13em;
  margin-right: 1em;
}
.con_intro .box_info table tr td .bold {
  font-weight: bold;
}
.con_intro .box_info table tr td .red {
  color: #ff0000;
}
.con_intro .box_info table tr td .tbl_day_ttl tr {
  border: none;
}
.con_intro .box_info table tr td .tbl_day_ttl .ttl_th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.con_intro .box_info table tr td .tbl_day_ttl .ttl_th .ttl {
  width: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th .ttl {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th .ttl {
    width: 50%;
  }
}
.con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt tr {
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt th {
  padding: 0;
  width: 8.5em;
  position: relative;
  min-width: initial;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt th {
    width: 8.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt th {
    width: 8.5em;
  }
}
.con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt th .tb_txt {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt th .tb_txt {
    position: relative;
  }
}
.con_intro .box_info table tr td .tbl_day_ttl .ttl_th .tbl_day_txt td {
  padding: 0;
}
.con_intro .box_info .n {
  font-size: 80%;
}
.con_intro .box_info .box_note {
  margin: 2em auto 0;
  font-size: 85%;
  color: #999;
  line-height: 1.6;
  font-family: "Playfair Display", serif;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .box_note {
    margin-top: 1em;
  }
}
.con_intro .box_info .box_note span {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.con_intro .box_info .box_note span.tl {
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .5em;
  font-size: 100%;
}
.con_intro .box_info .box_note span.tl.first {
  margin-top: 0;
}

/* -----------------------------------------------------------
	.con_michelin
----------------------------------------------------------- */
.con_michelin {
  padding: 5% 0 0;
  max-width: 1280px;
  margin: auto;
  width: 95%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_michelin {
    padding: 3% 2% 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_michelin {
    padding: 5% 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_michelin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print {
  .con_michelin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.ie8 .con_michelin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.con_michelin .img {
  text-align: right;
  width: 47%;
}
@media only screen and (max-width: 767px) {
  .con_michelin .img {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_michelin .img {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .con_michelin .img {
    margin: 0 auto;
  }
}
.con_michelin .img img {
  width: auto;
}
.con_michelin .box_txt {
  width: 53%;
  padding-left: 3%;
}
@media only screen and (max-width: 767px) {
  .con_michelin .box_txt {
    width: 100%;
    padding: 5%;
  }
}
.con_michelin .box_txt h3 {
  margin-bottom: 1em;
  font-size: 150%;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_michelin .box_txt h3 {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_michelin .box_txt h3 {
    font-size: 125%;
  }
}

.restaurant {
  margin-top: 3em !important;
  background: #EFF6F8;
  width: 40%;
  padding: 2em !important;
}
@media only screen and (max-width: 767px) {
  .restaurant {
    padding: 1em 0 !important;
  }
}
.restaurant .btn_rsv {
  padding: 0 !important;
}
.restaurant .btn_rsv a::before {
  background: #bea67c;
}
.restaurant .btn_rsv a:hover::before {
  background: #90939f;
}

.box_menu {
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1000px) {
  .box_menu {
    display: block;
  }
}
.box_menu .btn_basic {
  margin: 0 1em;
}
.box_menu .btn_basic a {
  max-width: 400px;
  width: 300px;
}
@media only screen and (max-width: 1000px) {
  .box_menu .btn_basic {
    margin: 1em;
  }
  .box_menu .btn_basic a {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .box_menu .btn_basic {
    margin: 2em;
  }
  .box_menu .btn_basic a {
    max-width: 400px;
    width: 300px;
  }
}
.box_menu .btn_basic .m2 {
  width: auto;
}

.con_rev_inq {
  background: #EFF6F8;
  margin: 4em auto 6em;
  width: 75%;
  text-align: center;
  padding: 2em !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq {
    width: 95%;
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq {
    width: 95%;
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq {
    padding: 1em 0 !important;
  }
}
.con_rev_inq .tl_basic_center {
  font-size: 188%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq .tl_basic_center {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .tl_basic_center {
    font-size: 138%;
  }
}
.con_rev_inq .box_rev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev {
    display: block;
  }
}
.con_rev_inq .box_rev .box_tel {
  margin: 1em;
}
.con_rev_inq .box_rev .box_tel .tel {
  font-size: 113%;
  text-align: center;
}
.con_rev_inq .box_rev .box_tel .tel a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.con_rev_inq .box_rev .box_inq {
  margin: 1em;
}
.con_rev_inq .box_rev .box_inq .btn_basic {
  margin-top: 0.5em;
}
.con_rev_inq .box_rev .box_inq .btn_basic a {
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev .box_inq .btn_basic a {
    width: auto;
  }
}