/* ===== 修理実績ページ ブランドカラー統一 (2026-08-31) ===== */
/* このCSSは .post-type-archive-repair / .single-repair という
   修理実績ページ専用のクラスにだけ効くので、他のページには影響しません */

/* ホームページと同じ丸みのあるフォントを読み込む(修理実績ページには元々読み込まれていなかった) */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&display=swap');

.post-type-archive-repair,
.single-repair {
  background: #1e3a6b !important;
}
.post-type-archive-repair .site-content,
.single-repair .site-content,
.post-type-archive-repair .ast-container,
.single-repair .ast-container,
.post-type-archive-repair main,
.single-repair main {
  background: #1e3a6b !important;
}

/* サイト共通ヘッダー(オレンジ)を、このページだけネイビーに */
.post-type-archive-repair .elementor-location-header,
.single-repair .elementor-location-header,
.post-type-archive-repair .elementor-location-header *,
.single-repair .elementor-location-header * {
  background: #1e3a6b !important;
  background-image: none !important;
}
.post-type-archive-repair .elementor-location-header,
.single-repair .elementor-location-header {
  border-bottom: 1px solid #3a4f7a !important;
}
.post-type-archive-repair .elementor-location-header h1,
.post-type-archive-repair .elementor-location-header h2,
.post-type-archive-repair .elementor-location-header a,
.post-type-archive-repair .elementor-location-header span,
.single-repair .elementor-location-header h1,
.single-repair .elementor-location-header h2,
.single-repair .elementor-location-header a,
.single-repair .elementor-location-header span {
  color: #f8f7f3 !important;
}

/* 見出し */
.post-type-archive-repair h1,
.post-type-archive-repair h2,
.post-type-archive-repair h3,
.single-repair h1,
.single-repair h2,
.single-repair h3 {
  color: #f8f7f3 !important;
  font-family: "Zen Maru Gothic", sans-serif;
}

/* 本文テキスト */
.post-type-archive-repair,
.post-type-archive-repair p,
.single-repair,
.single-repair p {
  color: #f8f7f3 !important;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}

/* 記事カード(アーカイブ一覧) */
.post-type-archive-repair .elementor-post {
  background: #32599e !important;
  border: 1px solid #3a4f7a !important;
  border-radius: 18px !important;
  overflow: hidden;
}
.post-type-archive-repair .elementor-post__title a {
  color: #f8f7f3 !important;
}
.post-type-archive-repair .elementor-post__meta-data,
.post-type-archive-repair .elementor-post-date,
.post-type-archive-repair .elementor-post__excerpt {
  color: #aecbf5 !important;
}
.post-type-archive-repair .elementor-post__read-more {
  color: #f2a469 !important;
  font-weight: 700;
}

/* 個別記事ページの本文エリア */
.single-repair .entry-content,
.single-repair .elementor-widget-theme-post-content {
  background: #274a84 !important;
  border-radius: 18px;
  padding: 24px;
}
.single-repair a {
  color: #f2a469 !important;
}

/* サムネイル画像のサイズを統一
   このアーカイブはElementorではなくAstraテーマが表示しているため、
   .post-thumb-img-content を指定する(2026-09-11 修正)
   写真が横に伸びていたのは、縦長写真を高さ固定の枠に押し込んでいたため。
   縦横比を保ったまま中央で切り取る形に変更 */
.post-type-archive-repair .post-thumb-img-content {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.post-type-archive-repair .post-thumb-img-content > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.post-type-archive-repair .post-thumb-img-content img,
.post-type-archive-repair .ast-blog-featured-section img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  max-width: none !important;
}

/* Elementorのアーカイブテンプレートに戻した場合にも効くよう、従来の指定も残す */
.post-type-archive-repair .elementor-post__thumbnail {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.post-type-archive-repair .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* フッターの帯を透明にして、中のボタンだけホームページと同じピル型ボタンに */
.post-type-archive-repair .elementor-location-footer,
.single-repair .elementor-location-footer,
.post-type-archive-repair .elementor-location-footer > div,
.single-repair .elementor-location-footer > div,
.post-type-archive-repair .elementor-location-footer .e-con-inner,
.single-repair .elementor-location-footer .e-con-inner {
  position: static !important;
  background: none !important;
  background-image: none !important;
  padding: 32px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.post-type-archive-repair .elementor-location-footer .elementor-widget-button,
.single-repair .elementor-location-footer .elementor-widget-button {
  width: auto !important;
}
.post-type-archive-repair .elementor-location-footer .elementor-button,
.single-repair .elementor-location-footer .elementor-button {
  background: #e2874a !important;
  color: #ffffff !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 18px 36px !important;
  border-radius: 999px !important;
  width: auto !important;
  display: inline-flex !important;
}

/* 右上固定の常時表示ボタン(複製した方。CSS IDを phone-float-btn に設定したもの) */
#phone-float-btn {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 9999 !important;
  background: #e2874a !important;
  color: #ffffff !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px -6px rgba(0,0,0,.5) !important;
  display: inline-flex !important;
}

/* 左上固定の「ホームに戻る」ボタン(複製した方。CSS IDを home-float-btn に設定したもの) */
#home-float-btn {
  position: fixed !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 9999 !important;
  background: #32599e !important;
  color: #f8f7f3 !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 1px solid #3a4f7a !important;
  box-shadow: 0 8px 20px -6px rgba(0,0,0,.5) !important;
  display: inline-flex !important;
}
.post-type-archive-repair .elementor-location-footer .elementor-button:hover,
.single-repair .elementor-location-footer .elementor-button:hover {
  background: #f2a469 !important;
}

/* 上部のグラデーション帯と、その下の白い三角シェイプディバイダーを非表示に */
.post-type-archive-repair .elementor-element-4330dbfa,
.single-repair .elementor-element-4330dbfa {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.post-type-archive-repair .elementor-element-4330dbfa > .elementor-background-overlay,
.single-repair .elementor-element-4330dbfa > .elementor-background-overlay,
.post-type-archive-repair .elementor-background-overlay,
.single-repair .elementor-background-overlay {
  display: none !important;
}
.post-type-archive-repair .elementor-shape,
.single-repair .elementor-shape,
.post-type-archive-repair .elementor-shape-bottom,
.single-repair .elementor-shape-bottom,
.post-type-archive-repair .elementor-shape-bottom svg,
.single-repair .elementor-shape-bottom svg {
  display: none !important;
  height: 0 !important;
}

/* ===== 修理実績一覧(/repair/)のカードと見出しを紺に (2026-09-13) =====
   この一覧はAstraテーマが表示しており、上の「記事カード(アーカイブ一覧)」の
   .elementor-post の指定は効いていなかった。そのためカードと見出しの箱が
   Astra標準の白のまま、文字だけ白に近い色になり、ほぼ読めない状態だった。
   Astraの実際のクラス(.ast-archive-description / .ast-article-post)に色を付け直す */

/* 見出し「修理実績」の白い箱を消して、紺の背景に白い見出しを直接のせる */
.post-type-archive-repair .ast-archive-description {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 28px 20px 8px !important;
}
.post-type-archive-repair .ast-archive-description .page-title {
  color: #f8f7f3 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

/* 記事カード */
.post-type-archive-repair .ast-article-post {
  background: transparent !important;
}
.post-type-archive-repair .ast-article-post .ast-article-inner {
  background: #32599e !important;
  border: 1px solid #3a4f7a !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px -14px rgba(0,0,0,.55) !important;
}
/* Astraがカードの内側に付けている余白を消す(下の文字用の余白と二重になり、写真も右端まで届かなかったため) */
.post-type-archive-repair .ast-article-post .ast-article-inner,
.post-type-archive-repair .ast-article-post .post-content {
  padding: 0 !important;
}
.post-type-archive-repair .ast-article-post .post-content {
  background: transparent !important;
  width: 100% !important;
}
/* アイキャッチ画像はカードの上いっぱいに。文字の部分だけ内側に余白をとる */
.post-type-archive-repair .ast-article-post .ast-blog-featured-section,
.post-type-archive-repair .ast-article-post .post-thumb-img-content {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.post-type-archive-repair .ast-article-post .entry-title,
.post-type-archive-repair .ast-article-post .entry-header,
.post-type-archive-repair .ast-article-post .ast-excerpt-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.post-type-archive-repair .ast-article-post .entry-title {
  padding-top: 18px !important;
  margin-bottom: 6px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}
.post-type-archive-repair .ast-article-post .ast-excerpt-container {
  padding-bottom: 18px !important;
}

/* カード内の文字色 */
.post-type-archive-repair .ast-article-post .entry-title a {
  color: #f8f7f3 !important;
  text-decoration: none !important;
}
.post-type-archive-repair .ast-article-post .entry-title a:hover {
  color: #f2a469 !important;
}
.post-type-archive-repair .ast-article-post .entry-meta,
.post-type-archive-repair .ast-article-post .entry-meta a,
.post-type-archive-repair .ast-article-post .entry-meta span {
  color: #aecbf5 !important;
  font-size: 13px !important;
}
.post-type-archive-repair .ast-article-post .ast-excerpt-container,
.post-type-archive-repair .ast-article-post .ast-excerpt-container p {
  color: #d9e6fb !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* ページ送り(1 2 3 次へ) */
.post-type-archive-repair .ast-pagination a,
.post-type-archive-repair .ast-pagination .page-numbers {
  color: #f8f7f3 !important;
  border-color: #3a4f7a !important;
}
.post-type-archive-repair .ast-pagination .page-numbers.current {
  background: #e2874a !important;
  border-color: #e2874a !important;
  color: #1c1006 !important;
}