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

/* ======================================================================
 *  ヘッダー
====================================================================== */
body {
  font-family: ryo-gothic-plusn, sans-serif;
}

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

.header-information-block .label span {
  color: #ee7800;
}

.header-information-block .label svg .mark {
  fill: #ee7800;
}

.header-information-block .label svg .border {
  stroke: #ee7800;
}

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

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

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

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

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

/* ======================================================================
 * PC専用メニュー関連
====================================================================== */
.c-pc-menu .menu-bottom .sns-box ul {
  justify-content: flex-start;
}

/* ======================================================================
 *  ボタン
====================================================================== */
/* ------------------------------------------------------------
 * 基本ボタンの色
------------------------------------------------------------ */
.c-button {
  background: #ee7800;
}
@media screen and (min-width: 769px) {
  .c-button:hover {
    color: #5a5a5a;
    background: #fad6b2 !important;
  }
}
.c-button.-light {
  color: #5a5a5a;
  background: #f8c999;
}
.c-button.-light:hover {
  background: #f5ae66 !important;
}
.c-button.-very-light {
  background: #fce4cc;
}

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

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

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

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

/* ======================================================================
 * 見出し
====================================================================== */
/* セクション見出し 頭文字の色 */
.c-section-title > span.main span {
  color: #ee7800;
}

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

.c-section-title-bar {
  background-color: #ee7800;
}

.c-section-title-icon-column::after {
  border-top-color: #ee7800;
}

/* ======================================================================
 * スライダー
====================================================================== */
/* スライドのページネーションの色 */
.c-slide-block .splide .pagination .splide__slide.is-active span::after {
  border-color: #ee7800;
}
.c-slide-block .splide .pagination .splide__slide span {
  font-family: "Nokora", sans-serif;
}
.c-slide-block .splide__arrow {
  background: #fce4cc;
}
@media screen and (min-width: 769px) {
  .c-slide-block .splide__arrow:hover {
    background: #fad6b2;
  }
}

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

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

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