@charset "UTF-8";
/* Scss Document */
/* ==========================================================================
   共通
   ========================================================================== */
body {
  min-width: 960px;
  overflow-x: hidden;
}

.cont-in {
  margin: 0 auto;
  width: 960px;
}

.cont-ttl {
  margin-bottom: 50px;
}

.cont-text {
  font-size: 128.5714285714%;
  line-height: 1.75;
}

.pc-block {
  display: block;
}

@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
  }
  .cont-in {
    margin: 0 auto;
    width: 100%;
  }
  .cont-in.pd {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .cont-ttl {
    margin-bottom: 20px;
  }
  .cont-ttl img {
    width: 100%;
  }
  .cont-text {
    font-size: 100%;
  }
  .pc-block {
    display: inline;
  }
}
/* ==========================================================================
   メインビジュアル
   ========================================================================== */
#logo {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}

#gold_st {
  text-align: center;
  position: absolute;
  left: 180px;
  top: 16px;
  z-index: 99;
}

#gazoku-main {
  height: 660px;
}

#main-wrap {
  margin: 0 auto;
  min-width: 960px;
}
#main-wrap .cont-in {
  position: relative;
}
#main-wrap .main-in {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
#main-wrap .main-in div {
  background-position: center 0% !important;
}
#main-wrap .main-slider li {
  margin: 0 auto;
}
#main-wrap .main-slider li img {
  height: auto;
  width: 100%;
}
#main-wrap h1, #main-wrap #main-card, #main-wrap #main-day, #main-wrap #main-tel {
  position: absolute;
  z-index: 99;
}
#main-wrap h1 {
  top: 200px;
  left: -14px;
}
#main-wrap #main-card {
  top: 393px;
  left: 0;
}
#main-wrap #main-day {
  top: 145px;
  left: 310px;
}
#main-wrap #main-tel {
  top: 0;
  right: 0;
}

.bx-wrapper {
  width: 100%;
  max-width: 1300px !important;
}
.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
}

@media screen and (max-width: 767px) {
  #logo img {
    height: auto;
    width: 79px;
    right: 0;
  }
  #gold_st {
    right: 0;
  }
  #gold_st img {
    height: auto;
    width: 150px;
  }
  #main-wrap {
    width: 100%;
    min-width: inherit;
  }
  #main-wrap img {
    height: auto;
    width: 100%;
  }
  #sp-main-card img {
    height: auto;
    width: 100%;
  }
}
/* ==========================================================================
   cont01：特徴
   ========================================================================== */
.cont01-item {
  margin-top: 60px;
  position: relative;
  z-index: 99;
}
.cont01-item:first-child {
  margin-top: 0;
}
.cont01-item .text-area {
  padding-top: 40px;
  width: 400px;
}
.cont01-item .text-area.fl {
  padding-left: 40px;
}
.cont01-item .text-area.fr {
  padding-right: 40px;
}
.cont01-item .text-area h3 {
  margin-bottom: 40px;
}
.cont01-item .text-area p {
  font-size: 128.5714285714%;
  line-height: 1.75;
}
.cont01-item .pic-area {
  width: 480px;
}

.cont01-about {
  border: 1px solid #f5f5f5;
  background: url(img/bg-cont01-kobayashi.gif) no-repeat center bottom;
  margin-top: 34px;
  padding: 13px 34px;
  position: relative;
  z-index: 99;
}
.cont01-about .photo {
  width: 13.1%;
}
.cont01-about .photo img {
  height: auto;
  width: 100%;
}
.cont01-about .fr {
  width: 84%;
}
.cont01-about .fr .prof {
  font-size: 114.2857142857%;
  margin-top: 13px;
}
.cont01-about .fr .prof .year {
  display: block;
  font-size: 75%;
}
.cont01-about .fr .text-small {
  font-size: 85.7142857143%;
  margin-top: 8px;
}

/* 背景の飾り */
#cont01 .cont-in {
  padding-top: 60px;
  padding-bottom: 120px;
  position: relative;
}
#cont01 .cont-in .bgitem {
  display: block;
  position: absolute;
}
#cont01 .cont-in #cont01-bgitem01 {
  height: 198px;
  width: 198px;
  top: 0;
  left: -161px;
}
#cont01 .cont-in #cont01-bgitem02 {
  height: 270px;
  width: 270px;
  top: 363px;
  right: -215px;
}
#cont01 .cont-in #cont01-bgitem03 {
  height: 270px;
  width: 270px;
  top: 899px;
  left: -260px;
}
#cont01 .cont-in #cont01-bgitem04 {
  height: 270px;
  width: 270px;
  top: 1656px;
  right: -198px;
}
#cont01 .cont-in #cont01-bgitem05 {
  height: 233px;
  width: 233px;
  top: 2191px;
  left: -155px;
}
#cont01 .cont-in #cont01-bgitem06 {
  height: 575px;
  width: 769px;
  top: 650px;
  right: -200px;
}
#cont01 .cont-in #cont01-bgitem07 {
  height: 722px;
  width: 676px;
  top: 1240px;
  left: -402px;
}

@media screen and (max-width: 767px) {
  #cont01 {
    background: url(img/sp_line.gif) no-repeat top center;
    margin-top: 30px;
  }
  #cont01 .cont-in {
    padding-bottom: 60px;
  }
  .cont01-about {
    margin-top: 21px;
    padding: 13px;
  }
  .cont01-about .photo {
    width: 20%;
  }
  .cont01-about .fr {
    width: 75%;
  }
  .cont01-about .fr .prof {
    font-size: 100%;
    margin-top: 0;
  }
  .cont01-about .fr .prof .year {
    display: block;
    font-size: 85.7142857143%;
  }
  .cont01-item .text-area {
    width: 100%;
  }
  .cont01-item .text-area.fl, .cont01-item .text-area.fr {
    float: none;
    padding: 0;
  }
  .cont01-item .text-area h3 {
    margin-bottom: 20px;
  }
  .cont01-item .text-area p {
    font-size: 100%;
  }
  .cont01-item .text-area img {
    height: auto;
    width: 230px;
  }
  .cont01-item .pic-area {
    margin-top: 20px;
    width: 100%;
  }
  .cont01-item .pic-area img {
    height: auto;
    width: 100%;
  }
}
/* ==========================================================================
   cont02：ペルソナ優待プラン
   ========================================================================== */
#cont02 {
  background: url(img/menu-wrap-bg01.jpg) no-repeat center top;
  padding: 120px 0 0;
}
#cont02 .cont-text {
  color: #2c2c2c;
}

#cont02-ttlbtm {
  margin-top: 34px;
}

#cont02-in01 {
  background: url(img/menu-wrap-bg02.jpg) repeat-y center top;
}

#cont02-in02 {
  background: url(img/menu-wrap-bg03.jpg) no-repeat center bottom;
  padding: 0 0 100px;
}

#menu-wrap {
  background: url(img/menu-bg01.gif) no-repeat center top #fff;
  margin-top: 50px;
}
#menu-wrap #menu-wrap-in {
  background: url(img/menu-bg02.gif) no-repeat center bottom;
  padding: 80px 40px;
}
#menu-wrap h3 {
  margin-top: 80px;
}

.menu-item {
  margin-top: 60px;
}

.menu-ttl-wrap {
  background: url(img/dot.gif) repeat-x left bottom;
  margin-bottom: 40px;
  padding-bottom: 21px;
  position: relative;
}
.menu-ttl-wrap .menu-ttl {
  font-size: 114.2857142857%;
  float: left;
}
.menu-ttl-wrap .menu-link {
  float: left;
  margin-left: 20px;
  margin-top: 3px;
}
.menu-ttl-wrap .menu-link a {
  background: url(img/icon-link.gif) no-repeat left center;
  color: #88b66f;
  padding-left: 13px;
}
.menu-ttl-wrap .menu-link a:hover {
  text-decoration: underline;
}
.menu-ttl-wrap .menu-price {
  font-size: 114.2857142857%;
  position: absolute;
  top: 0;
  right: 0;
}

.menu-list {
  padding-left: 40px;
  /*width: 400px;*/
}
.menu-list.w-full {
  width: 100%;
}
.menu-list li {
  font-size: 100%;
  margin-top: 20px;
}
.menu-list li:first-child {
  margin-top: 0;
}
.menu-list li .french {
  font-size: 78.5714285714%;
  display: block;
  margin-bottom: 3px;
}

.menu-pic {
  width: 404px;
}

#taxi {
  background: url(img/icon-taxi.gif) no-repeat 40px 10px #eee1d9;
  min-height: 70px;
  margin-top: 40px;
  padding: 10px 40px 10px 130px;
}
#taxi p {
  padding-top: 24px;
}

#menu-drink {
  background: url(img/bg-drink.jpg) no-repeat 96px center #f5f5f5;
  margin-top: 40px;
  padding: 40px 40px 40px 360px;
}
#menu-drink h4 {
  margin-bottom: 30px;
}
#menu-drink li {
  margin-top: 10px;
}
#menu-drink li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  #cont02 {
    padding: 60px 0 0;
  }
  #cont02-ttlbtm {
    margin-top: 21px;
  }
  #cont02-ttlbtm .sp-item {
    border: 2px solid #2f0e02;
    padding: 13px 21px;
  }
  #cont02-ttlbtm .sp-item .text-bold {
    font-size: 114.2857142857%;
    color: #563724;
    display: block;
    padding-bottom: 3px;
  }
  #cont02-in02 {
    padding: 0 0 50px;
  }
  #menu-wrap {
    background-size: 100% auto;
    margin-top: 40px;
  }
  #menu-wrap #menu-wrap-in {
    background-size: 100% auto;
    padding: 40px 20px;
  }
  #menu-wrap h3 img {
    height: auto;
    width: 160px;
  }
  .menu-item {
    margin-top: 40px;
  }
  .menu-ttl-wrap {
    background: none;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  .menu-ttl-wrap .menu-ttl, .menu-ttl-wrap .menu-link {
    float: none;
  }
  .menu-ttl-wrap .menu-ttl {
    background: url(img/dot.gif) repeat-x left bottom;
    margin-bottom: 10px;
    padding-bottom: 8px;
  }
  .menu-ttl-wrap .menu-link {
    text-align: right;
    margin-left: 0;
    margin-top: 0;
  }
  .menu-ttl-wrap .menu-price {
    position: inherit;
    top: inherit;
    right: inherit;
    text-align: right;
  }
  .menu-list.fl, .menu-pic.fr {
    float: none;
  }
  .menu-list {
    padding-left: 0;
    width: 100%;
  }
  .menu-list li {
    margin-top: 10px;
  }
  .menu-pic {
    margin-top: 20px;
    width: 100%;
  }
  .menu-pic img {
    width: 100%;
  }
  #taxi {
    background-position: 20px 10px;
    min-height: 70px;
    margin-top: 20px;
    padding: 10px 20px 10px 110px;
  }
  #taxi p {
    padding-top: 10px;
  }
  #menu-drink {
    background-image: none;
    margin-top: 30px;
    padding: 20px;
  }
  #menu-drink h4 {
    margin-bottom: 20px;
  }
  #menu-drink h4 img {
    height: auto;
    width: 160px;
  }
  #menu-drink li {
    margin-top: 5px;
  }
  #menu-drink li:first-child {
    margin-top: 0;
  }
}
/* ==========================================================================
   cont03：店舗詳細
   ========================================================================== */
#cont03 {
  padding: 100px 0;
}
#cont03 h3 {
  text-align: center;
  margin-bottom: 60px;
}
#cont03 h3 img {
  border-bottom: 3px solid #563724;
  padding-bottom: 10px;
}
#cont03 h4 {
  font-size: 128.5714285714%;
  color: #6a4833;
  margin: 30px 0 10px;
}

#access-map {
  width: 480px;
}
#access-map #gmap {
  position: relative;
  padding-bottom: 76.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#access-map #gmap iframe, #access-map .gmap object, #access-map .gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#detail-text {
  width: 440px;
}
#detail-text .disc-list {
  margin-top: 10px;
}
#detail-text .disc-list > li {
  margin-top: 0;
}
#detail-text .disc-list > li:before {
  color: #6a4833;
}
#detail-text li {
  margin-top: 5px;
}
#detail-text li:first-child {
  margin-top: 0px;
}

#card, #attention {
  margin-top: 40px;
}
#card h4, #attention h4 {
  margin: 0 0 10px;
}

#attention {
  background-color: #f5f5f5;
  padding: 20px 40px;
}
#attention .disc-list li:before {
  color: #563724;
}

@media screen and (max-width: 767px) {
  #cont03 {
    padding: 40px 0;
  }
  #cont03 h3 {
    margin-bottom: 20px;
  }
  #cont03 .fl, #cont03 .fr {
    float: none;
  }
  #access-map {
    width: 100%;
  }
  #access-text {
    margin-top: 20px;
  }
  #card, #attention {
    margin-top: 20px;
  }
  #card img {
    height: auto;
    width: 100%;
  }
  #attention {
    padding: 10px 20px;
  }
}
/* ==========================================================================
   cont04
   ========================================================================== */
#cont04 {
  background: url(img/bg-cont04.jpg) no-repeat center top;
}
#cont04 p {
  text-align: center;
  padding: 133px 0 133px;
}

/* ==========================================================================
   footer
   ========================================================================== */
footer {
  background-color: #563724;
  color: #fff;
  padding: 40px 0;
}
footer .cont-in {
  position: relative;
}

.footer-l {
  width: 520px;
}
.footer-l .footer-in-l {
  width: 120px;
}
.footer-l .footer-in-r {
  font-size: 85.7142857143%;
  width: 370px;
}

.footer-r {
  width: 440px;
}

#pagetop {
  position: absolute;
  bottom: inherit;
  right: 0;
}
#pagetop a {
  display: block;
}

#copyright {
  padding: 85px 0 0 0;
  text-align: right;
}

@media screen and (max-width: 767px) {
  footer {
    padding: 0 0 10px;
  }
  footer .fl, footer fr {
    float: none;
    text-align: center;
  }
  .footer-l {
    padding-top: 40px;
    width: inherit;
  }
  .footer-l .footer-in-l {
    margin-bottom: 20px;
    width: inherit;
  }
  .footer-l .footer-in-r {
    width: inherit;
  }
  .footer-r {
    width: inherit;
    margin-bottom: 61px;
  }
  #pagetop {
    border-radius: inherit;
    position: inherit;
    right: inherit;
    height: auto;
    width: 100%;
  }
  #pagetop a {
    text-align: center;
    background-color: #eee1d9;
  }
  #pagetop a img {
    height: auto;
    width: 30px;
  }
  #copyright {
    border-top: 1px solid #eee1d9;
    padding-top: 10px;
    text-align: center;
  }
  #sp-footer {
    background-color: #7ab15c;
    color: #563724;
    bottom: 0;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  #sp-footer #sp-tel {
    text-align: center;
  }
  #sp-footer #sp-tel a {
    display: block;
    padding: 5px 0;
  }
  #sp-footer #sp-tel img {
    height: auto;
    width: 360px;
  }
}
/* ==========================================================================
   キャンペーン終了メッセージ
   ========================================================================== */
#cont01 .cont-in {
  padding-top: 0px;
}
#cont01 .cont-in #cont01-bgitem01 {
  top: 89px;
}
#cont01 .cont-in #cont01-bgitem02 {
  top: 312px;
}
#cont01 .cont-in #cont01-bgitem03 {
  top: 828px;
}
#cont01 .cont-in #cont01-bgitem04 {
  top: 1585px;
}
#cont01 .cont-in #cont01-bgitem05 {
  top: 2080px;
}
#cont01 .cont-in #cont01-bgitem06 {
  top: 719px;
}
#cont01 .cont-in #cont01-bgitem07 {
  top: 1149px;
}

#end-message {
  border: 2px solid #e40000;
  border-radius: 3px;
  background-color: #f9f9f9;
  padding: 21px 70px;
  z-index: 999;
  position: relative;
}
#end-message p {
  font-size: 114.2857142857%;
  color: #e40000;
  /*text-align: center;*/
}
#end-message p span {
  /*@include fontsize(24);*/
  font-size: 128.5714285714%;
  display: block;
  font-weight: bold;
  text-align: center;
}
#end-message .comment {
  margin-top: 10px;
  font-size: 107.1428571429%;
}

#cont01 #end-message {
  margin: 0 0 89px;
}

#cont02 #end-message {
  margin: 34px 0 0;
}

@media screen and (max-width: 767px) {
  #cont01 .cont-in {
    padding: 40px 0 60px;
  }
  #end-message {
    padding: 13px;
    position: inherit;
  }
  #end-message p {
    font-size: 92.8571428571%;
    color: #e40000;
    /*text-align: center;*/
  }
  #end-message p span {
    font-size: 133.3333333333%;
    display: block;
    font-weight: bold;
    text-align: center;
  }
  #cont01 #end-message {
    margin: 0 0 60px;
  }
  #cont02 #end-message {
    margin: 21px 0 0;
  }
}
.red {
  color: #e40000;
}

.note {
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 92.8571428571%;
  color: #6a4833;
}

.suggest {
  margin-bottom: 30px;
  color: #784c2f;
  background: #f8f5f1;
  padding: 5px 10px;
}

.txt-s {
  font-size: 85.7142857143%;
}

#chef .fl {
  width: 280px;
}
#chef .fr {
  width: 630px;
}

@media screen and (max-width: 767px) {
  #chef .fl {
    width: 100%;
  }
  #chef .fr {
    width: 100%;
  }
  #chef-img {
    text-align: center;
    margin-bottom: 20px;
  }
}
.choice {
  color: #e40000;
  font-size: 82%;
  text-indent: -1em;
}

.menu-note {
  color: #784c2f;
  font-size: 82%;
}