@charset "UTF-8";
/* メインカラー */
/* サブカラー */
/* アクセントカラー */
/* common
---------------------------------------------------------------------- */
.restaurant .subPageItem__content {
  margin-right: 15px;
}

.restaurant .mainvisual__ttl img {
  width: 325px;
}

.restaurant .mainvisual__ttl > span {
  letter-spacing: 0.11em;
  margin-left: 0.3em;
}

.restaurant .mainvisual__label {
  display: inline-block;
  font-size: 17px;
  letter-spacing: 0.16em;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#a0830b), to(#86600f));
  background: linear-gradient(to right, #a0830b 0%, #86600f 100%);
  padding: 0em 0.5em;
  margin-left: 0.3em;
  text-shadow: none;
}

.restaurant__ttl {
  position: relative;
}
.restaurant__ttl span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 17px;
  letter-spacing: 0.16em;
  background: -webkit-gradient(linear, left top, right top, from(#a0830b), to(#86600f));
  background: linear-gradient(to right, #a0830b 0%, #86600f 100%);
  width: 113px;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 90%;
}

.intro {
  background-position: top 750px left 95%, bottom 73px left -44px;
}

.intro .subPageItem__ttl span {
  font-size: 35px;
  letter-spacing: 0.1em;
  margin-top: 100px;
}

/* chef
---------------------------------------------------------------------- */
.chef {
  color: #fff;
  background: url(../images/bg_deco.png);
  background-color: #000;
  padding: 145px 20px 140px;
  position: relative;
}
.chef .mainw {
  position: relative;
  z-index: 2;
}

.chef__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.chef__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.chef__tag {
  text-align: center;
  margin-bottom: 14px;
}
.chef__tag span {
  font-size: 2.2px;
  line-height: 1;
  letter-spacing: 0.16em;
  padding: 0.2em 1.3em;
  background: -webkit-gradient(linear, left top, right top, from(#a0830b), to(#86600f));
  background: linear-gradient(to right, #a0830b 0%, #86600f 100%);
}

.chef__title {
  text-align: center;
  font-size: 35px;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
  line-height: 1.45;
}

.chef__gallery.slick-dotted.slick-slider {
  margin-bottom: 15px;
}

/* lineup
---------------------------------------------------------------------- */
.lineup {
  padding: 150px 0 60px;
  position: relative;
}

.lineup dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 14px;
}
.lineup dl dt {
  width: 155px;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
.lineup dl dd {
  width: calc(100% - 155px);
  letter-spacing: 0.2em;
}
.lineup dl dd::before {
  content: "：";
}

.lineupOther {
  padding-top: 190px;
}
.lineupOther .slick-slide {
  margin: 0 15px;
  width: 300px !important;
}

.lineupOther__list {
  -webkit-animation: food-wSlider 55s linear 0s normal infinite;
          animation: food-wSlider 55s linear 0s normal infinite;
}

.lineupOther__img {
  margin-bottom: 5px;
}

.lineupOther__ttl {
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.lineupOther__ttl span {
  display: block;
  font-size: 10px;
  letter-spacing: 0.1em;
}

/* dinner
---------------------------------------------------------------------- */
.dinner__ttl {
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

.dinner__note {
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

/* morning
---------------------------------------------------------------------- */
.morning {
  padding-bottom: 200px;
}
.morning .splitContentBlock_wrap {
  height: 276px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 95px;
}
.morning .splitContentBlock__content h3 {
  font-weight: bold;
}
.morning .splitContentBlock__content p {
  margin-bottom: 0;
}
.morning .slick-slide,
.morning .slick-slide img {
  height: 276px;
}
.morning dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 14px;
  padding-bottom: 20px;
}
.morning dl dt {
  width: 160px;
  letter-spacing: 0.1em;
}
.morning dl dd {
  width: calc(100% - 160px);
  letter-spacing: 0.1em;
}
.morning dl dd::before {
  content: "：";
}

/* material
---------------------------------------------------------------------- */
.material {
  padding: 80px 0;
  background: url(../images/bg_material.jpg?v3) center no-repeat;
  background-size: cover;
}

.material__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  max-width: 600px;
  margin: 0 auto;
}

.material__heading {
  font-size: 35px;
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-left: 39px;
}

.material__list {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-top: 50px;
}
.material__list li {
  margin-left: 100px;
}
.material__list li:nth-of-type(2) {
  margin-top: 75px;
}
.material__list li:nth-of-type(3) {
  margin: 180px 0 0 0;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.material__ttl {
  font-size: 28px;
  letter-spacing: 0.28em;
  position: relative;
}

.material__txt {
  font-size: 18px;
  letter-spacing: 0.22em;
  line-height: 1.88;
}

/* infoSection
---------------------------------------------------------------------- */
.infoSection {
  padding: 115px 20px 115px;
}
.infoSection .ctitle2 {
  margin-bottom: 22px;
}

.infoSection__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}

.infoSection__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.infoSection__content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #515457;
  line-height: 1.875;
  letter-spacing: 0.1em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.infoSection__content dl:last-of-type {
  border-bottom: 1px solid #515457;
}
.infoSection__content dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 125px;
  padding: 10px 0px 10px 15px;
  min-height: 80px;
}
.infoSection__content dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 125px);
  padding: 10px 10px 10px 0;
  min-height: 80px;
}
.infoSection__content p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.infoSection__content p::before {
  content: "：";
}

.infoSection__img {
  width: 40.5%;
  margin-left: 5%;
}
.infoSection__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.infoSection__note {
  border: 1px solid #A0830B;
  padding: 38px 30px;
}
.infoSection__note li:not(:last-of-type) {
  margin-bottom: 30px;
}

.infoSection__noteTtl {
  text-align: center;
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.infoSection__note p {
  text-align: center;
  letter-spacing: 0.1em;
}/*# sourceMappingURL=restaurant.css.map */