/* 共通（全サイト共通の設定） */
/* サイト全体の上下のpadding */
.l-contents__inner {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

/* フッターとbodyの間の隙間を消す */
.l-footer {
  margin-top: -1px!important;
}

/* 共通（各サイトごとに設定） */
/* 全体の背景カラー */
body {
  /* background-color: #FDF8F2!important; */
}

/* パーツ */
/* ボタン */
.btn__color-reverse a {
  border: 1px solid transparent;
}

.btn__color-reverse a,
.btn__color-reverse span {
  transition: all 0.3s ease;
}
.btn__color-reverse a:hover {
  filter: none;
  background-color: #fff;
  border: 1px solid #7B97B0;
}

.btn__color-reverse a:hover span {
  color: #7B97B0;
}


.btn__color-reverse--black a {
  border: 1px solid #222222;
  background-color: transparent;
}

.btn__color-reverse--black span {
  color: #222222;
}

.btn__color-reverse--black a,
.btn__color-reverse--black span {
  transition: all 0.3s ease;
}
.btn__color-reverse--black a:hover {
  filter: none;
  background-color: #FFF;
}


/* テキストデコレーション・リンクの下線 */
.text-decoration--none a {
  text-decoration-color: #0693e3;
}

/* テキストデコレーション */
.u-text-decoration {
  text-decoration: underline 2px #333;
}

/* ヘッダーの背景カラー */
.l-header {
  background-color: #F1E9DB!important;
}

/* ファーストビュー */
/* ファーストビューのタイトルに影をつける */
.fv .smb-section__title {
  text-shadow: 1px 2px 2px #1F1F1F;

}
/* ファーストビュー・リード文に影をつける */
.fv .smb-section__body p span {
  text-shadow: 1px 2px 5px #1F1F1F;
}

/* コンセプトセクション */
.concept {
  position: relative!important;
}

.concept__bg-image {
  position: absolute;
  top: -5rem;
  left: calc(50% - 50vw);
  z-index: 0;
}

.concept__bg-image img {
  border-radius: 0 10px 10px 0;
}

/* メニューセクション */
.menu {
  position: relative!important;
  z-index: 2;
}

/* バナーにホバーしたら画像拡大 */
.menu__banner .smb-items__banner__figure {
  filter: grayscale(1) brightness(0.6);
  transition: all 0.3s ease;
}

.menu__banner:hover .smb-items__banner__figure {
  filter: none;
  transform: scale(1.2);
}

/* バナー上の文字の囲み */
.menu__banner .smb-items__banner__body-inner {
  border: 1px solid #7B97B0;
  /* border: 1px solid #fff; */
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

/* フロー */
/* フロー背景画像 */
.flow {
  position: absolute!important;
}

.top-flow__section {
  border-top: 1px solid #D8D2C8;
}

.flow__bg-image {
  position: absolute;
  top: -200px;
  right: calc(50% - 50vw);
  z-index: -1;
  opacity: 0.2;
}

/* 店舗情報・アクセス */
/* Googleマップを白黒に */
.access {
  position: relative;
}
.access__map {
  filter: grayscale(100%);
}

.access__bg-image {
  position: absolute;
  top: 6rem;
  right: calc(50% - 50vw);
  z-index: -1;
  opacity: 1;
}

/* 最終CTA */
.reservation .smb-section__subtitle span {
  position: relative;
  z-index: 2;
  padding-left: 1rem;
  padding-right: 1rem;
}
.reservation__box {
  position: relative;
  z-index: 0;
}

/* =========================================================
# フッター
========================================================= */
/*
# 中央寄せ・ボーダー
---------------------------------- */
.l-footer-widget-area__item.c-row__col {
  text-align: center;
  border-left: 1px solid #e3e3e3;
}

@media screen and (max-width: 1023px) {

  .l-footer-widget-area__item.c-row__col {
    text-align: center;
    border-left: none;
  }
}

/*
# 1023以下でロゴ消す・幅70％
---------------------------------- */
@media screen and (max-width: 1023px) {

  .l-footer__body .c-container {
    width: 70%;
  }

  .l-footer__body .c-container .c-site-branding__title {
    display: none;
  }
}

/* コピーライト */
/* コピーライト背景 */
.l-footer--footer-4 .l-footer__footer, .l-footer--footer-5 .l-footer__footer {
  background-color: #7B97B0;

}

/* コピーライトテキスト */
.l-footer--footer-4 .l-footer__footer, .l-footer--footer-5 .l-footer__footer .c-copyright {
  color: #fff;
}

/* コピーライトテキスト中央寄せ */
.l-footer__footer .c-row {
  justify-content: center;
}

/* ------------------------------------------リスクセクション */
.risk-icon {
  font-size: 1.8rem;
  color: red;
}


/* ーーーーーーーーーーーーーーーーーーーーーーー背景画像 */
.solution {
  position: relative;
}

.solution__bg {
  position: absolute;
  z-index: 0;
  bottom: 5%;
  left: 0;
  opacity: 0.5;
}

.reason {
  position: relative;
}

.reason__bg {
  position: absolute;
  z-index: 0;
  top: 0%;
  left: 0;
  opacity: 0.5;
}

.reason__bg--bottom {
  position: absolute;
  z-index: 0;
  bottom: 0%;
  right: 0;
  opacity: 0.5;
}