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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
【コード】
/************************************
** 目次
************************************/
.toc-title{/*目次タイトルを太く*/
font-weight:bold;
color:#000066;
font-size: 115%;
}
.toc-list > li a {/*小見出し（H2）*/
font-weight: bold;
color: #000066;
display:block;
margin-top:10px;
margin-left: 0px;
font-size: 105%;
}
.toc-list > li a::before {/*小見出し（H2）の先頭につけるアイコン*/
margin-right: 7px;
color:#000066;
}
.toc-list > li li a {/*小見出し（H3）*/
font-weight: normal;
font-size: 100%;
color: #000066;
margin-top:0;
margin-left: 0em;
}
.toc-list > li li a::before {/*小見出し（H3）の先頭につける「・」*/
content: ”;
width: 8px;
height: 8px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #90C31F;/*ここで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
color:#000066;
}

/************************************
************************************/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 100%;
}
.menu-header .item-label{
    color: #00008b !important;
	  font-size: 100%;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}
/* 投稿下のカテゴリー・タグ表示を非表示にする */
.entry-categories,
.entry-tags,
.cat-tags-links {
  display: none !important;
}