@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* † 冥病 † 専用：漆黒の聖域化呪文 */
body {
    background-color: #000000 !important; /* 背景を完全な黒に */
    color: #00FF00 !important; /* 文字を毒々しい緑に */
}

/* 記事エリアも黒く染める */
#main, #sidebar {
    background-color: #000000 !important;
    border: 1px solid #00FF00 !important; /* 緑の枠線で囲う */
}

/* リンクをネオンブルーに（古の定番） */
a {
    color: #00FFFF !important;
    text-decoration: underline !important;
}

/* サイトタイトルを巨大化・発光 */
.site-name-text {
    color: #FF00FF !important; /* マゼンタ */
    font-family: "MS UI Gothic", sans-serif; /* 懐かしのゴシック */
    text-shadow: 2px 2px 5px #FF00FF;
}
/* 追加呪文：ボタンやヘッダーも地獄色に */
.header-container, .footer-container {
    background-color: #000000 !important;
}

/* 記事のカードも黒く */
.entry-card-wrap {
    background-color: #111111 !important; /* 少しだけ浮かせる黒 */
    border: 1px solid #00FF00 !important;
}

/* ボタンの配色を反転（黒背景に緑文字） */
button, .btn, .search-submit {
    background-color: #000000 !important;
    color: #00FF00 !important;
    border: 1px solid #00FF00 !important;
}
/* タイトルをレインボーに */
.site-name-text {
    font-size: 50px !important;
    font-weight: bold;
    background: linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 0px #000); /* 縁取りで可読性確保 */
}