@charset "UTF-8";
/* 20250730簡易対応CSS */


/* 対象リンクを無効化・グレーアウト */
#global_menu_inner a[href="/pages/voice.html"],
#footer_new a[href="/pages/voice.html"],
/* 店舗詳細問い合わせボタン */
a[href="/inq?office=1"],
a[href="/inq?office=3"],
a[href="/inq?office=16"],
a[href="/inq?office=18"],
a[href="/inq?office=21"],
a[href="/inq?office=22"],
a[href="/inq?office=23"],
a[href="/inq?office=24"],
#footer_new a[href="/pages/kantan_member.html"]
 {
  pointer-events: none;        /* クリック無効化 */
  cursor: default;             /* カーソル変更 */
  color: #bbb !important;      /* グレーに（視認性低下） */
  text-decoration: none;       /* アンダーライン除去（必要であれば） */
}

#detail_header .mail a::before {
  filter: grayscale(100%) brightness(0.7);
  opacity: 0.1;
}


/*ヘッダー会員ログインボタン */
a[href="/pages/mypage.html"] {
  pointer-events: none;
  cursor: default;
  color: #bbb !important;
  background-color: #f0f0f0 !important;
  text-decoration: none;
}


/* 新規会員登録ボタン */
.btn.new a[href*="kantan_member"],
/* 会員ログインボタン */
.btn.login a[href=""]
{
  pointer-events: none;
  cursor: default;
  color: #bbb !important;
  background-color: #f0f0f0 !important;
  border: none !important;
  text-decoration: none;
}
#voice .btn {
  color: #bbb !important;
  background-color: #f0f0f0 !important;
  cursor: default;
  pointer-events: none;
}

#voice > a[href="/pages/voice"] {
  pointer-events: none;
  cursor: default;
  color: #bbb !important;
}

.form-button-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  margin: 2rem 0;
}

.form-button {
  display: inline-block;
  background-color: #b3203a;
  color: #fff!important;
  padding: 1rem 3rem;
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.buy-image {
  max-width: 100%;
  width: 80%;
  box-sizing: border-box;
  margin: 4rem auto;
}

.buy-image img {
  width: 100%;
  height: auto;
  display: block;
}
.search-lead {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
  line-height: 1.6;
  color: #333;
}
.search-lead .arrow-down {
  display: block;
  font-size: 3.5rem;
  color: #b3203a;
  margin-top: 0.5rem;
  animation: bounce 1.5s infinite;
}


@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
}

/* スマホ======================================================================================================== */
@media screen and (max-width: 750px) {
  .form-button-section {
    min-height: 80px;
    padding: 0;
  }

  .form-button {
    padding: 0.8rem 2rem;
    font-size: 1rem;
  }

  .buy-image {
    width: 100%;
    margin: 2rem auto;
  }

  .search-lead {
    font-size: 1.2rem;
  }

  .search-lead .arrow-down {
    font-size: 2.5rem;
  }
}