/*
=========================================
  Custom Cyber Style for motoikenkichi.com
  Author: MOTOI Kenkichi
  Theme: Cocoon Child (Cleaned & Optimized)
=========================================
*/

/* ============================================================
   Base & Global Reset
   ------------------------------------------------------------ */
html, body {
  background-color: #022E2E !important;
  color: #D8FFFF !important;
  font-family: 'Share Tech Mono', 'Noto Sans JP', monospace;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.25 !important;
}

/* すべての背景を統一（Cocoonの白背景を強制上書き） */
body, html, main, article, .site, .site-content, .entry-content,
.wp-block-group, .widget, header, footer, div, section,
.widget_block, .widget-title, .widget-area, .sidebar,
.entry-title, .post, .page, .wp-block-group__inner-container {
  background: transparent !important;
  color: #D8FFFF !important;
  border: none !important;
}

/* メインラッパー */
.cyber-wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: 0.5em 1.5em !important;
}

/* ============================================================
   Layout
   ------------------------------------------------------------ */
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
  padding: 1em;
}

.main-content {
  flex: 1 1 65%;
  max-width: 800px;
  background: rgba(0, 64, 64, 0.35);
  border-radius: 10px;
  padding: 0.5em 1.5em !important;
  margin: 0.5em auto !important;
  box-shadow: 0 0 12px rgba(64,255,255,0.2);
}

.sidebar {
  flex: 1 1 25%;
  min-width: 240px;
  background: rgba(0, 80, 80, 0.4);
  border-radius: 8px;
  padding: 1em;
  margin: 1em;
  color: #A0FFFF;
}

/* サイドバーウィジェット統一 */
.widget, .sidebar, aside {
  background: rgba(0, 40, 40, 0.9) !important;
  border: 1px solid rgba(0, 255, 255, 0.15);
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,255,255,0.1);
  padding: 1em;
}

/* ============================================================
   Typography & Titles
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6,
.site-title, .glitch-title,
.widget-title, .wp-block-heading {
  color: #5AF2E8 !important;
  text-shadow: 0 0 4px #00CCCC, 0 0 8px #00FFFF, 0 0 14px #3CFFF0;
  margin: 0.1em 0 0.2em !important;
  line-height: 1.2 !important;
}

.glitch-title {
  font-size: 2.4em;
  letter-spacing: 0.1em;
  transition: 0.3s;
}

.glitch-title:hover {
  text-shadow: 0 0 6px #00DDDD, 0 0 16px #4FFFFF, 0 0 28px #6CFFFF;
}

.subtitle, .site-description {
  color: #A8E0DE;
  font-size: 0.9em;
  font-weight: 300;
  text-shadow: 0 0 4px #007777;
  margin: 0 !important;
  line-height: 1.1 !important;
}

/* ネオンクラス */
.neon {
  color: #BFFFF1;
  text-shadow: 0 0 8px #5EF0DE, 0 0 16px #1EC2AC;
}

/* ============================================================
   Links (Global)
   ------------------------------------------------------------ */
a, a:link {
  color: #40FFFF !important;
  text-decoration: none !important;
  text-shadow: 0 0 5px #40FFFF;
  transition: all 0.3s ease;
}

a:visited {
  color: #00CCCC !important;
  text-shadow: 0 0 6px #00CCCC;
}

a:hover, a:focus {
  color: #FFFFFF !important;
  text-shadow: 0 0 10px #00FFFF, 0 0 20px #00FFFF;
}

a:active {
  color: #FF66CC !important;
}

/* サイドバー・ウィジェット内リンク */
.widget a, .sidebar a,
.widget_recent_entries a, .widget_archive a,
.widget_categories a, .widget_meta a,
.widget_pages a, .widget_nav_menu a {
  color: #66FFFF !important;
  background: transparent !important;
  border-radius: 3px;
  padding: 0.2em 0;
}

.widget a:hover, .sidebar a:hover {
  color: #A0FFFF !important;
  text-shadow: 0 0 10px #40FFFF !important;
  background: rgba(0, 255, 255, 0.1) !important;
}

.widget a:active, .widget a:focus {
  color: #FFFFFF !important;
  background: rgba(0, 255, 255, 0.2) !important;
  text-shadow: 0 0 15px #80FFFF !important;
  outline: none !important;
}

/* 現在ページ（カレント） */
.widget_archive li.current-cat a,
.widget_categories li.current-cat a {
  color: #B0FFFF !important;
  background: rgba(0, 255, 255, 0.15) !important;
  text-shadow: 0 0 10px #80FFFF !important;
}

/* ============================================================
   Buttons & Forms
   ------------------------------------------------------------ */
.btn, button, input[type="submit"], input[type="button"],
.search-box button {
  display: inline-block;
  background: rgba(0, 255, 255, 0.1) !important;
  color: #E8F8F8 !important;
  border: 1px solid #40FFFF !important;
  border-radius: 4px !important;
  padding: 0.8em 2em !important;
  font-family: inherit !important;
  font-size: 1em !important;
  text-shadow: 0 0 5px #00CCCC;
  box-shadow: 0 0 8px #009999 inset;
  transition: all 0.3s ease !important;
  cursor: pointer;
  text-decoration: none !important;
}

.btn:hover, button:hover, input[type="submit"]:hover,
input[type="button"]:hover, .search-box button:hover {
  background: #40FFFF !important;
  color: #004040 !important;
  box-shadow: 0 0 15px #40FFFF !important;
}

.btn:focus, button:focus, input[type="submit"]:focus,
input[type="button"]:focus, .search-box button:focus {
  outline: none !important;
  box-shadow: 0 0 20px #00FFFF !important;
}

/* 検索ボックス */
.search-box input {
  padding: 0.5em;
  width: 70%;
  background: rgba(0, 50, 50, 0.6);
  border: 1px solid #00CCCC;
  border-radius: 4px;
  color: #D8FFFF;
}

input[type="search"], input[type="text"], textarea {
  background: rgba(0, 30, 30, 0.9) !important;
  color: #D8FFFF !important;
  border: 1px solid rgba(0,255,255,0.3) !important;
  border-radius: 4px;
}

/* ============================================================
   SNS & Share Buttons
   ------------------------------------------------------------ */
.sns-buttons, .social, .sns-share, .sns-follow {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 2em 0 1.5em;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.sns-buttons a, .social a, .sns-share a {
  background: rgba(0, 64, 64, 0.25) !important;
  color: #A0FFFF !important;
  border: 1px solid #40FFFF !important;
  border-radius: 10px !important;
  padding: 0.6em 1.4em !important;
  font-size: 1em !important;
  text-decoration: none !important;
  box-shadow: 0 0 12px rgba(64,255,255,0.2) inset !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4em !important;
}

.sns-buttons a:hover, .social a:hover, .sns-share a:hover {
  background: rgba(64, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
  text-shadow: 0 0 8px #40FFFF !important;
  box-shadow: 0 0 15px rgba(64,255,255,0.4) !important;
}

.sns-buttons a svg, .social a svg {
  filter: drop-shadow(0 0 4px rgba(64,255,255,0.3));
}

/* ============================================================
   Blockquote
   ------------------------------------------------------------ */
blockquote {
  background: rgba(0, 64, 64, 0.25) !important;
  border-left: 3px solid #40FFFF !important;
  color: #BFFFF1 !important;
  padding: 1em 1.2em !important;
  margin: 1.2em auto !important;
  border-radius: 6px !important;
  box-shadow: 0 0 15px rgba(64,255,255,0.15) inset;
  font-style: italic;
  text-shadow: 0 0 6px rgba(64,255,255,0.3);
  max-width: 90%;
}

/* ============================================================
   Table of Contents (TOC)
   ------------------------------------------------------------ */
.toc {
  background: rgba(0, 40, 40, 0.2) !important;
  border: 1px solid rgba(64, 255, 255, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(64,255,255,0.08) !important;
  padding: 1em 1.2em !important;
}

.toc .toc-list, .toc li {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1.6em !important;
}

.toc a {
  color: #66FFFF !important;
  text-decoration: none !important;
  text-shadow: 0 0 4px rgba(64, 255, 255, 0.3);
  transition: 0.2s ease-in-out;
}

.toc a:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 8px #40FFFF;
  transform: translateX(2px);
}

.toc a:visited {
  color: #66CCCC !important;
}

.toc-title {
  color: #66FFFF !important;
  text-shadow: 0 0 6px #00CCCC !important;
  border: none !important;
  margin-bottom: 0.5em !important;
}

/* ============================================================
   Footer & Cleanup
   ------------------------------------------------------------ */
footer, .site-footer {
  margin-top: 1em !important;
  padding: 0.5em 0 !important;
  font-size: 0.8em;
  color: #A0C0C0;
  letter-spacing: 0.05em;
  opacity: 0.9;
  overflow: hidden !important;
}

/* Jetpack / Meta */
.sharedaddy, .jetpack-sharing, .entry-meta {
  display: none !important;
}

/* ============================================================
   Responsive
   ------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  .container { flex-direction: column; align-items: center; }
  .main-content, .sidebar { width: 90%; }
  .btn, button, input[type="submit"] { padding: 0.9em 2em; }
  .sns-buttons, .sns-share { gap: 8px; }
  .sns-buttons a { font-size: 0.95em; padding: 0.5em 1em; }
  .site-title { margin-bottom: 0.6em !important; }
  .header, #header, .main, #main { margin-top: -1.2em !important; }
  blockquote { font-size: 0.95em; }
}








/* ====== Cocoon Child Master 白背景除去強化 ====== */

/* 1. body・main・wrapper など主要ブロックを透明に */
body,
.main,
.container,
#content,
#main,
#wrap,
#inner-content,
#primary,
#secondary,
#footer,
#header {
  background: transparent !important;
  background-color: transparent !important;
}

/* 2. Cocoon 親テーマが使う before 背景を無効化 */
body::before,
body::after,
.main::before,
.main::after,
.container::before,
.container::after {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  content: none !important;
}

/* 3. 投稿本文・ウィジェット・サイドバー領域 */
.article,
.entry-content,
.widget,
.sidebar,
#sidebar,
#navi,
#header-in,
#footer-in {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 4. 親テーマが上書きする “白背景系クラス” を抑止 */
.bg-white,
.has-white-background-color,
.content,
.content-in,
.article-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 5. Gutenberg ブロックや画像なども透明 */
.wp-block-group,
.wp-block-cover,
.wp-block-column,
.wp-block-image {
  background: transparent !important;
  background-color: transparent !important;
}

/* 6. 余計な白背景画像を打ち消す */
html {
  background: transparent !important;
  background-color: transparent !important;
}

/* 7. 管理バー保持 */
#wpadminbar {
  background: #001414 !important;
  color: inherit !important;
}








/* ===== Cocoon Child Master 強制白背景除去 ===== */

/* body::before / after 背景レイヤー削除 */
body::before,
body::after {
  background: none !important;
  background-color: transparent !important;
  content: '' !important;
  box-shadow: none !important;
  position: static !important;
  z-index: auto !important;
  display: none !important;
  opacity: 0 !important;
}

/* メインコンテナなどの before/after も無効化 */
.main::before,
.main::after,
.container::before,
.container::after {
  background: none !important;
  background-color: transparent !important;
  content: '' !important;
  box-shadow: none !important;
  display: none !important;
  opacity: 0 !important;
}

/* 念のため body, main, html にも透過を指定 */
html, body, .main, .container {
  background: transparent !important;
  background-color: transparent !important;
}









/* ===== WordPress Global Styles 白背景の強制除去 ===== */

/* Gutenberg / Global Styles の白・グラデ背景すべて無効化 */
:root,
body,
html {
  --wp--preset--color--white: transparent !important;
  --wp--preset--color--cocoon-white: transparent !important;
  --wp--preset--color--watery-blue: transparent !important;
  --wp--preset--color--watery-yellow: transparent !important;
  --wp--preset--color--watery-red: transparent !important;
  --wp--preset--color--watery-green: transparent !important;
  --wp--preset--color--ex-a: transparent !important;
  --wp--preset--color--ex-b: transparent !important;
  --wp--preset--color--ex-c: transparent !important;
  --wp--preset--color--ex-d: transparent !important;
  --wp--preset--color--ex-e: transparent !important;
  --wp--preset--color--ex-f: transparent !important;
}

/* “has-○○-background-color” クラスを全面透明化 */
[class*="has-"][class*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* “has-○○-gradient-background” クラスも同様に */
[class*="has-"][class*="-gradient-background"] {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}






/* ===========================================
   Gutenberg Global Styles（白背景）完全透過化
   =========================================== */

/* 1. GutenbergのCSS変数(プリセットカラー)を再定義 */
:root,
html,
body {
  --wp--preset--color--white: transparent !important;
  --wp--preset--color--cocoon-white: transparent !important;
  --wp--preset--color--watery-blue: transparent !important;
  --wp--preset--color--watery-yellow: transparent !important;
  --wp--preset--color--watery-red: transparent !important;
  --wp--preset--color--watery-green: transparent !important;
  --wp--preset--color--ex-a: transparent !important;
  --wp--preset--color--ex-b: transparent !important;
  --wp--preset--color--ex-c: transparent !important;
  --wp--preset--color--ex-d: transparent !important;
  --wp--preset--color--ex-e: transparent !important;
  --wp--preset--color--ex-f: transparent !important;
}

/* 2. Gutenbergブロックが使う “has-〇〇-background-color” クラスを無効化 */
[class*="has-"][class*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 3. グラデーション背景もすべて無効化 */
[class*="has-"][class*="-gradient-background"] {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* 4. Gutenbergのpullquoteやgroupなど背景をもつ要素を透過 */
.wp-block-group,
.wp-block-cover,
.wp-block-column,
.wp-block-pullquote,
.wp-block-quote,
.wp-block-media-text {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 5. body::before で背景を持つテーマ（Cocoon等）をリセット */
body::before,
body::after {
  background: none !important;
  background-color: transparent !important;
  content: '' !important;
  display: none !important;
  position: static !important;
  z-index: auto !important;
  opacity: 0 !important;
}








/* =========================================
   Cocoon Child Master 白背景完全除去 最終版
   ========================================= */

/* Gutenberg・Cocoon共通：白背景変数を透明化 */
:root, html, body {
  --wp--preset--color--white: transparent !important;
  --wp--preset--color--cocoon-white: transparent !important;
  --wp--preset--color--watery-blue: transparent !important;
  --wp--preset--color--watery-yellow: transparent !important;
  --wp--preset--color--watery-red: transparent !important;
  --wp--preset--color--watery-green: transparent !important;
  --wp--preset--color--ex-a: transparent !important;
  --wp--preset--color--ex-b: transparent !important;
  --wp--preset--color--ex-c: transparent !important;
  --wp--preset--color--ex-d: transparent !important;
  --wp--preset--color--ex-e: transparent !important;
  --wp--preset--color--ex-f: transparent !important;
}

/* 背景系クラスの全面透明化 */
[class*="has-"][class*="background-color"],
[class*="has-"][class*="-gradient-background"],
.bg-white, .bg-light, .bg-base,
.content, .content-in, .main,
.article, .article-in, .entry-content,
#content, #main, #primary, #secondary,
.widget, .sidebar, #sidebar,
#header, #footer, #footer-in, #navi {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Cocoon独自の白背景レイヤーを削除 */
body::before, body::after,
.main::before, .main::after,
.container::before, .container::after {
  content: '' !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  position: static !important;
  z-index: auto !important;
  box-shadow: none !important;
  border: none !important;
}

/* Gutenbergブロックなど */
.wp-block-group,
.wp-block-cover,
.wp-block-column,
.wp-block-pullquote,
.wp-block-media-text {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 管理バー保持 */
#wpadminbar {
  background: #001414 !important;
  color: inherit !important;
}

/* 例外を戻したい場合は .keep-bg クラスで解除 */
.keep-bg {
  background: initial !important;
  background-color: initial !important;
  box-shadow: initial !important;
  border: initial !important;
}













/* ===========================================
   白背景除去 最終補強 (Cocoon + Gutenberg)
   =========================================== */

/* bodyやmainなどのbefore/afterを完全に無効化 */
body::before,
body::after,
main::before,
main::after,
.site::before,
.site::after,
.container::before,
.container::after,
.entry-content::before,
.entry-content::after {
  content: '' !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  position: static !important;
  z-index: auto !important;
  border: none !important;
}

/* Gutenbergの白・水色系プリセットカラーを透明化 */
:root,
html,
body {
  --wp--preset--color--white: transparent !important;
  --wp--preset--color--cocoon-white: transparent !important;
  --wp--preset--color--watery-blue: transparent !important;
  --wp--preset--color--watery-yellow: transparent !important;
  --wp--preset--color--watery-red: transparent !important;
  --wp--preset--color--watery-green: transparent !important;
  --wp--preset--color--ex-a: transparent !important;
  --wp--preset--color--ex-b: transparent !important;
  --wp--preset--color--ex-c: transparent !important;
  --wp--preset--color--ex-d: transparent !important;
  --wp--preset--color--ex-e: transparent !important;
  --wp--preset--color--ex-f: transparent !important;
}

/* “has-white-background-color” や “has-*-gradient-background” を強制透明化 */
[class*="has-"][class*="background-color"],
[class*="has-"][class*="-gradient-background"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Cocoonのcontent・article領域を念押しで透明 */
.content,
.article,
.article-in,
#content,
#main {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 管理バーの色は維持 */
#wpadminbar {
  background: #001414 !important;
  color: inherit !important;
}







/* ============================================================
   Cocoon / Gutenberg 透過対応 for top.css
   ============================================================ */
:root, html, body {
  --wp--preset--color--white: transparent !important;
  --wp--preset--color--cocoon-white: transparent !important;
  --wp--preset--color--watery-blue: transparent !important;
  --wp--preset--color--watery-yellow: transparent !important;
  background-color: #004040 !important;
  color: #E8F8F8 !important;
}

.main, .content, .content-in, .article, .article-in, #content,
.wp-block-group, .wp-block-cover, .wp-block-column, .entry-content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

body::before, body::after {
  display: none !important;
  content: '' !important;
  background: none !important;
  opacity: 0 !important;
}





/* ============================================================
   Cocoonサイドバー・ウィジェット透過仕上げ
   ============================================================ */
.widget, .widget_recent_entries, .widget-area, .sidebar, .widget_block {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 255, 255, 0.2) !important;
  border-radius: 8px;
  padding: 8px;
}

/* 検索フォーム調整 */
.search-form, .search-field, .search-submit {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #D8FFFF !important;
  border: 1px solid rgba(0, 255, 255, 0.4) !important;
  border-radius: 4px;
}

.search-field::placeholder {
  color: #99cccc !important;
  opacity: 0.7;
}

/* 投稿タイトルやリンクの発光エフェクト */
a, .entry-title a {
  color: #7fffff !important;
  text-shadow: 0 0 8px #5ff !important;
}

a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 12px #9ff !important;
}









/* ============================================================
   白背景除去（サイドバー・ウィジェットタイトル対応）
   ============================================================ */
.widget, .widget_block, .widget-area, .sidebar,
.widget_recent_entries, .widget-title, .wp-block-group,
.wp-block-group__inner-container {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 255, 255, 0.25) !important;
  border-radius: 8px;
  color: #D8FFFF !important;
}

/* 見出し部分の白帯（Cocoonが強制挿入する）を削除 */
.widget-title,
.wp-block-heading,
.widget_block h2,
.widget_recent_entries h2 {
  background: transparent !important;
  background-color: transparent !important;
  color: #7FFFFF !important;
  text-shadow: 0 0 8px #5FF !important;
  border: none !important;
  padding: 4px 0 !important;
  margin-bottom: 6px !important;
}

/* Gutenbergのインナーブロック白背景を無効化 */
.wp-block-group.has-background,
.wp-block-group__inner-container {
  background: transparent !important;
  background-color: transparent !important;
}

/* 白背景を引き継ぐブロック全般に対して無効化 */
[class*="has-white-background-color"],
[class*="has-watery"],
[class*="has-ex"],
[class*="has-light-grey-background-color"],
[class*="has-grey-background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}








/* ============================================================
   フッター文字重なり修正（Cocoon専用）
   ============================================================ */

/* 重複要素の非表示（Cocoonは site-info と footer-bottom がかぶる） */
.footer-bottom .site-info,
.footer-bottom .copyright,
.site-footer .site-info {
  display: none !important;
}

/* 表示するコピーライトを明確化 */
footer, .footer-bottom {
  text-align: center !important;
  background: transparent !important;
  color: #A8FFFF !important;
  text-shadow: 0 0 6px rgba(100, 255, 255, 0.4) !important;
  border-top: 1px solid rgba(0, 255, 255, 0.2) !important;
  padding: 12px 0 !important;
  margin-top: 24px !important;
}

/* 最下部の「by Cocoon」などの重なり・透明化対応 */
.footer-bottom small,
.footer-bottom a {
  color: rgba(200, 255, 255, 0.8) !important;
  text-decoration: none !important;
}

.footer-bottom a:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 8px #7FFFFF !important;
}








/* ============================================================
   サイバー系統一デザイン最終調整
   ============================================================ */

/* 検索フォームの自然な発光調整 */
.search-form, .search-field, .search-submit {
  background: rgba(0, 0, 0, 0.25) !important;
  color: #D8FFFF !important;
  border: 1px solid rgba(0, 255, 255, 0.2) !important;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 255, 255, 0.2) !important;
}

.search-field::placeholder {
  color: #99cccc !important;
  opacity: 0.6;
}

/* サイドバーとウィジェットの発光を統一 */
.widget, .widget_block, .widget_recent_entries, .sidebar {
  background: rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 255, 255, 0.2) !important;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.15) !important;
}

/* タイトルなどの光量を統一 */
h1, h2, h3, h4, h5, h6, .widget-title, .entry-title {
  color: #7FFFFF !important;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.6) !important;
  border: none !important;
}

/* テキスト全体の発光トーン統一 */
body, p, a, li, span {
  color: #D8FFFF !important;
  text-shadow: 0 0 6px rgba(100, 255, 255, 0.3) !important;
}





a:hover, button:hover {
  text-shadow: 0 0 5px #00ffff;
  transition: text-shadow 0.2s ease-in-out;
}

input:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 8px #00ffff;
  transition: box-shadow 0.3s ease;
}







/* SNSボタンエリアを柔軟対応に */
.sns-share, .sns-buttons {
  display: flex !important;
  flex-wrap: wrap !important; /* 改行を許可 */
  justify-content: center !important; /* 中央寄せ */
  gap: 6px !important; /* ボタン間の余白 */
  text-align: center !important;
  margin: 10px auto !important;
  max-width: 100% !important;
}

/* 各SNSボタン */
.sns-share a, .sns-buttons a {
  flex: 1 1 120px !important; /* ボタンが自動調整される */
  min-width: 100px !important;
  max-width: 150px !important;
  box-sizing: border-box !important;
}

/* モバイルでより安定させる */
@media screen and (max-width: 600px) {
  .sns-share a, .sns-buttons a {
    flex: 1 1 45% !important;
    margin: 4px !important;
  }
}


/* ===================*/


/* ───────────────
   モバイルメニュー／サイドバー 背景安定版
   ─────────────── */
.drawer-menu,
.navi-menu,
.mobile-menu,
.mobile-menu-buttons,
#navi-menu,
#drawer-menu,
#sidebar,
.sidebar,
.sidebar-menu {
  background: rgba(0, 20, 20, 0.9) !important; /* 半透明のみで崩れ防止 */
  background-color: rgba(0, 20, 20, 0.9) !important;
  box-shadow: none !important;
  border: none !important;
}

/* メニュー展開時の背面オーバーレイ（暗くする） */
#navi-overlay,
.drawer-overlay {
  background: rgba(0, 0, 0, 0.5) !important; /* 背面を暗く */
}

/* サイドメニュー内のリンク */
.sidebar a,
.mobile-menu a {
  background: none !important;
  color: #D8FFFF !important;
}





/* ───────────────
   見出し（h2・h3）白背景除去
   ─────────────── */
.entry-content h2,
.entry-content h3,
.article h2,
.article h3,
.toc-title,
.toc,
.toc-content {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Cocoonデフォルトの目次タイトル枠も透明に */
.toc-title::before,
.toc-title::after {
  background: none !important;
  background-color: transparent !important;
  content: none !important;
}

/* h2下線などの装飾線も除去 */
.entry-content h2::before,
.entry-content h2::after {
  background: none !important;
  background-color: transparent !important;
  content: none !important;
}