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

.ff-faq {
  font-family: "Outfit", sans-serif;
}

.ff-sc {
  font-family: "Noto Sans SC", serif;
}

.ff-tc {
  font-family: "Noto Sans TC", serif;
}

.ff-kr {
  font-family: "Noto Sans KR", serif;
}

/* ======================================================================
 *  ヘッダー
====================================================================== */
/* 重要なお知らせの背景色とラベルの色 */
.c-header .header-information-block {
  background: #fef2f4;
}
@media screen and (min-width: 769px) {
  .c-header .header-information-block {
    background: #f9f9f9;
  }
}
.c-header .header-information-block .label svg .border {
  stroke: #e6002d;
}
.c-header .header-information-block .label svg .mark {
  fill: #e6002d;
}
.c-header .header-information-block .label span {
  color: #e6002d;
}
.c-header .header-information-block .content {
  border-left-color: #fef2f4;
}
@media screen and (min-width: 769px) {
  .c-header .header-main-block .logo {
    width: 4rem;
    min-width: initial;
  }
}
@media screen and (min-width: 1150px) {
  .c-header .header-main-block .logo {
    width: 6rem;
    min-width: initial;
  }
}
.c-header .header-main-block .logo img {
  width: 5rem;
}

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

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

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

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

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

.c-grid-menu-icon .icon.--sm {
  text-align: center;
}
.c-grid-menu-icon .icon.--sm img {
  width: 60%;
}

/* ======================================================================
 *  ボタン
====================================================================== */
/* ------------------------------------------------------------
 * 基本ボタンの色
------------------------------------------------------------ */
.c-button {
  background: #595757;
}
@media screen and (min-width: 769px) {
  .c-button:hover {
    background: #b90024 !important;
  }
}
.c-button.-very-light {
  color: #ffffff;
  background: #595757;
}
.c-button.-parking::before {
  background: transparent url("../../assets/img/home/button-icon-parking.svg") no-repeat 50% 50%/contain;
}
.c-button-menu-toggle {
  background: #595757;
}

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

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

/* ======================================================================
 * リスト
====================================================================== */
/* リストのドットの色 */
.c-list-simple li::before {
  color: #e6002d;
}
.c-list-simple li:not(:last-child) {
  margin-bottom: 3rem;
}

/* フロアリストの文字色、アイコンの背景色 */
.c-list-floor .label .floor {
  color: #e6002d;
}
.c-list-floor::after {
  background-color: #595757;
}
.c-list-floor li a {
  min-height: 60px;
}
.c-list-floor li a::after {
  background: #595757 url(../img/common/button-icon-s-noborder.svg) no-repeat 50% 50%/contain;
  background-size: 4px auto;
}

.payment-list ul {
  gap: inherit;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.payment-list ul:nth-of-type(1) {
  margin: 2rem auto;
}
.payment-list ul li {
  list-style: none;
}
.payment-list .notes {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}

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

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

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

/* ======================================================================
 *  Card
====================================================================== */
/* NEWマーク カテゴリーラベルの色 */
.c-card-post .summary .categories span {
  color: #e6002d;
  background: #f5f6f6;
  border-color: #e6002d;
}
.c-card-post .summary .title .new {
  color: #e6002d;
}

.c-card-accordion .accordion-toggle.-light {
  background: #fef2f4;
}

.c-card-floor-guide.content-box {
  padding: 3rem 1.5rem 4rem;
  background: #f9f9f9;
  border: 1px solid #5a5a5a;
  border-radius: 0.5rem;
}
.c-card-floor-guide.content-box dl {
  display: grid;
  grid-template-columns: auto auto;
  align-items: start;
  justify-content: space-between;
  font-weight: 700;
}
.c-card-floor-guide.content-box .description p {
  font-size: 1rem;
}
.c-card-floor-guide.content-box .description a {
  color: inherit;
}

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

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

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

/* ======================================================================
 * 多言語ページ専用
====================================================================== */
/* 冒頭メッセージ キャッチコピーの文字色 */
.c-multilingual-welcome-container .catch strong {
  color: #e6002d;
}

/* アクセスの文字色 */
.c-multilingual-access-block dl dt::before {
  color: #e6002d;
}