/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 19 2026 | 15:29:05 */
/* ============================================================
   ② WINGテーマ用 — テーマ基本の上書き
   読み込み順: ①変数 の次
   ============================================================ */

/* --- ヘッダー --- */
#header-l {
  display: block !important;
}

.sns .share-copy a {
  background: #707070;
}

/* --- フッターメニュー --- */
#st-footermenubox {
  height: 55px !important;
}

.footermenu p {
  font-size: var(--font-size-xs);
}
#footer .footermenust a,
.footer-description a,
#footer p.copyrt,
.footer a {
  color: #fff !important;
}

#st-footermenubox a {
  text-shadow: var(--text-shadow-edge) !important;
}

/* --- リンクリスト --- */
ul.link_item {
  padding-left: 0;
}

ul.link_item li {
  list-style: none;
  margin-bottom: 4px;
}

ul.link_item li::before {
  content: "\f08e";
  margin-right: 5px;
  font-family: FontAwesome;
}

ul.link_item li.new {
  color: #F00;
}

/* --- FontAwesome アイコン --- */
.fa-newspaper-o::before,
.fa-amazon::before {
  font-family: FontAwesome;
}

.fa-comments::before {
  margin-left: 10px;
  margin-right: 5px;
  font-family: FontAwesome;
}

/* --- メニュー --- */
#st-ami {
  background-image: none !important;
}

#st-menuwide {
  background: #5db201 !important;
}

.st-middle-menu .menu li a {
  text-shadow: var(--text-shadow-edge) !important;
}

.st-middle-menu .menu li:nth-child(2) a {
  color: #fff !important;
  background: #90ff21 !important;
}

header .smanone ul.menu li a,
header nav.st5 ul.menu li a,
header #st-menuwide div.menu li a,
header #st-menuwide nav.menu li a {
  color: #ffffff;
  text-shadow: var(--text-shadow-edge) !important;
}

/* --- 黒板・装飾 --- */
.st-blackboard {
  border: 3px solid #1976d2;
}

span.st-dash-design {
}

/* --- カテゴリ名 --- */
.catname {
  padding: 5px !important;
  border-radius: 4px !important;
  font-size: var(--font-size-xs) !important;
}

.st-catgroup a {
  box-shadow: var(--box-shadow);
  transition: var(--transition-all);
}

.st-catgroup a:hover {
  opacity: .7;
}

/* カテゴリ別 背景色 */
.catname.st-catid2437,
.catname.st-catid2126,
.catname.st-catid1694 { background: #4fc3f7; color: #F0F0F0; } /* POG */
.catname.st-catid1877 { background: #ffd600; color: #212121; } /* ディープインパクト */
.catname.st-catid2203 { background: #f06292; color: #fff;     } /* レース番組 */
.catname.st-catid28   { background: #ef9a9a; color: #fafafa;  } /* 牝馬路線 */
.catname.st-catid25   { background: #4a148c; color: #fff;     } /* 武豊 */
.catname.st-catid44   { background: #F48fb1; color: #fafafa;  } /* 藤田菜七子 */
.catname.st-catid12   { background: #7cb342; color: #fafafa;  } /* 中距離 */
.catname.st-catid24   { background: #ffff8d; color: #212121;  } /* ダート */
.catname.st-catid27   { background: #9e9e9e; color: #fafafa;  } /* 競馬以外 */
.catname.st-catid15   { background: #ea80fc; color: #fafafa;  } /* 種牡馬/競馬タレント ※元コードでid15が重複。後者が適用される */



/* --- ページ送り --- */
.st-pagelink {
  margin-bottom: 0 !important;
}

.st-pagelink .page-numbers {
  border: 1px solid #bbb !important;
  box-shadow: var(--box-shadow);
  color: #111 !important;
  font-size: var(--font-size-lg) !important;
  font-weight: 700;
}

.st-pagelink a:hover {
  transform: var(--transform-translate);
}

.page-numbers.current {
  background: #444 !important;
  color: #fff !important;
}

/* --- フッターボックス --- */
.footer-wbox .lbox {
  background: none !important;
}

/* --- ボタン --- */
.st-mybtn.st-btn-default {
  width: 80%;
}

/* --- トップ記事リスト --- */
.st-fist-post .st-cards-content-in {
  background: transparent !important;
}

/* --- サイドバー --- */
#side .menu_underh2,
#side .st-widgets-title:not(.st-css-no) {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  padding-left: 10px !important;
  border: 1px solid #2c3e50;
  background: repeating-linear-gradient(45deg, #2980b9, #2980b9 5px, #2472a4 5px, #2472a4 10px);
  color: #ffffff !important;
}

.side-topad,
#mybox {
  padding: 2px !important;
  background: var(--main-white-color) !important;
}

#scrollad {
  background: #FFF !important;
  padding: 0 !important;
}

#side aside {
  padding: 0 !important;
}

/* --- フリーボックス --- */
.freebox {
  border: 2px solid var(--boader-color) !important;
  box-shadow: var(--box-shadow);
}

.freebox p a:hover {
  transform: var(--transform-translate);
}

.p-entry-f {
  max-width: 100%;
  font-size: var(--font-size-lg) !important;
  text-shadow: var(--text-shadow-edge);
  width: stretch;
}

.p-free::after {
  margin-bottom: 10px !important;
}

.code-block .free-inbox {
  padding: 5px 10px !important;
  line-height: 1.1;
}

.free-inbox p {
  margin-bottom: 0 !important;
  font-size: var(--font-size-base) !important;
}

/* --- タグ --- */
.st-post-tags {
  padding: 10px;
  border: 4px solid var(--boader-color);
}

.st-post-tags a {
  padding: 0 4px;
  background: #FFF9C4;
}

/* --- サイドバー グリッド表示 --- */
.random_side > ul {
  display: inline-block;
  height: auto;
  margin-bottom: 5px !important;
  padding: 3px !important;
}

.random_side li {
  position: relative;
  float: left;
  display: inline-block;
  border: 3px solid var(--boader-color-green);
  text-align: left;
  vertical-align: top;
  list-style: none;
}

.random_side span {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 94%;
  height: 25%;
  padding: 5px;
  background: rgba(33, 34, 34, 0.8);
  color: #fff;
  font-size: small;
  line-height: normal;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

.random_side li img {
  width: 170px;
  height: 130px;
}

.post .entry-title {
	background: linear-gradient(135deg, #1565c0, #42a5f5);
}

/* --- 記事内 h3 装飾 --- */
.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
  text-shadow: var(--text-shadow-edge);
}

.post ol {
  list-style-type: disclosure-closed;
}

/* --- 投稿日 --- */
.kdate {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* ============================================================
   スマホ (max-width: 499px)
   ============================================================ */
@media only screen and (max-width: 499px) {
  .random_side li {
    border: 3px solid #f2cf01;
    text-align: center;
  }

  .random_side span {
    width: 97%;
    height: 20%;
  }

  .random_side li img {
    width: 100%;
    height: 200px;
  }
}

/* -------------------------------------------------------------------------
   メニュー全体の背景
   ------------------------------------------------------------------------- */
.acordion_tree_content {
    background: #fff !important;
}
 
/* -------------------------------------------------------------------------
   メニュー項目
   ------------------------------------------------------------------------- */
/* メニュー項目 ── #menu-スマホメニュー を親クラスで代替 */
.acordion_tree_content .menu {
    padding: 0 !important;
    margin: 0 !important;
}

.acordion_tree_content .menu .menu-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--boader-color-soft) !important;
    border-left: 3px solid transparent !important;
    color: var(--color-text) !important;
    font-size: var(--font-size-base) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: var(--transition-all) !important;
    background: #fff !important;
}

.acordion_tree_content .menu .menu-item a:hover {
    background: var(--hover-bg-color) !important;
    color: var(--title-header-green-sub) !important;
    border-left-color: var(--main-bg-color) !important;
}

.acordion_tree_content .menu .menu-item-icon {
    color: #ccc !important;
    font-size: 1.2rem !important;
}

.acordion_tree_content .menu .menu-item a:hover .menu-item-icon {
    color: var(--main-bg-color) !important;
}


/* 既存の定義B に追記する形 */
h1.entry-title,
h2.entry-title {
　position: relative;
  display: inline-block;
  margin: 10px 0;
  padding: 0.5em;
  color: #fff !important;
  font-family: 'Noto Sans JP';
  line-height: 1.5;
  text-shadow: var(--text-shadow-edge);
  /* ▼ 追記: デフォルト背景 */
  background: var(--base-color-red);   /* サイトの赤系。お好みで */
}

/* カテゴリ/一覧ページのタイトル背景（透明指定に確実に対抗） */
.post .entry-title:not(.st-css-no) {
  background: var(--base-color-red) !important;
}
/* 記事のアイキャッチ重ねタイトルは背景を出さない（帯の二重化を防ぐ） */
.entry-top > header > .entry-title,
body.single .entry-title:not(.st-css-no) {
  background: none !important;
  border-radius: 0 !important;
}

/* ============================================================
   フッターリンクボックス（カード型）
   ============================================================ */
.footer-linkbox {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.flb-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.flb-card {
  background: var(--flb-card-bg);
  border: 1px solid var(--flb-card-border);
  border-radius: 6px;
  overflow: hidden;
}

.flb-title {
  display: flex !important;
  align-items: center;
  gap: 6px;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: var(--flb-title-bg) !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border-bottom: none !important;
  text-shadow: var(--text-shadow) !important;
}

.flb-title .fa {
  color: #fff;
}

.flb-list {
  list-style: none !important;
  padding: 4px 10px 6px !important;
  margin: 0 !important;
}

.flb-list li {
  border-bottom: 1px solid var(--flb-sep-color) !important;
  list-style: none !important;
}

.flb-list li:last-child {
  border-bottom: none !important;
}

.flb-list li a {
  display: block;
  padding: 5px 2px;
  font-size: 13px !important;
  color: var(--flb-link-color) !important;
  text-decoration: none;
  transition: var(--transition-all);
}

.flb-list li a::before {
  content: "\f08e";
  font-family: FontAwesome;
  margin-right: 5px;
  color: var(--flb-icon-color);
  font-size: 11px;
}

.flb-list li.new a {
  color: var(--flb-link-new) !important;
  font-weight: 700;
}

.flb-list li.new a::before {
  color: var(--flb-link-new);
}

.flb-list li a:hover {
  color: var(--flb-link-hover) !important;
  transform: var(--transform-translate);
}

/* 総合アンテナ：内部2列 */
.flb-inner-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
}

/* リンクページへ */
.flb-more {
  padding: 6px 10px 8px;
  text-align: right;
  border-top: 1px solid var(--flb-sep-color);
  margin-top: 4px;
}

.flb-more a {
  font-size: 12px;
  color: var(--link-indigo) !important;
}

/* ============================================================
   スマホ (max-width: 499px)
   ============================================================ */
@media only screen and (max-width: 499px) {
  .flb-grid {
    grid-template-columns: 1fr;
  }

  .flb-inner-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 599px) {
  #headbox img.sitename-only-img,
  #headbox img.sitename-bottom,
  #headbox .sitename img,
  .sitename img {
    max-height: 75px !important;   /* 46→90pxに拡大。お好みで調整 */
    max-width: 80vw !important;    /* 画面幅の72%まで。ハンバーガーと干渉しない範囲 */
    width: auto !important;
    height: auto !important;
  }
}

@media screen and (min-width: 600px) {
  #headbox img.sitename-only-img,
  #headbox img.sitename-bottom,
  #headbox .sitename img,
  .sitename img {
    max-height: 120px !important;  /* 大きすぎる場合は 90〜110px へ */
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
  }
}