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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* スマホ表示でのみナビゲーションメニューを固定 */
@media screen and (max-width: 768px) {
    #navi {
        position: fixed !important;
        top: 42.5px !important;
        left: 0;
        width: 100%;
        height: 42.5px;
        z-index: 2; /* より高い値に変更 */
        font-weight: 100 !important; /* 全角スペースを削除 */
    }
}
/*h2の見出しの色変更*/
.entry-content h2 {
color: #FFFFFF;/*文字色*/
background: #444444;/*背景色*/
}
/*h3の見出しの色変更*/
.entry-content h3{
border-top: solid 2px #444444;/* 上側に実線・色 */
border-bottom: solid 2px #444444;/* 下側に実線・色*/
border-left: solid 8px #444444; /* 左側に実線・色*/
border-right: solid 2px #444444; /* 左側に実線・色*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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