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

file name  : restaurant.css
author     : Abilive
style info : レストランCMS
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_rest {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_rest {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_rest {
    max-width: calc(1000px * ((16 + 1) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rest {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_rest {
    width: calc(690 / 750 * 100%);
  }
}

.con_rest *:first-child {
  margin-top: 0;
}

.con_intro {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_intro {
    width: calc(1200 / 1440 * 100%);
    max-width: calc(1200px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_intro {
    max-width: calc(1200px * ((16 + 1) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro {
    margin-bottom: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    margin-bottom: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro .tmp_intro {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .tmp_intro {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .tmp_intro {
    margin-bottom: 2.85rem;
  }
}
.con_intro .box_intro {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro {
    flex-direction: column;
  }
}
.con_intro .box_intro > .img {
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_intro .box_intro > .img {
    width: calc(470 / 1200 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_intro > .img {
    width: calc(470 / 1200 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro > .img {
    width: 100%;
  }
}
.con_intro .box_intro .box_r {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_intro .box_intro .box_r {
    width: calc(670 / 1200 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_intro .box_r {
    width: calc(670 / 1200 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .box_r {
    width: 100%;
  }
}
.con_intro .box_intro .box_r .box_img {
  display: flex;
  justify-content: center;
}
.con_intro .box_intro .box_r .box_img .img1 {
  margin-top: 4.28rem;
}
@media only screen and (min-width: 1025px) {
  .con_intro .box_intro .box_r .box_txt {
    margin: 4.28rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_intro .box_r .box_txt {
    margin: 4.28rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .box_r .box_txt {
    margin: 1.42rem 0;
  }
}
.con_intro .box_intro .box_r .box_txt .tmp_catch {
  margin-bottom: 1.42rem;
}
@media only screen and (min-width: 768px) {
  .con_intro .box_intro .box_r .box_txt .tmp_catch {
    font-size: 1.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .box_r .box_txt .tmp_catch {
    font-size: 1.15rem;
  }
}

.con_chef {
  margin-right: auto;
  margin-left: auto;
  background: #f9f9f9;
}
@media only screen and (min-width: 1025px) {
  .con_chef {
    width: calc(1200 / 1440 * 100%);
    max-width: calc(1200px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_chef {
    max-width: calc(1200px * ((16 + 1) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_chef {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_chef {
    padding: 4.28rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef {
    padding: 4.28rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef {
    padding: 1.42rem 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_chef .tmp_st_m {
    padding: 1.42rem 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .tmp_st_m {
    padding: 0rem 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .tmp_st_m {
    padding: 1.42rem;
  }
}
.con_chef .box_chef {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef {
    margin: 0 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef {
    margin: 0 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef {
    margin: 0 1.42rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef {
    padding: 2.14rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef {
    padding: 2.14rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef {
    padding: 2.14rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef {
    flex-direction: column;
  }
}
.con_chef .box_chef:last-child {
  border: none;
  padding-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef .img {
    width: calc(280 / 1020 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .img {
    width: calc(280 / 1020 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .img {
    width: 100%;
  }
}
.con_chef .box_chef .box_txt {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef .box_txt {
    width: calc(700 / 1020 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .box_txt {
    width: calc(700 / 1020 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .box_txt {
    width: 100%;
  }
}
.con_chef .box_chef .box_txt .tmp_text {
  margin-bottom: 1.42rem;
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef .box_txt .st {
    margin-bottom: 1.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .box_txt .st {
    margin-bottom: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .box_txt .st {
    margin-bottom: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .box_txt .st {
    margin-top: 1.42rem;
  }
}
.con_chef .box_chef .box_txt .st span {
  display: block;
}
.con_chef .box_chef .box_txt .st .sub {
  color: var(--bbbbb);
}
@media only screen and (min-width: 768px) {
  .con_chef .box_chef .box_txt .st .tit {
    font-size: 1.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .box_txt .st .tit {
    font-size: 1.31rem;
  }
}