/* トップの改善（加藤様ご依頼 2026-10-01）＋スマホ下部のお問い合わせボタン — 2026-10-02 blanc
 * inc/top-improve.php が body の先頭で読む（main.css より後に効かせるため） */

/* ① スマホ下部に常に出すお問い合わせボタン */
.jr-sp-cta { display: none; }
@media only screen and (max-width: 599px) {
  .jr-sp-cta {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    gap: .8rem; padding: .8rem 1rem calc(.8rem + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .96); box-shadow: 0 -2px 10px rgba(0, 0, 0, .15);
  }
  .jr-sp-cta a {
    display: flex; align-items: center; justify-content: center; gap: .6rem;
    min-height: 4.8rem; border-radius: 6px; font-weight: bold; text-decoration: none; line-height: 1.3;
  }
  .jr-sp-cta__tel { flex: 0 0 34%; border: 2px solid var(--color-theme, #1f6fd1); color: var(--color-theme, #1f6fd1); font-size: 1.5rem; }
  .jr-sp-cta__form { flex: 1; background: #f05a1a; color: #fff; font-size: 1.7rem; }
  .jr-sp-cta svg { width: 1.8rem; height: 1.8rem; flex: none; }
  body.has-jr-sp-cta { padding-bottom: 6.6rem; }
  body.has-jr-sp-cta #page-top { bottom: 6.8rem; }
}

/* ② スマホでは「生活」「休日」を概要＋各ページへの入口に */
.jr-life-links { display: none; }
@media only screen and (max-width: 599px) {
  .home .jr-life-detail { display: none; }
  .home .jr-life-links { display: block; margin: 2.4rem 0 0; }
  .jr-life-links ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 1.2rem; }
  .jr-life-links li { list-style: none; }
  .jr-life-links a {
    display: grid; grid-template-columns: 10rem 1fr; grid-template-rows: auto auto; column-gap: 1.2rem;
    align-items: center; background: #fff; border: 1px solid #dfe6ef; border-radius: 6px; overflow: hidden;
    color: inherit; text-decoration: none;
  }
  .jr-life-links img { grid-row: 1 / 3; width: 10rem; height: 8rem; object-fit: cover; }
  .jr-life-links__title { align-self: end; font-size: 1.6rem; font-weight: bold; color: #0f2a55; }
  .jr-life-links__more { align-self: start; font-size: 1.3rem; color: #f05a1a; font-weight: bold; }
  .jr-life-links__more::after { content: " \203A"; }
}

/* ④ 家賃相場の帯 */
.jr-rent-cta { padding: 4rem 0; }
.jr-rent-cta .main-content { padding-top: 0; padding-bottom: 0; }
.jr-rent-cta__link {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: .6rem;
  padding: 4rem 2.4rem; border-radius: 8px; overflow: hidden; text-align: center; text-decoration: none; color: #fff;
  background: linear-gradient(rgba(15, 42, 85, .78), rgba(15, 42, 85, .78)), url("../images/bay-area-cities-01-2609.jpg") center / cover no-repeat;
}
.jr-rent-cta__en { font-size: 1.3rem; letter-spacing: .25em; color: #f3c46b; }
.jr-rent-cta__title { font-size: 3rem; font-weight: bold; line-height: 1.4; }
.jr-rent-cta__text { font-size: 1.5rem; }
.jr-rent-cta__btn {
  margin-top: 1.2rem; display: inline-block; padding: 1.2rem 3.2rem; border-radius: 6px;
  background: #f05a1a; color: #fff; font-size: 1.6rem; font-weight: bold;
}
.jr-rent-cta__btn::after { content: " \203A"; }
.jr-rent-cta__link:hover .jr-rent-cta__btn { opacity: .85; }
@media only screen and (max-width: 599px) {
  .jr-rent-cta { padding: 2.4rem 0; }
  .jr-rent-cta__link { padding: 3rem 1.6rem; }
  .jr-rent-cta__title { font-size: 2.3rem; }
  .jr-rent-cta__text { font-size: 1.4rem; }
}

/* 生活の3ページ（/guide/san-francisco-life/ ほか）：トップ用の .home の余白を当てる */
.jr-guide .jr-life-page__title { font-size: 2.8rem; margin: 0 0 2rem; }
.jr-life-page .san-francisco-life-wrap { gap: 2rem; margin: 2rem 0 3rem; }
.jr-life-page .life-sub-title { font-size: 2.2rem; margin-top: 3rem; margin-bottom: 1.25rem; }
.jr-life-page .grid-3 { gap: 1.5rem; }
@media only screen and (max-width: 599px) {
  .jr-guide .jr-life-page__title { font-size: 2.4rem; }
  .jr-life-page .life-sub-title { font-size: 2rem; margin-top: 2.5rem; }
  .jr-life-page .life-mini-title { font-size: 1.6rem; }
}