/* ボタン本体 --------------------------------------------------- */
.store-search-button {
  display: flex; /* 横並びにする */
  align-items: center;
  justify-content: flex-start; /* 左寄せ */

  gap: 35px; /* アイコンとテキストの間隔 */
  padding: 12px 32px 12px 5px; /* 左 24px でボタン端と丸の隙間を調整 */

  background: linear-gradient(90deg, #5c1816 0%, #a16462 100%);
  color: #fff;
  font-weight: 500;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  font-size: 24px;
  height: 60px;
  margin: 0 auto;
}

.store-search-button .search-text {
  margin: 0;
  text-align: left;
  flex-shrink: 0; /* テキストが縮まないようにする */
}

/* モバイルサイズでのみ中央配置の修正を適用 */
@media (max-width: 767px) {
  .store-search-button {
    position: relative; /* 相対位置指定 */
    gap: 0; /* ギャップをリセット */
  }

  .store-search-button .search-icon-background {
    position: relative; /* アイコンは元の位置に */
    z-index: 2;
  }

  .store-search-button .search-text {
    position: absolute;
    left: 52%;
    transform: translateX(-50%); /* 完全に中央配置 */
    text-align: center;
    z-index: 1; /* アイコンより背面に */
    white-space: nowrap; /* 改行を防ぐ */
    font-size: 22px;
  }
}

/* 丸背景＋虫眼鏡 ---------------------------------------------- */
.search-icon-background {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #410504;

  display: flex;
  align-items: center;
  justify-content: center; /* 丸の中では中央揃えのまま */
  flex-shrink: 0; /* 丸が潰れないよう固定幅 */
}

.search-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.riat-sidebar {
  flex: 0 0 250px;
  background: #fdf9f9;
  padding: 24px 20px;
}

.riat-side__head {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  margin: 30px 0 12px;
  position: relative;
  color: #5c1816;
  letter-spacing: 3px;
}
.riat-side__head::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #b32223;
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .page-hero {
    min-height: 242px !important;
  }
  .popupSearchBtn .more-icon-search {
    background-color: #410504;
  }
}
.faq-side h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
}
.faq-cat__list li.is-active a,
.faq-cat__list li a {
  font-size: 24px !important;
  font-weight: 500 !important;
}