@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* ============================================================
   セミコンダクター・エンジニアズ — ヘッダー画像CSS
   子テーマの style.css 末尾に追記してください
   ============================================================ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ヘッダー背景をSVGに置き換え
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header,
.site-header,
#header-image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Cdefs%3E%3CradialGradient id='bg3' cx='70%25' cy='50%25' r='55%25'%3E%3Cstop offset='0%25' stop-color='%23112236'/%3E%3Cstop offset='100%25' stop-color='%2306101E'/%3E%3C/radialGradient%3E%3CradialGradient id='wg3' cx='50%25' cy='40%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%232E5470'/%3E%3Cstop offset='60%25' stop-color='%23162D42'/%3E%3Cstop offset='100%25' stop-color='%230A1E2E'/%3E%3C/radialGradient%3E%3CclipPath id='wc2'%3E%3Ccircle cx='980' cy='100' r='100'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect width='1200' height='200' fill='url(%23bg3)'/%3E%3Ccircle cx='980' cy='100' r='100' fill='url(%23wg3)' opacity='0.7'/%3E%3Ccircle cx='980' cy='100' r='100' fill='none' stroke='%233A7A9A' stroke-width='1.5' opacity='0.5'/%3E%3Cg clip-path='url(%23wc2)' opacity='0.4'%3E%3Cg stroke='%231A4060' stroke-width='0.7'%3E%3Cline x1='880' y1='0' x2='880' y2='200'/%3E%3Cline x1='900' y1='0' x2='900' y2='200'/%3E%3Cline x1='920' y1='0' x2='920' y2='200'/%3E%3Cline x1='940' y1='0' x2='940' y2='200'/%3E%3Cline x1='960' y1='0' x2='960' y2='200'/%3E%3Cline x1='980' y1='0' x2='980' y2='200'/%3E%3Cline x1='1000' y1='0' x2='1000' y2='200'/%3E%3Cline x1='1020' y1='0' x2='1020' y2='200'/%3E%3Cline x1='1040' y1='0' x2='1040' y2='200'/%3E%3Cline x1='1060' y1='0' x2='1060' y2='200'/%3E%3Cline x1='880' y1='20' x2='1080' y2='20'/%3E%3Cline x1='880' y1='40' x2='1080' y2='40'/%3E%3Cline x1='880' y1='60' x2='1080' y2='60'/%3E%3Cline x1='880' y1='80' x2='1080' y2='80'/%3E%3Cline x1='880' y1='100' x2='1080' y2='100'/%3E%3Cline x1='880' y1='120' x2='1080' y2='120'/%3E%3Cline x1='880' y1='140' x2='1080' y2='140'/%3E%3Cline x1='880' y1='160' x2='1080' y2='160'/%3E%3Cline x1='880' y1='180' x2='1080' y2='180'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M980,200 L974,190 L986,190 Z' fill='%2306101E'/%3E%3Crect x='840' y='44' width='280' height='112' rx='4' fill='%230D2035' stroke='%231E4A6A' stroke-width='1.5' opacity='0.95'/%3E%3Crect x='852' y='56' width='46' height='88' rx='2' fill='%230F2A40' stroke='%232A6080' stroke-width='1'/%3E%3Cg stroke='%231E5070' stroke-width='0.6'%3E%3Cline x1='855' y1='66' x2='896' y2='66'/%3E%3Cline x1='855' y1='74' x2='896' y2='74'/%3E%3Cline x1='855' y1='82' x2='896' y2='82'/%3E%3Cline x1='855' y1='90' x2='896' y2='90'/%3E%3Cline x1='855' y1='98' x2='896' y2='98'/%3E%3Cline x1='855' y1='106' x2='896' y2='106'/%3E%3Cline x1='855' y1='114' x2='896' y2='114'/%3E%3Cline x1='855' y1='122' x2='896' y2='122'/%3E%3Cline x1='855' y1='130' x2='896' y2='130'/%3E%3C/g%3E%3Ctext x='875' y='61' text-anchor='middle' fill='%233A8BAE' font-size='9' font-family='monospace' opacity='0.9'%3EHBM%3C/text%3E%3Crect x='904' y='50' width='104' height='100' rx='3' fill='%23112840' stroke='%232E6888' stroke-width='1.5'/%3E%3Crect x='908' y='54' width='96' height='92' rx='2' fill='%230D2035' stroke='%231A4A68' stroke-width='0.7'/%3E%3Cg stroke='%231E5070' stroke-width='0.5' opacity='0.7'%3E%3Cline x1='910' y1='68' x2='1002' y2='68'/%3E%3Cline x1='910' y1='80' x2='1002' y2='80'/%3E%3Cline x1='910' y1='92' x2='1002' y2='92'/%3E%3Cline x1='910' y1='104' x2='1002' y2='104'/%3E%3Cline x1='910' y1='116' x2='1002' y2='116'/%3E%3Cline x1='910' y1='128' x2='1002' y2='128'/%3E%3Cline x1='924' y1='56' x2='924' y2='144'/%3E%3Cline x1='938' y1='56' x2='938' y2='144'/%3E%3Cline x1='952' y1='56' x2='952' y2='144'/%3E%3Cline x1='966' y1='56' x2='966' y2='144'/%3E%3Cline x1='980' y1='56' x2='980' y2='144'/%3E%3Cline x1='994' y1='56' x2='994' y2='144'/%3E%3C/g%3E%3Crect x='916' y='72' width='30' height='20' rx='1' fill='%231A4A6A' stroke='%232E6888' stroke-width='0.7'/%3E%3Crect x='952' y='72' width='30' height='20' rx='1' fill='%231A4A6A' stroke='%232E6888' stroke-width='0.7'/%3E%3Crect x='916' y='100' width='30' height='20' rx='1' fill='%231A4060' stroke='%232A5878' stroke-width='0.7'/%3E%3Crect x='952' y='100' width='30' height='20' rx='1' fill='%231A4060' stroke='%232A5878' stroke-width='0.7'/%3E%3Ctext x='956' y='59' text-anchor='middle' fill='%234A9ABE' font-size='9' font-family='monospace' font-weight='700' opacity='0.9'%3ESoC DIE%3C/text%3E%3Crect x='1014' y='56' width='46' height='88' rx='2' fill='%230F2A40' stroke='%232A6080' stroke-width='1'/%3E%3Cg stroke='%231E5070' stroke-width='0.6'%3E%3Cline x1='1017' y1='66' x2='1058' y2='66'/%3E%3Cline x1='1017' y1='74' x2='1058' y2='74'/%3E%3Cline x1='1017' y1='82' x2='1058' y2='82'/%3E%3Cline x1='1017' y1='90' x2='1058' y2='90'/%3E%3Cline x1='1017' y1='98' x2='1058' y2='98'/%3E%3Cline x1='1017' y1='106' x2='1058' y2='106'/%3E%3Cline x1='1017' y1='114' x2='1058' y2='114'/%3E%3Cline x1='1017' y1='122' x2='1058' y2='122'/%3E%3Cline x1='1017' y1='130' x2='1058' y2='130'/%3E%3C/g%3E%3Ctext x='1036' y='61' text-anchor='middle' fill='%233A8BAE' font-size='9' font-family='monospace' opacity='0.9'%3EHBM%3C/text%3E%3Cg fill='%231A5070' opacity='0.6'%3E%3Ccircle cx='852' cy='158' r='2'/%3E%3Ccircle cx='860' cy='158' r='2'/%3E%3Ccircle cx='868' cy='158' r='2'/%3E%3Ccircle cx='876' cy='158' r='2'/%3E%3Ccircle cx='884' cy='158' r='2'/%3E%3Ccircle cx='892' cy='158' r='2'/%3E%3Ccircle cx='900' cy='158' r='2'/%3E%3Ccircle cx='908' cy='158' r='2'/%3E%3Ccircle cx='916' cy='158' r='2'/%3E%3Ccircle cx='924' cy='158' r='2'/%3E%3Ccircle cx='932' cy='158' r='2'/%3E%3Ccircle cx='940' cy='158' r='2'/%3E%3Ccircle cx='948' cy='158' r='2'/%3E%3Ccircle cx='956' cy='158' r='2'/%3E%3Ccircle cx='964' cy='158' r='2'/%3E%3Ccircle cx='972' cy='158' r='2'/%3E%3Ccircle cx='980' cy='158' r='2'/%3E%3Ccircle cx='988' cy='158' r='2'/%3E%3Ccircle cx='996' cy='158' r='2'/%3E%3Ccircle cx='1004' cy='158' r='2'/%3E%3Ccircle cx='1012' cy='158' r='2'/%3E%3Ccircle cx='1020' cy='158' r='2'/%3E%3Ccircle cx='1028' cy='158' r='2'/%3E%3Ccircle cx='1036' cy='158' r='2'/%3E%3Ccircle cx='1044' cy='158' r='2'/%3E%3Ccircle cx='1052' cy='158' r='2'/%3E%3Ccircle cx='1060' cy='158' r='2'/%3E%3Ccircle cx='1068' cy='158' r='2'/%3E%3Ccircle cx='1076' cy='158' r='2'/%3E%3Ccircle cx='1084' cy='158' r='2'/%3E%3Ccircle cx='1092' cy='158' r='2'/%3E%3Ccircle cx='1100' cy='158' r='2'/%3E%3Ccircle cx='1108' cy='158' r='2'/%3E%3Ccircle cx='1116' cy='158' r='2'/%3E%3C/g%3E%3Crect x='0' y='196' width='1200' height='4' fill='%2300B4D8' opacity='0.55'/%3E%3C/svg%3E") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #06101E !important;
  min-height: 200px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   サイトタイトル・キャッチフレーズの文字色
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.site-name,
.site-name a,
#site-name,
#site-name a,
.header-title,
.header-title a {
  color: #FFFFFF !important;
  text-shadow: none !important;
}

.site-description,
#site-description,
.header-description {
  color: #5BA3BC !important;
  font-size: 12px !important;
  letter-spacing: 0.1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ナビゲーションメニュー
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#navi,
.navi,
.global-navi,
#global-navi {
  background: #0A1628 !important;
  border-top: 1px solid rgba(0, 180, 216, 0.3) !important;
  border-bottom: 2px solid rgba(0, 180, 216, 0.5) !important;
}

#navi a,
.navi a,
.global-navi a,
#global-navi a {
  color: #A8D0E0 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em;
  transition: color 0.15s;
}

#navi a:hover,
.navi a:hover,
.global-navi a:hover,
#global-navi a:hover {
  color: #00B4D8 !important;
  background: rgba(0, 180, 216, 0.08) !important;
}

/* ============================================================
   END
   ============================================================ */

/* ============================================================
   セミコンダクター・エンジニアズ — 修正CSS v2
   前回の semi-engineers-fix.css の内容を削除して
   こちらに置き換えてください
   ============================================================ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   1. キャッチフレーズ横の編集ボタンを非表示
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.customize-partial-edit-shortcut {
  display: none !important;
}

.site-description,
#site-description,
.header-description {
  color: #5BA3BC !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  opacity: 0.9;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   2. サイトタイトル
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.site-name,
.site-name a,
#site-name,
#site-name a,
.site-title,
.site-title a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 0 30px rgba(0,180,216,0.3) !important;
  text-decoration: none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   3. ナビゲーションバー
      ※ header-container への flex は削除
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#navi,
.navi,
.global-navi,
#global-navi {
  background: #0A1628 !important;
  background-color: #0A1628 !important;
  border-top: 1px solid rgba(0,180,216,0.25) !important;
  border-bottom: 2px solid rgba(0,180,216,0.5) !important;
  box-shadow: none !important;
}

#navi .navi-in,
.navi .navi-in,
#navi > div,
.navi > div {
  background: #0A1628 !important;
  background-color: #0A1628 !important;
}

#navi ul,
.navi ul,
#global-navi ul {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#navi a,
.navi a,
.global-navi a,
#global-navi a {
  color: #A8D0E0 !important;
  background: transparent !important;
  background-color: transparent !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  border: none !important;
  transition: color 0.15s !important;
}

#navi a:hover,
.navi a:hover,
.global-navi a:hover,
#global-navi a:hover {
  color: #00B4D8 !important;
  background: rgba(0,180,216,0.08) !important;
}

#navi .current-menu-item > a,
.navi .current-menu-item > a,
#navi .current_page_item > a,
.navi .current_page_item > a {
  color: #00B4D8 !important;
  border-bottom: 2px solid #00B4D8 !important;
}

/* ドロップダウン */
#navi ul ul,
.navi ul ul {
  background: #0D1F35 !important;
  background-color: #0D1F35 !important;
  border: 1px solid rgba(0,180,216,0.2) !important;
}

#navi ul ul a,
.navi ul ul a {
  color: #8ABFCE !important;
  border-bottom: 1px solid rgba(0,180,216,0.1) !important;
}

#navi ul ul a:hover,
.navi ul ul a:hover {
  color: #00B4D8 !important;
  background: rgba(0,180,216,0.1) !important;
}

/* ============================================================
   END
   ============================================================ */

/* ============================================================
   semi-engineers-child.css 追記分（v4）
   新着・人気・ニュース 3カラム化 ＋ AX フル幅セクション
   ============================================================ */

/* ── 1. 上段3カラム（新着・人気・ニュース） ── */
.se-top-3col {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 16px !important;
  float: none !important;
}

/* column-left / column-right はそのまま使い、3列目を追加 */
.se-top-3col .se-news-col {
  min-width: 0;
}

/* ニュース列のh2カラー（シアン系） */
.se-top-3col .se-news-col h2 {
  background: #0E3251 !important;
  border-left: 3px solid #00B4D8 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.08em;
  position: relative;
}
.se-top-3col .se-news-col h2::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #00B4D8;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}
.se-top-3col .se-news-col h2 i,
.se-top-3col .se-news-col h2 .fa {
  display: none !important;
}

/* ── 2. nth-of-type カラーに「ニュース」列のh2を反映済み ── */
/* （既存のcolumn-left/rightカラーはv3のまま流用） */

/* ── 3. AX フル幅特集セクション ── */
.se-ax-section {
  background: linear-gradient(135deg, #06101E 0%, #0D1F3C 60%, #0A2540 100%);
  border: 1px solid #00B4D8;
  border-left: 4px solid #00B4D8;
  border-radius: 4px;
  padding: 24px 28px 20px;
  margin: 8px 0 16px;
  position: relative;
  overflow: hidden;
}

/* 背景装飾：回路グリッド風 */
.se-ax-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,180,216,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,216,0.04) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}

/* ヘッダー部 */
.se-ax-header {
  margin-bottom: 16px;
  position: relative;
}

/* AXバッジ */
.se-ax-badge {
  display: inline-block;
  background: #00B4D8;
  color: #06101E;
  font-family: monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding: 2px 10px;
  border-radius: 2px;
  margin-bottom: 8px;
  vertical-align: middle;
}

/* AXセクション内h2 */
.se-ax-header h2 {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 6px 0 4px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  letter-spacing: 0.03em;
}

/* AXサブ説明文 */
.se-ax-desc {
  color: #7EC8DC !important;
  font-size: 12px !important;
  margin: 0 !important;
  line-height: 1.6 !important;
  font-family: monospace;
  letter-spacing: 0.03em;
}

/* AX内カードリスト：横並び4列 */
.se-ax-list {
  position: relative;
}
.se-ax-list ul.card-list,
.se-ax-list .new-entry-card-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}
.se-ax-list .card-item {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(0,180,216,0.2) !important;
  border-radius: 4px !important;
  padding: 8px !important;
  transition: border-color 0.2s, background 0.2s;
}
.se-ax-list .card-item:hover {
  border-color: #00B4D8 !important;
  background: rgba(0,180,216,0.08) !important;
}
.se-ax-list .card-title,
.se-ax-list .card-content {
  color: #D0EAF5 !important;
  font-size: 12px !important;
}

/* AX「もっと見る」ボタン */
.se-ax-btn {
  margin-top: 14px !important;
  text-align: right;
}
.se-ax-btn a {
  display: inline-block;
  color: #00B4D8 !important;
  border: 1px solid #00B4D8 !important;
  border-radius: 3px;
  padding: 5px 16px !important;
  font-size: 12px !important;
  font-family: monospace;
  letter-spacing: 0.08em;
  background: transparent !important;
  transition: background 0.2s, color 0.2s;
}
.se-ax-btn a:hover {
  background: #00B4D8 !important;
  color: #06101E !important;
}
.se-ax-btn a .fa,
.se-ax-btn a i {
  display: none !important;
}
.se-ax-btn a::after {
  content: ' →';
}

/* ── 4. レスポンシブ対応 ── */
@media (max-width: 768px) {
  /* 上段3列 → 1列 */
  .se-top-3col {
    grid-template-columns: 1fr !important;
  }

  /* AX内カード → 1列 */
  .se-ax-list ul.card-list,
  .se-ax-list .new-entry-card-list {
    grid-template-columns: 1fr !important;
  }

  .se-ax-section {
    padding: 16px;
  }
}

/* ============================================================
   se-additions-v4 修正版（3カラム float 強制解除）
   既存のv4 CSSに追記、または該当箇所を置き換える
   ============================================================ */

/* ── 上段3カラム（新着・人気・ニュース）強制上書き ── */
.se-top-3col {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 16px !important;
  float: none !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Cocoonが .column-left / .column-right に float:left と width:48% 等を
   設定しているためすべて強制リセット */
.se-top-3col .column-left,
.se-top-3col .column-right,
.se-top-3col .se-news-col {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* clearfix 無効化 */
.se-top-3col::after {
  display: none !important;
}

/* ニュース列h2 スタイル（v4と同じ） */
.se-top-3col .se-news-col h2 {
  background: #0E3251 !important;
  border-left: 3px solid #00B4D8 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.08em;
  position: relative;
}
.se-top-3col .se-news-col h2::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #00B4D8;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}
.se-top-3col .se-news-col h2 i,
.se-top-3col .se-news-col h2 .fa {
  display: none !important;
}

/* モバイル → 1列 */
@media (max-width: 768px) {
  .se-top-3col {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   se-additions-v5
   上段3カラムをCocoon非依存の独自グリッドで実装
   style.css 末尾に追記（v4・fix版の後ろ）
   ============================================================ */

/* ── 上段3カラム グリッド本体 ── */
.se-top-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.se-top-col {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
  padding: 0 0 12px;
  min-width: 0;
  box-sizing: border-box;
}

/* 共通 h2（新着・人気） */
.se-col-heading {
  background: #0A1628 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
  margin: 0 0 8px !important;
  border: none !important;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  gap: 6px;
}
.se-col-heading::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #00B4D8;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ニュース列のh2だけシアン強調 */
.se-news-heading {
  background: #0E3251 !important;
  border-left: 3px solid #00B4D8 !important;
}

/* カード内余白 */
.se-top-col .card-list,
.se-top-col .new-entry-card-list,
.se-top-col ul {
  padding: 0 10px !important;
  margin: 0 !important;
}

/* もっと見るボタン */
.se-more-btn {
  padding: 8px 10px 0;
  text-align: left;
}
.se-more-btn a {
  display: inline-block;
  color: #0A1628 !important;
  border: 1px solid #0A1628 !important;
  border-radius: 3px;
  padding: 4px 12px;
  font-size: 12px;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s;
}
.se-more-btn a:hover {
  background: #0A1628 !important;
  color: #fff !important;
}

/* ── モバイル → 1列 ── */
@media (max-width: 768px) {
  .se-top-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   se-heading-fix.css
   上段3カラムの見出しテキスト表示修正
   style.css 末尾に追記（v5の後ろ）
   ============================================================ */

/* se-top-grid内のh2：Cocoonの疑似要素・アイコンをすべて無効化 */
.se-top-col .se-col-heading {
  display: block !important;
  background: #0A1628 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 12px 8px 28px !important;
  margin: 0 0 8px !important;
  border: none !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
}

/* シアンドット：::before で左側に配置 */
.se-top-col .se-col-heading::before {
  content: '' !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  background: #00B4D8 !important;
  border-radius: 50% !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Cocoonが挿入する ::after も無効化 */
.se-top-col .se-col-heading::after {
  display: none !important;
}

/* Cocoonが挿入する i タグ（◆アイコン）を非表示 */
.se-top-col .se-col-heading i,
.se-top-col .se-col-heading .fa {
  display: none !important;
}

/* ニュース列だけ左ボーダーをシアンに */
.se-top-col.se-news-col .se-col-heading {
  background: #0E3251 !important;
  border-left: 3px solid #00B4D8 !important;
}