@charset "utf-8";
@import url('../common/common.css');

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

/*スライダーの影響でcommon.cssで指定しているz-indexを100,101にしたい*/
#header.headerFix {
  z-index:100;
}

.allNavOverlay{
  z-index:100;
}

.allNav,
.allNavMenu{
  z-index:101;
}

/*見学のご予約ボタンがフッターのボタンに影響する為*/
.shopContactArea .reserveBtn, .shopContactArea .contactBtn{
  float:none;
  border: 1px solid #fff;
}

/*------------------------------------
slider
------------------------------------*/

#slideArea{
  background:#f4f0e9;
  position: relative;
}

.naviArea{
  width:300px;
  position:absolute;
  left:0;
  top:0;
  z-index: 1;
}

.naviContArea{
  padding:60px 0 80px;
}

.naviArea .areaTtl{
  margin:0 auto 40px;
}

.naviArea .areaTtl .ttlBar{
  background:#a18449;
}

.naviArea .areaTtl .ttlTxt01{
  color: #a18449;
}

.naviArea .areaTtl .ttlTxt02{
  color: #000;
}

.cat .cat01{
  font-size: 21px;
  color:#000;
  font-family: "garamond-premier-pro", serif !important;
  font-style: italic;
  -moz-osx-font-smoothing: grayscale;
}

.cat .cat02{
  font-size:10px;
  color:#a18449;
  font-family: "garamond-premier-pro",serif;
  -moz-osx-font-smoothing: grayscale;
  margin:0px 0 20px;
}

.sample{
  border:1px solid #a18449;
  width:178px;
  text-align: center;
  margin:20px auto;
}

.sample a{
  display:block;
  padding:8px 0 7px;
  background:url(../../img/cuisine/btnIconBlank.gif) no-repeat 160px 12px;
  color:#a18449;
  font-size:11px;
  text-decoration: none;
}

.sample a:hover{
  color:#a18449;
}

.naviArea .sTxt{
  font-size:10px;
  line-height:1.8;
  text-align: left;
  position: absolute;
  left:20px;
  bottom:20px;
}

.bx-pager{
  width:180px;
  margin:0 auto;
  text-align: left;
}

#slider{
  max-width:1650px;
  padding:0 0 0 300px;
  position: relative;
  overflow:hidden;
}

.bg_img{
  background:#FFF;
}

#slider2{
  position: static !important;
}

#slider2 li{
  position: relative !important;
}

#slider2 img{
  /*min-height:570px;*/
  position: relative;
  top:50% !important;
}

.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  
.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
border:3px solid #a18449;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.bx-prev{
  width:60px;
  height:60px;
  background-image: url(/smp/assets/img/shopCommon/sliderArrow.gif);
  background-position:left top;
  text-indent: -9999px;
  position:absolute;
  top:50%;
  left:300px;
  margin:-15px 0 0;
  z-index: 60;
}

.bx-next{
  width:60px;
  height:60px;
  background-image: url(/smp/assets/img/shopCommon/sliderArrow.gif);
  background-position:right top;
  text-indent: -9999px;
  position:absolute;
  top:50%;
  right:0;
  margin:-15px 0 0;
  z-index: 60;
}


/*------------------------------------
Modal
------------------------------------*/
.modalBtn{
  position: absolute;
  bottom:15px;
  right:15px;
  z-index:60;
}

.leadTtl{
  text-align:center;
  margin:0 0 22px;
}
.leadTtl .sub{
  font-size:10px;
  line-height:1;
  margin:0 0 30px 5px;
}
.leadTtl .main {
  -moz-osx-font-smoothing: grayscale;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
  font-size: 18px;
  line-height: 1;
  margin: 0 0 8px;
}

.photo{
  width:300px;
  float:left;
  text-align: center;
}
.photo .head{
  font-family: "garamond-premier-pro", serif !important;
  font-style: italic;
  -moz-osx-font-smoothing: grayscale;
  font-size:10px;
  margin:20px 0 0;
}
.photo .name{
  font-size:16px;
  margin:20px 0 0;
  padding:0 0 60px;
}

.txts{
  width:540px;
  float:left;
  padding:60px 50px;
  text-align: left;
}

.txts .catch{
  font-size:24px;
  margin:0 0 30px;
}

.txts .txt{
  font-size:12px;
  line-height:2;
}

.txts .name{
  margin:30px 0 0;
  font-size:24px;
  font-family: "garamond-premier-pro",serif;
  -moz-osx-font-smoothing: grayscale;
}

.txts .nameJp{
  font-size:10px;
  margin:0 0 15px;
}

.chef{
  overflow: hidden;
}

.chef img{
  float:left;
  margin:0 20px 0 0;
  width:120px;
}

.chef .txt{
  float:right;
  width:400px;
}

.menu{
  text-align: center;
  color:#221715;
}

.menu .head{
  margin:20px 0 2px;
  line-height:1.5;
  color:#a18449;
}

.menu .head:first-child{
  margin:0 0 2px;
}

.menu .head{
  font-family: "garamond-premier-pro",serif;
  -moz-osx-font-smoothing: grayscale;
  font-size:12px;
}

.menu .name{
  font-size:14px;
  line-height:1.3;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
}

.menu .small{
  font-size:10px;
  line-height:1.5;
  padding-top:4px;
}

.modal-content {
    position:relative;
    display:none;
    width:640px;
    margin:120px 30px;
    padding:60px 20px;
    border:none;
    background:#fff;
}

.modal-content.Quality{
  width:940px;
  padding:0;
  background:#FFF url(../../img/cuisine/bgModal.gif) repeat-y left;
}

.modal-content.Quality.QualityPad{
  width:840px;
  margin-left: 70px;
}

.coursePad{
  margin-left: 160px;
}

.modal-content.Quality.QualityPad .txts{
    float: left;
    padding: 60px 50px;
    text-align: left;
    width: 440px !important;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:101;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.85);
}

.modal-wrap {
    z-index:102;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
    position: absolute;
    top:-60px;
    right:0;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

/*------------------------------------
info
------------------------------------*/

.info{
  background:#FFF;
  width:100%;
  padding:113px 0 93px;
}

.info p{
  font-size:16px;
  line-height:1.75;
  margin:0 0 50px;
}

.btns{
  overflow: hidden;
  width:300px;
  margin:0 auto;
}

.btns .reserveBtn,
.btns .scheduleBtn {
  background: url(/assets/img/shopCommon/icoArrow02.png) 93% center no-repeat #a93737;
  border: 1px solid #a93737;
  height: 80px;
  text-align: center;
  width: 300px;
}
.btns .reserveBtn {
  float:left;
}
.btns .scheduleBtn {
  float:right;
}
.btns .reserveBtn a,
.btns .scheduleBtn a {
  padding: 30px 0;
  text-align: center;
}
.btns .reserveBtn a {
  background: url("/assets/img/shopCommon/icoReserve.png") 18px center no-repeat;
}
.btns .scheduleBtn a {
  background: url("/assets/img/shopCommon/icoCalendar03.png") 18px center no-repeat;
}

/*
.btns .reserveBtn,
.btns .scheduleBtn{
  width:300px;
  border:1px solid #a18449;
  color:#FFF;
  background-color:#a18449;
  text-align: center;
}

.btns .reserveBtn{
  background:#a18449 url(../../img/cuisine/btnIconReserve.png) no-repeat 65px center;
  float:left;
}

.btns .scheduleBtn{
  background:#a18449 url(../../img/cuisine/btnIconSchedule.png) no-repeat 30px center;
  float:right;
}

.btns .reserveBtn a,
.btns .scheduleBtn a{
  background:url(../../img/cuisine/btnIconArrow.png) no-repeat 270px center;
  text-align: center;
  padding: 30px 18px;
}
*/




/*SP CSS */
/*---------------------------------------------------------------------------*/

/*スライダーの影響でcommon.cssで指定しているz-indexを100,101にしたい*/
@media screen and (max-width: 768px) {
  #header.headerFix {
    z-index:100;
  }

  .allNavOverlay{
    z-index:100;
  }

  .allNav,
  .allNavMenu{
    z-index:101;
  }
  .shopContactArea .reserveBtn, .shopContactArea .contactBtn{
    float:none;
    border: 1px solid #fff;
  }
}
/*------------------------------------
slider
------------------------------------*/
@media screen and (max-width: 768px) {

  #slideArea{
    background:#f4f0e9;
    position: relative;
    margin-bottom:380px;
  }
  #slider{
    max-width:100%;
    padding:0px;
    position: relative;
    overflow:hidden;
  }
  #slider{
    position:relative;
    margin:0 0 40px;
  }
  .bx-viewport img{
    height: auto;
    vertical-align: bottom;
    width: 100%;
  }
  .bx-pager{
    display:none;
  }

  .bx-prev{
    width:30px;
    height:30px;
    background-image: url(/smp/assets/img/shopCommon/sliderArrow.gif);
    background-size:60px 30px;
    background-position:left top;
    text-indent: -9999px;
    position:absolute;
    top:50%;
    left:0;
    margin:-15px 0 0;
    z-index:52;
  }

  .bx-next{
    width:30px;
    height:30px;
    background-image: url(/smp/assets/img/shopCommon/sliderArrow.gif);
    background-size:60px 30px;
    background-position:right top;
    text-indent: -9999px;
    position:absolute;
    top:50%;
    right:0;
    margin:-15px 0 0;
    z-index:52;
  }
}

/*------------------------------------
料理〜コース
------------------------------------*/
@media screen and (max-width: 768px) {
  .contentsTtl {
    padding: 30px 0;
  }
  .ttlBar {
    background: #beb098;
    font-size: 0;
    height: 1px;
    margin: 0 auto;
    width: 60px;
  }
  .ttl01 {
    color: #a18449;
    font-family: "garamond-premier-pro", serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 14px 0 0;
    text-align: center;
  }
  .ttl02 {
    color: #4b4130;
    font-family: 'ヒラギノ明朝 Pro W3', Roboto, 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 10px;
    line-height: 15px;
    margin: 0 0 5px;
    text-align: center;
  }
  .leadTtl{
    text-align:center;
    margin:0 0 22px;
  }
  .leadTtl .sub{
    font-size:10px;
    line-height:1;
    margin:0 0 15px;
  }
  .leadTtl .main{
    font-size:18px;
    line-height:1;
    margin:0 0 8px;
    font-family: "garamond-premier-pro",serif;
  }
  .leadTtl .en{
    font-size:10px;
    color:#a18449;
    line-height:1.2;
    font-family: "garamond-premier-pro", serif !important;
    font-style: italic;
  }

  .leadImg{
    text-align:center;
    margin:0 0 30px;
  }

  .leadImg img{
    width:150px;
    height:auto;
  }

  .catch{
    font-size:18px;
    line-height:1.5;
    margin:0 0 30px;
    text-align: center;
  }

  .txt{
    line-height:1.7;
  }
  #lead01{
    padding: 0 6%;
    margin:0 0 30px;
  }
  #lead01 .inner{
    background:#FFF;
    padding:40px 35px;
  }
  #chef{
    padding: 0 6%;
    margin:0 0 30px;
  }
  #chef .inner{
    background:#FFF;
    padding:40px 35px;
  }
  #course{
    padding: 0 6%;
    margin:0 0 30px;
  }

  #course .inner{
    background:#FFF;
    padding:40px 35px;
  }

  .menu{
    text-align: center;
  }

  .menu .head{
    margin:15px 0 2px;
    line-height:1.5;
    color:#a18449;
  }

  .menu .head:first-child{
    margin:0 0 2px;
  }

  .menu .head{
    font-family: "garamond-premier-pro",serif;
    font-size:8px;
  }

  .menu .name{
    font-size:12px;
    line-height:1.3;
    font-family: 'ヒラギノ明朝 Pro W3', Roboto, 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
  }

  .menu .small{
    font-size:8px;
    line-height:1.5;
    padding-top:4px;
  }

  #bnrArea {
    padding: 0 6%;
    margin:0 0 45px;
  }

  #bnrArea p{
    text-align: center;
    margin:0 0 22px;
    line-height:1.6;
  }
  #bnrArea .btnItem01 {
      background-color: #a18449;
      background-image: url("/assets/img/common/icoArrow02.png");
      margin: 0 auto;
      width: 100%;
  }
  #bnrArea .btnItem01 a {
      color: #ffffff;
      display: block;
      padding: 24px 0;
      text-align: center;
  }
  #bnrArea .btnItem02 {
      background-color: rgba(255, 255, 255, 0.1);
      background-image: url("/assets/img/common/icoArrow02.png");
      background-position: 95% center;
      background-repeat: no-repeat;
      background-size: 5px auto;
      border: 1px solid #ffffff;
      margin: 0 auto;
      width: 100%;
  }

  #bnrArea .btnItem02 a {
      color: #ffffff;
      display: block;
      padding: 23px 0;
      text-align: center;
  }

  #bnrArea .btnItem01.reserveBtn {
      margin: 15px auto 10px;
  }
  #bnrArea .btnItem01.contactBtn {
      margin: 0 auto 0;
  }
  #bnrArea .btnItem01.reserveBtn a {
      background: rgba(0, 0, 0, 0) url("/assets/img/common/icoReserve.png") no-repeat scroll 5% center / 21px auto;
      padding: 20px 0;
  }
  #bnrArea .btnItem01.contactBtn a {
      background: rgba(0, 0, 0, 0) url("/assets/img/common/icoContact.png") no-repeat scroll 5% center / 21px auto;
      padding: 20px 0;
  }
  .fairBtn {
    background: url(/assets/img/shopCommon/icoCalendar03.png) 18px center no-repeat;
    background-color:#a93737;
    margin: 15px auto 40px;
    width: 270px;
  }
  .fairBtn a {
    color: #FFF;
    display: block;
    font-size: 12px;
    font-weight:bold;
    text-decoration:none;
    padding: 20px 0;
    text-align: center;
  }
}


/*------------------------------------
Modal
------------------------------------*/
@media screen and (max-width: 768px) {
  .modalBtn{
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 60;
    text-align: right;
    width: 60%;
    max-width:320px;
  }
  .modalBtn .modal-open img {
    width:60%;
    height:60%;
  }

  .leadTtl{
    text-align:center;
    margin:0 0 22px;
  }
  .leadTtl .sub{
    font-size:10px;
    line-height:1;
    margin:0 0 30px 5px;
  }
  .leadTtl .main {
    -moz-osx-font-smoothing: grayscale;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
    font-size: 18px;
    line-height: 1;
    margin: 0 0 8px;
  }

  .photo{
    width:100%;
    float:none;
    text-align: center;
  }
  .photo .head{
    font-family: "garamond-premier-pro", serif !important;
    font-style: italic;
    -moz-osx-font-smoothing: grayscale;
    font-size:10px;
    margin:20px 0 0;
  }
  .photo .name{
    font-size:16px;
    margin:20px 0 0;
    padding:0 0 60px;
  }

  .txts{
    width: calc(100% - 48px);
    float: none;
    padding: 16px 24px;
    text-align: left;
  }

  .txts .catch{
    font-size:24px;
    margin:0 0 30px;
  }

  .txts .txt{
    font-size:12px;
    line-height:2;
  }

  .txts .name{
    margin:30px 0 0;
    font-size:24px;
    font-family: "garamond-premier-pro",serif;
    -moz-osx-font-smoothing: grayscale;
  }

  .txts .nameJp{
    font-size:10px;
    margin:0 0 15px;
  }

  .chef{
    overflow: hidden;
  }

  .chef img{
    float:left;
    margin:0 20px 0 0;
    width:120px;
  }

  .chef .txt{
    float:right;
    width:400px;
  }

  .menu{
    text-align: center;
    color:#221715;
  }

  .menu .head{
    margin:20px 0 2px;
    line-height:1.5;
    color:#a18449;
  }

  .menu .head:first-child{
    margin:0 0 2px;
  }

  .menu .head{
    font-family: "garamond-premier-pro",serif;
    -moz-osx-font-smoothing: grayscale;
    font-size:12px;
  }

  .menu .name{
    font-size:14px;
    line-height:1.3;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
  }

  .menu .small{
    font-size:10px;
    line-height:1.5;
    padding-top:4px;
  }

  .modal-content {
    position: relative;
    display: none;
    width: calc(100% - 72px);
    margin: 30px 12px 120px 12px;
    top: 0 !important;
    padding: 60px 24px;
    border: none;
    background: #fff;
    overflow: scroll;
  }

  .modal-content.Quality{
    width: calc(100% - 24px);
    margin: 30px 12px 120px 12px;
    padding: 60px 0px;
    background:#fff;
  }

  .modal-content.Quality.QualityPad{
    width:840px;
    margin-left: 70px;
  }

  .coursePad{
    margin-left: 160px;
  }

  .modal-content.Quality.QualityPad .txts{
      float: left;
      padding: 60px 50px;
      text-align: left;
      width: 440px !important;
  }

  .modal-content p {
      margin:0;
      padding:0;
  }

  .modal-overlay {
      z-index:101;
      display:none;
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:120%;
      background-color:rgba(0,0,0,0.85);
  }

  .modal-wrap {
      z-index:102;
      display:none;
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      overflow:auto;
      overflow:scroll;
  }

  .modal-open {
      color:#00f;
      text-decoration:underline;
  }

  .modal-open:hover {
      cursor:pointer;
      color:#f00;
  }

  .modal-close {
      color:#00f;
      text-decoration:underline;
      position: absolute;
      top:0px;
      right:0;
  }

  .modal-close:hover {
      cursor:pointer;
      color:#f00;
  }
}
/*------------------------------------
info
------------------------------------*/
@media screen and (max-width: 768px) {
  .info{
    background:#FFF;
    width:100%;
    padding:113px 0 93px;
  }

  .info p{
    font-size:16px;
    line-height:1.75;
    margin:0 0 50px;
  }

  .btns{
    overflow: hidden;
    width:300px;
    margin:0 auto;
  }

  .btns .reserveBtn,
  .btns .scheduleBtn {
    background: url(/assets/img/shopCommon/icoArrow02.png) 93% center no-repeat #a93737;
    border: 1px solid #a93737;
    height: 80px;
    text-align: center;
    width: 300px;
  }
  .btns .reserveBtn {
    float:left;
  }
  .btns .scheduleBtn {
    float:right;
  }
  .btns .reserveBtn a,
  .btns .scheduleBtn a {
    padding: 30px 0;
    text-align: center;
  }
  .btns .reserveBtn a {
    background: url("/assets/img/shopCommon/icoReserve.png") 18px center no-repeat;
  }
  .btns .scheduleBtn a {
    background: url("/assets/img/shopCommon/icoCalendar03.png") 18px center no-repeat;
  }
}