@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
   ============================================================ */