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

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

/* 重要なお知らせの背景色とラベルの色 */
.c-header .header-main-block .logo img {
  max-width: 58px;
}
@media screen and (min-width: 769px) {
  .c-header .header-main-block .logo img {
    max-width: 42px;
  }
}
.c-header .header-information-block {
  background: #e5f2f9;
}
@media screen and (min-width: 769px) {
  .c-header .header-information-block {
    background: #f5f6f6;
  }
}
.c-header .header-information-block .label span {
  color: #0083c6;
}
.c-header .header-information-block .label .label svg .border {
  stroke: #00588d;
}
.c-header .header-information-block .label .label svg .mark {
  fill: #00588d;
}
.c-header .header-information-block .label .label span {
  color: #00588d;
}
.c-header .header-information-block .content {
  border-left-color: #99bcd1;
}

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

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

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

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

/* SNS フローティングのトグルボタンの背景色 */
.c-menu-floating-sns .toggle {
  background: #0083c6;
}
.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: #0083c6;
}
@media screen and (min-width: 769px) {
  .c-button:hover {
    background: #99cde8 !important;
  }
}
.c-button.-very-light {
  color: #5a5a5a;
  background: #e5f2f9;
}

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

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

.c-button.-parking::before {
  background-image: url("../img/home/button-icon-parking.svg");
}

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

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

/* ======================================================================
 * 見出し
====================================================================== */
/* セクション見出し 頭文字の色 */
.c-section-title-bar {
  padding-block: 0.6125rem;
  background-color: #0083c6;
}
.c-section-title > span.main {
  font-size: 3.6rem;
}
.c-section-title > span.main span {
  color: #0083c6;
}

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

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

/* ======================================================================
 * スライダー
====================================================================== */
/* スライドのページネーションの色 */
.c-slide-block .splide .pagenation .splide__slide.is-active span::after {
  border-color: #0083c6;
}
.c-slide-block .splide .pagenation .splide__slide span {
  font-family: alternate-gothic-compressed, sans-serif;
}
.c-slide-block .splide__arrow {
  background: #e5f2f9;
}
@media screen and (min-width: 769px) {
  .c-slide-block .splide__arrow:hover {
    background: #99cde8;
  }
}

/* ======================================================================
 *  カード
====================================================================== */
.c-card-time-guide .description dl a {
  color: inherit;
}

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

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

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