/*
 * 見た目の統一 試作(段階3・2026-09-17)
 * ?look=1 の時だけ読み込む。SPの承認後に style.css へ取り込み、このファイルは消す。
 *
 * きまり
 * - 文字は墨(ロゴの紺)。黄色は「線と印」だけに使い、文字の地にしない(黄地に白は読めない)
 * - ボタンは3種類だけ: 主(紺の塗り)・副(紺の枠)・文字リンク
 * - 角丸は6px、影とグラデーションは使わない
 */
.mh-look {
  --mh-ink: #1d2838;
  --mh-ink-soft: #4a5566;
  --mh-line: #e3e0d6;
  --mh-paper: #faf9f5;
  --mh-yellow: #f5c400;
  --mh-radius: 6px;
  --color_main: #1d2838;
  --color_htag: #1d2838;
}

/* ---- 見出し ---- */
.mh-look .post_content h2:not(.p-postList__title):not(.mh-soon__title) {
  background: none !important;
  color: var(--mh-ink) !important;
  padding: 0 0 .45em !important;
  border: 0 !important;
  border-bottom: 3px solid var(--mh-yellow) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.mh-look .post_content h2:not(.p-postList__title)::before,
.mh-look .post_content h2:not(.p-postList__title)::after { display: none !important; }
.mh-look .post_content h3 {
  padding: 0 0 0 .7em !important;
  border-left: 4px solid var(--mh-yellow) !important;
  background: none !important;
}
.mh-look .post_content h3::before,
.mh-look .post_content h3::after { display: none !important; }
.mh-look .post_content h3.is-style-section_ttl { border-left: 0 !important; padding-left: 0 !important; }
.mh-look .c-widget__title,
.mh-look .c-secTitle {
  background: none !important;
  color: var(--mh-ink) !important;
  border-bottom: 2px solid var(--mh-yellow) !important;
  border-left: 0 !important;
  border-radius: 0 !important;
}
.mh-look .c-widget__title::before,
.mh-look .c-widget__title::after { display: none !important; }

/* カテゴリの札: 黄地白文字 → 白地に墨 */
.mh-look .c-categoryList__link,
.mh-look .c-postThumb__cat,
.mh-look .p-postList__cat {
  background: #fff !important;
  color: var(--mh-ink) !important;
  border: 1px solid var(--mh-line) !important;
  border-radius: 4px !important;
}

/* ---- ボタン 3種類 ---- */
/* 主: 紺の塗り */
.mh-look .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.mh-look .mh-btn,
.mh-look .mh-btn--primary,
.mh-look .mh-cta-btn--primary,
.mh-look .mh-top-cta__btn,
.mh-look .mh-cta .mh-btn,
.mh-look .mh-ev__btn--main,
.mh-look .team-fix__btn,
.mh-look .form-link-button,
.mh-look .mh-author-card__btn--primary,
.mh-look .mh-support-spotlight-btn,
.mh-look #filter-section button {
  background: var(--mh-ink) !important;
  color: #fff !important;
  border: 1.5px solid var(--mh-ink) !important;
  border-radius: var(--mh-radius) !important;
  box-shadow: none !important;
  background-image: none !important;
  font-weight: 700 !important;
  transform: none !important;
}
/* 副: 紺の枠 */
.mh-look .wp-block-button.is-style-outline .wp-block-button__link,
.mh-look .mh-cta-btn--ghost,
.mh-look .mh-ev__btn--sub,
.mh-look .mh-author-card__btn--secondary,
.mh-look .mh-reco-cta-btn,
.mh-look .mh-ibtn,
.mh-look .more-link {
  background: #fff !important;
  color: var(--mh-ink) !important;
  border: 1.5px solid var(--mh-ink) !important;
  border-radius: var(--mh-radius) !important;
  box-shadow: none !important;
  background-image: none !important;
  font-weight: 700 !important;
}
.mh-look .wp-block-button .wp-block-button__link { border-radius: var(--mh-radius) !important; }
.mh-look .wp-block-button__link:hover,
.mh-look .mh-btn:hover,
.mh-look .team-fix__btn:hover { filter: none !important; opacity: .86; transform: none !important; box-shadow: none !important; }

/* ---- 記事下の箱: 箱の中に箱を作らない。外側は線1本で区切るだけ ---- */
.mh-look .mh-reco,
.mh-look .mh-support-spotlight {
  box-shadow: none !important;
  border: 0 !important;
  border-top: 1px solid var(--mh-line) !important;
  border-radius: 0 !important;
  background: none !important;
  background-image: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mh-look .mh-support-head,
.mh-look [class*="mh-support-spotlight-head"] {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}
.mh-look .mh-support-spotlight-card,
.mh-look .mh-reco [class*="card"] { box-shadow: none !important; border-radius: var(--mh-radius) !important; }
.mh-look .team-fix { box-shadow: none !important; border-radius: var(--mh-radius) !important; }
/* 募集の箱2つは出さない(記事下を2つに減らす) */
.mh-look .mh-reco-cta,
.mh-look .mh-support-recruit { display: none !important; }

/* ---- トップ ---- */
.mh-look.home .swell-block-fullWide h2.has-text-align-center { border-bottom: 0 !important; padding-bottom: 0 !important; }
.mh-soon { max-width: 720px; margin: 0 auto; }
.mh-soon__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-bottom: 3px solid var(--mh-yellow); padding-bottom: .4em; margin-bottom: .2em; }
.mh-look .post_content .mh-soon__title { font-size: 1.15rem; font-weight: 700; color: var(--mh-ink) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.mh-look .post_content .mh-soon__title::before, .mh-look .post_content .mh-soon__title::after { display: none !important; }
.mh-soon__all { font-size: .85rem; color: var(--mh-ink); font-weight: 700; white-space: nowrap; }
.mh-soon ul { list-style: none; margin: 0; padding: 0; }
.mh-soon li { border-bottom: 1px solid var(--mh-line); }
.mh-soon li a { display: grid; grid-template-columns: 4.6em 1fr; gap: 12px; align-items: center; padding: 12px 2px; color: var(--mh-ink); text-decoration: none; }
.mh-soon__date { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; line-height: 1.25; }
.mh-soon__date small { display: block; font-size: .72rem; font-weight: 500; color: var(--mh-ink-soft); }
.mh-soon__name { font-weight: 700; line-height: 1.45; }
.mh-soon__place { display: block; font-size: .78rem; font-weight: 400; color: var(--mh-ink-soft); margin-top: 2px; }
.mh-soon .is-sat { color: #1f5fa8; }
.mh-soon .is-sun { color: #b23a3a; }
.mh-soon__more { margin: 16px 0 0; text-align: center; }

/* 試作の目印 */
.mh-look-badge { position: fixed; right: 10px; bottom: 76px; z-index: 99999; background: var(--mh-ink); color: #fff; font-size: 12px; padding: 6px 10px; border-radius: 4px; }
.mh-look-badge a { color: #fff; text-decoration: underline; margin-left: 6px; }

/* 応援ボードの見出し帯: グラデーションの箱 → 小見出し1行 */
.mh-look .mh-support-divider {
  background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; margin-bottom: 10px !important; display: flex !important; gap: 8px; align-items: baseline;
}
.mh-look .mh-support-divider-title { font-size: .95rem !important; color: var(--mh-ink) !important; }
.mh-look .mh-support-divider-sub { font-size: .78rem !important; color: var(--mh-ink-soft) !important; }
.mh-look .mh-support-chip { background: none !important; color: var(--mh-ink-soft) !important; border: 1px solid var(--mh-line) !important; border-radius: 4px !important; }
.mh-look.home .swell-block-fullWide h2.has-text-align-center { word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }

/* ---- お問い合わせ(Contact Form 7): 入力欄を画面幅に収めて揃える ---- */
.mh-look .wpcf7 { max-width: 560px; }
.mh-look .wpcf7 p { margin: 0 0 18px !important; }
.mh-look .wpcf7 label { display: block; font-weight: 700; font-size: .92rem; color: var(--mh-ink); }
.mh-look .wpcf7 label br { display: none; }
.mh-look .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.mh-look .wpcf7 input[type="text"],
.mh-look .wpcf7 input[type="email"],
.mh-look .wpcf7 input[type="tel"],
.mh-look .wpcf7 input[type="url"],
.mh-look .wpcf7 textarea {
  display: block; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
  padding: 12px 14px !important; font-size: 16px !important; line-height: 1.6;
  background: #fff !important; border: 1px solid #cfcabd !important; border-radius: var(--mh-radius) !important;
  box-shadow: none !important; resize: vertical;
}
.mh-look .wpcf7 textarea { height: 11em; min-height: 8em; }
.mh-look .wpcf7 input:focus, .mh-look .wpcf7 textarea:focus { outline: 2px solid var(--mh-yellow); outline-offset: 1px; border-color: var(--mh-ink) !important; }
.mh-look .wpcf7 input[type="submit"] {
  display: block; width: 100%; max-width: 320px; padding: 14px 20px !important; font-size: 1rem !important; font-weight: 700;
  background: var(--mh-ink) !important; color: #fff !important; border: 0 !important; border-radius: var(--mh-radius) !important; cursor: pointer;
}
.mh-look .wpcf7 .wpcf7-spinner { display: block; margin: 8px 0 0; }
.mh-look .wpcf7 p:has(a[href*="akismet"]) { font-size: .75rem; color: var(--mh-ink-soft); }

/* 広告もアフィリエイトも無いページでは「広告が含まれています」を出さない */
.mh-look.page-id-9 .c-prNotation,
.mh-look.page-id-4992 .c-prNotation,
.mh-look.page-id-8294 .c-prNotation,
.mh-look.page-id-8282 .c-prNotation,
.mh-look.page-id-141 .c-prNotation,
.mh-look.page-id-140 .c-prNotation { display: none !important; }

/* ---- トップの最新記事: スマホは写真を横幅いっぱい、PCは写真左で大きめ ---- */
.mh-look.home .p-postList.-type-list .p-postList__item { margin-bottom: 0 !important; padding: 16px 0 !important; border-bottom: 1px solid var(--mh-line); }
.mh-look.home .p-postList.-type-list .p-postList__link { display: flex; flex-direction: column; gap: 10px; }
.mh-look.home .p-postList.-type-list .p-postList__thumb { width: 100% !important; margin: 0 !important; }
.mh-look.home .p-postList.-type-list .c-postThumb__figure { padding-top: 0 !important; aspect-ratio: 1.91 / 1; height: auto !important; border-radius: 4px !important; box-shadow: none !important; overflow: hidden; }
.mh-look.home .p-postList.-type-list .c-postThumb__figure::before { display: none !important; padding-top: 0 !important; }
.mh-look.home .p-postList.-type-list .p-postList__body { padding: 0 !important; width: 100% !important; }
.mh-look.home .p-postList.-type-list .p-postList__title { font-size: 1.02rem !important; line-height: 1.55 !important; border: 0 !important; padding: 0 !important; }
.mh-look.home .p-postList.-type-list .p-postList__title::before,
.mh-look.home .p-postList.-type-list .p-postList__title::after { display: none !important; }
@media (min-width: 600px) {
  .mh-look.home .p-postList.-type-list .p-postList__link { flex-direction: row; align-items: center; gap: 18px; }
  .mh-look.home .p-postList.-type-list .p-postList__thumb { width: 40% !important; flex-shrink: 0; }
  .mh-look.home .p-postList.-type-list .p-postList__title { font-size: 1.1rem !important; }
}

/* 大会一覧: 画面外の行は描画を後回しにして、スマホでのスクロールを軽くする(223件を1ページに出しているため) */
.mh-look .mh-row { content-visibility: auto; contain-intrinsic-size: auto 92px; }

/* 大会ページの広告1枠 */
.mh-adslot { margin: 22px 0; padding-top: 6px; border-top: 1px solid var(--mh-line, #e3e0d6); }
.mh-adslot__label { display: block; font-size: 11px; color: #8a8f99; letter-spacing: .05em; margin: 0 0 4px; }
@media (min-width: 960px) { .mh-adslot--sp { display: none; } }

/* 文字は端末の日本語フォントで(Googleフォントをやめた) */
:root:root { --swl-font_family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif; }

/* 読みやすさ(Lighthouse のコントラスト・リンク・タップの指摘) */
.mh-adslot__label { color: #6b7280; }
.mh-adslot { min-height: 120px; }
.mh-soon__date small { color: #4a5566 !important; }
.mh-look .post_content p a:not([class]), .mh-ev__fix a { text-decoration: underline; text-underline-offset: 3px; }
.mh-look .mh-title a { display: block; padding: 4px 0; }
.mh-look .cap_box_ttl span { color: #1d2838 !important; }
.mh-look .yyi-rinker-contents .brand { color: #5b6270 !important; }
.mh-look .mh-area__prefs a b { color: #4a5566 !important; }
.mh-look .mh-area__prefs a.is-empty { color: #7b8190 !important; }