/* =========================================================
   THE THOR override.css（完全反映＋ヘッダー文字黒）
   スターサーバー環境対応版
   2025-10-13
========================================================= */

/* ----------------------------------------
   アイキャッチ非表示（全ページ）
---------------------------------------- */
.entry-eyecatch,
.page .post-thumbnail,
.page .entry-header img,
.single .post-thumbnail,
.single .entry-header img {
  display: none !important;
}

/* ----------------------------------------
   Trustindex（左上固定）
---------------------------------------- */
.trustindex-fixed-left-top {
  position: absolute !important;
}
@media (max-width: 600px) {
  .trustindex-fixed-left-top {
    transform: scale(0.55) !important;
  }
}

/* ----------------------------------------
   フォント統一（全体）
---------------------------------------- */
body, p, a, li, span, input, textarea, button,
h1, h2, h3, h4, h5, h6 {
  font-family:
    "游ゴシック体", "Yu Gothic",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo,
    sans-serif !important;
  line-height: 1.8;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700 !important;
}

/* ----------------------------------------
   リンク設定
---------------------------------------- */
a {
  text-decoration: underline !important;
}
a:hover {
  color: #d93025 !important;
  text-decoration: underline !important;
}
.entry-content a {
  color: #1a73e8 !important;
}
.entry-content a:hover {
  color: #d93025 !important;
}

/* ----------------------------------------
   ピックアップコンテンツ文字色（黒固定）
---------------------------------------- */
.pickup3_item,
.pickup3_item *,
.pickup3_item-first,
.pickup3_item-first * {
  color: #000000 !important;
}

/* ----------------------------------------
   ハンバーガーメニュー（白背景＋黒線）
---------------------------------------- */
.header .menuBtn_link,
.header .menuBtn_link:hover {
  background-color: #ffffff !important;
}
.header .menuBtn_link.icon-menu,
.header .menuBtn_link.icon-menu::before,
.header .menuBtn_link.icon-menu::after {
  color: #000000 !important;
}
@media screen and (min-width: 992px) {
  .header .menuBtn_link,
  .header .menuBtn_link:hover {
    background-color: #ffffff !important;
  }
}

/* ----------------------------------------
   ヘッダー背景画像（切れ防止）
---------------------------------------- */
.header-bg,
#header,
.header-image,
#top-header {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-color: #aee4e3 !important;
}
@media screen and (max-width: 768px) {
  .header-bg,
  #header,
  .header-image {
    background-size: contain !important;
    background-position: center top !important;
  }
}
@media screen and (min-width: 1024px) {
  .header-bg,
  #header {
    background-size: cover !important;
    background-position: center center !important;
  }
}

/* ----------------------------------------
   ✅ ヘッダー内テキストを黒固定
---------------------------------------- */
#header,
#header a,
#header span,
#header .site-title,
#header .site-description,
#header .header-text,
.header-nav a,
.global-nav a,
.global-nav span,
.menu-item a {
  color: #ffffff !important;
  text-shadow: none !important;
  text-decoration: none !important;
}
#header a:hover,
.header-nav a:hover,
.global-nav a:hover,
.menu-item a:hover {
  color: #222222 !important;
}

/* ----------------------------------------
   メニュー開閉時（スマホメニューなど）も黒維持
---------------------------------------- */
.drawer-menu,
.drawer-menu a,
.drawer-menu span {
  color: #000000 !important;
}
.drawer-menu a:hover {
  color: #222222 !important;
}

/* ----------------------------------------
   念のため、ボタン類の文字も黒に
---------------------------------------- */
button,
.button,
input[type="submit"],
input[type="button"] {
  color: #000000 !important;
}

/* =======================================
   THORテーマ：グループブロック背景を全幅に広げる
   ======================================= */
.wp-block-group.has-background {
  position: relative;
  left: 50%;
  width: 100vw !important;
  margin-left: -50vw;
  box-sizing: border-box;
}

/* 内部のコンテンツ部分は中央に揃える */
.wp-block-group__inner-container {
  max-width: var(--content-width, 1200px);
  margin: 0 auto;
  padding-left: 1em;
  padding-right: 1em;
}