@charset "UTF-8";
.ff-en {
  font-family: "Montserrat", san-serif;
  font-style: normal;
  font-weight: 600;
}

/* ======================================================================
 *  ヘッダー
====================================================================== */
/* 重要なお知らせの背景色とラベルの色 */
.c-header .header-information-block {
  background: #e8efeb;
}
@media screen and (min-width: 769px) {
  .c-header .header-information-block {
    background: #f3f7f5;
  }
}
.c-header .header-information-block .label .label svg .border {
  stroke: #206139;
}
.c-header .header-information-block .label .label svg .mark {
  fill: #206139;
}
.c-header .header-information-block .label .label span {
  color: #206139;
}
.c-header .header-information-block .content {
  border-left-color: #206139;
}
.c-header .header-information-block .label span {
  color: #206139;
}
.c-header .header-information-block .label svg .mark {
  fill: #206139;
}
.c-header .header-information-block .label svg .border {
  stroke: #206139;
}

/* ======================================================================
 *  フッター
====================================================================== */
/* フッターメニューの背景色 */
.c-footer .footer-navi-block {
  background: #206139;
}
.c-footer .footer-sns-block .pc_br {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-footer .footer-sns-block .pc_br {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .c-footer .footer-sns-block h2 {
    text-align: center;
  }
}

/* 上へ戻るボタンの背景色 */
.pagetop {
  background: #206139;
}
@media screen and (min-width: 769px) {
  .pagetop:hover {
    background: #79a088;
  }
}

/* ======================================================================
 * グロナビ関連
====================================================================== */
/* フローティングメニューのトグルボタンの色 */
.c-main-menu .round-button {
  color: #206139;
}
.c-main-menu .round-button.toggle .border i, .c-main-menu .round-button.toggle .border::before, .c-main-menu .round-button.toggle .border::after {
  background: #206139;
}

/* フローティングメニューの背景色 */
.c-main-menu-bg {
  background: #206139;
}

/* SNS フローティングのトグルボタンの背景色 */
.c-menu-floating-sns .toggle {
  background: #206139;
}

.c-pc-menu .menu-bottom .sns-box ul {
  justify-content: flex-start;
}

/* ======================================================================
 *  ボタン
====================================================================== */
/* ------------------------------------------------------------
 * 基本ボタンの色
------------------------------------------------------------ */
.c-button {
  background: #206139;
}
@media screen and (min-width: 769px) {
  .c-button:hover {
    background: #79a088 !important;
  }
}
.c-button.-very-light {
  color: #5a5a5a;
  background: #d2dfd7;
}
@media screen and (min-width: 769px) {
  .c-button.-very-light:hover {
    background: #e8efeb !important;
  }
}
.c-button.-parking::before {
  background: transparent url("../../assets/img/home/button-icon-parking.svg") no-repeat 50% 50%/contain;
}
@media screen and (min-width: 769px) {
  .c-button.-parking:hover {
    background: #e8efeb !important;
  }
}
.c-button.-parking.-p_link::after {
  width: 1.8rem;
  background: url("../../assets/img/common/link-icon.svg") no-repeat 50% 50%/contain;
}
.c-button.-parking.-p_link:hover::after {
  transform: none;
}
.c-button.-link::after {
  background: url("../../assets/img/common/link-icon-wh.svg") no-repeat 50% 50%/contain;
}
@media screen and (min-width: 769px) {
  .c-button.-link:hover::after {
    transform: none;
  }
}

/* ------------------------------------------------------------
 * 黒ボーダー&白背景のボタンの色
------------------------------------------------------------ */
@media screen and (min-width: 769px) {
  .c-button-simple:hover {
    background: #206139;
  }
}
.c-button-simple.-current {
  background: #206139;
}

/* ------------------------------------------------------------
 * 関連キーワードハッシュタグボタンの色
------------------------------------------------------------ */
.c-button-keyword {
  background: #e8efeb;
}
@media screen and (min-width: 769px) {
  .c-button-keyword:hover {
    background: #f3f7f5;
  }
}

/* ======================================================================
 * リスト
====================================================================== */
/* リストのドットの色 */
.c-list-simple li::before {
  color: #206139;
}

/* フロアリストの文字色、アイコンの背景色 */
.c-list-floor .label .floor {
  color: #206139;
}
.c-list-floor::after {
  background-color: #d2dfd7;
}

/* ======================================================================
 * 見出し
====================================================================== */
/* セクション見出し 頭文字の色 */
.c-section-title > span.main {
  font-weight: 600;
  letter-spacing: 0.10em;
}
.c-section-title > span.main span {
  color: #206139;
}
.c-section-title-icon-column::after {
  border-top: 2px solid #206139;
}
.c-section-title-bar {
  background: #206139;
}

/* セクション見出し 下線の色 */
.c-section-title-simple {
  border-color: #206139;
}
.c-section-title-simple.-align-left::after {
  border-color: #206139;
}

/* ======================================================================
 * スライダー
====================================================================== */
/* スライドのページネーションの色 */
.c-slide-block .splide__pagination__page.is-active {
  border-color: #206139;
}
.c-slide-block .splide__arrow {
  background: #d2dfd7;
}
@media screen and (min-width: 769px) {
  .c-slide-block .splide__arrow:hover {
    background: #e8efeb;
  }
}
.c-slide-block .splide .pagination .splide__slide.is-active span::after {
  border-bottom: 1px solid #206139;
}

/* ======================================================================
 * 記事アーカイブ・詳細
====================================================================== */
/* ------------------------------------------------------------
 * アーカイブ
------------------------------------------------------------ */
/* NEWマークの色 */
.c-post-new {
  color: #206139;
}

/* カテゴリーラベルの色 */
.c-post-category span {
  color: #206139;
  background: #f3f7f5;
  border-color: #206139;
}

/* ------------------------------------------------------------
 * 詳細
------------------------------------------------------------ */
/* このお店のショップニュース 背景色 */
.c-post-recommend {
  background: #e8efeb;
}

/* ======================================================================
 margin
====================================================================== */
.u-mb10 {
  margin-bottom: 1rem;
}

.u-mb15 {
  margin-bottom: 1.5rem;
}

.u-mt10 {
  margin-top: 1rem;
}

.u-mt30 {
  margin-top: 3rem;
}

/* ======================================================================
 * 営業時間
====================================================================== */
.smallcap {
  font-size: 1.1rem;
  vertical-align: text-bottom;
}