@charset "UTF-8";
.ff-en {
  font-family: "Nokora", serif;
}

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

/* ======================================================================
 *  フッター
====================================================================== */
/* フッターメニューの背景色 */
.c-footer .footer-navi-block {
  background: #0075bf;
}

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

/* ======================================================================
 * グロナビ関連
====================================================================== */
/* フローティングメニューのトグルボタンの色 */
.c-main-menu .round-button {
  color: #0075bf;
}
.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: #0075bf;
}

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

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

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

/* ======================================================================
 *  ボタン
====================================================================== */
/* ------------------------------------------------------------
 * 基本ボタンの色
------------------------------------------------------------ */
.c-button {
  background: #fabf00;
}
@media screen and (min-width: 769px) {
  .c-button:hover {
    background: #fbd24c !important;
  }
}
.c-button.-very-light {
  color: #5a5a5a;
  background: #feecb2;
}
.c-button.-light {
  color: #5a5a5a;
  background: #fcdf7f;
}
@media screen and (min-width: 769px) {
  .c-button.-light:hover {
    background: #fbd24c !important;
  }
}
.c-button.-parking {
  background: #fdeacc;
}
.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-simple:hover {
    background: #0075bf;
  }
}
.c-button-simple.-current {
  background: #0075bf;
}

/* ------------------------------------------------------------
 * 関連キーワードハッシュタグボタンの色
------------------------------------------------------------ */
.c-button-keyword {
  background: #fff9e5;
}
@media screen and (min-width: 769px) {
  .c-button-keyword:hover {
    background: #fffcf7;
  }
}
.c-button-keyword.__link {
  background: #fdeacc;
}
@media screen and (min-width: 769px) {
  .c-button-keyword.__link:hover {
    background: #fff9e5;
  }
}
.c-button-keyword.__link-light {
  background: #feecb2;
}
.c-button-keyword.__link-dark {
  background: #fabf00;
  text-align: center;
  border-radius: 5rem;
}
@media screen and (min-width: 769px) {
  .c-button-keyword.__link-dark:hover {
    background: #fff9e5;
  }
}

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

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

/* ======================================================================
 * 見出し
====================================================================== */
/* セクション見出し 頭文字の色 */
.c-section-title > span.main {
  font-weight: 600;
　letter-spacing: 0.10em;
}
.c-section-title > span.main span {
  color: #0075bf;
}
.c-section-title > span.main span:nth-of-type(2) {
  color: #009e9c;
}
.c-section-title-bar {
  background: #0075bf;
}
.c-section-title-bar.--green {
  background: #009e9c;
}
.c-section-title-bar.--yellow {
  background: #fabf00;
}

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

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

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

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

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

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

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

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