@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){
  /*必要ならばここにコードを書く*/
}
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}
/************************************
****　目次
************************************/
.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#337ab7;
}
.toc-list > li a {
font-weight: bold;
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top:0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #90C31F;/*こちらで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #32cd32;
text-decoration: underline;
}
/************************************
****　カテゴリーのデザイン
************************************/
    .widget_categories ul li a { /*親カテゴリ用のコード*/
        color: #333;
        text-decoration: none;
        padding: 6px 0;
        display: block;
        padding-right: 4px;
        padding-left: 4px;
        border-top: 1px dotted #ccc; /*上部にボーダーを引く*/
        font-size: 16px;
    }
    .widget_categories ul li a::before { /*親カテゴリのアイコン*/
        font-family: "Font Awesome 5 Free";
        content: "\f07b";
        padding-right: 10px;
    }
    .widget_categories > ul > li > a:first-child { 
        border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
    }
    .widget_categories > ul > li > a:last-child {
        border-bottom: 1px dotted #ccc; /*最後の親カテゴリは下部ボーダーを引く*/
    }
    .widget_categories ul li a .post-count { /*記事数用のコード*/
        display: block;
        float: right;
        background: #ededed;
        padding: 0 1em;
        font-size: 14px;
        margin-top: .2em;
        border-radius: 4px;
    }
    .widget_categories ul li a:hover { /*親子共通マウスホバー時*/
        background: none;
        transition: 0.5s;
        color: #72c7e6;
    }
    .widget_categories ul li a:hover .post-count { /*記事数のマウスホバー時*/
        background: #72c7e6;
        color: #fff;
        transition: 0.5s;
    }
    .widget_categories ul li ul { /*子カテゴリのボックス*/
        border-bottom: 1px dotted #ccc;
    }
    .widget_categories ul li ul li a { /*子カテゴリ用のコード*/
        color: #333;
        text-decoration: none;
        padding: 0 4px 4px 4px;
        display: block;
        border: none;
    }
    .widget_categories ul li ul li a::before { /*子カテゴリのアイコン*/
        font-family: "Font Awesome 5 Free";
        content: "\f07c";
        padding-right: 10px;
    }
/** マーカーの色 **/
.marker { /*黄色マーカー*/
 background-color: #fbd26b;
}
.marker-red { /*赤色マーカー*/
 background-color: #f5b199;
}
.marker-blue { /*青色マーカー*/
 background-color: #bbdbf3;
}
.marker-under { /*黄色アンダーラインマーカー*/
 background: linear-gradient(transparent 60%, #fbd26b 60%);
}
.marker-under-red { /*赤色アンダーラインマーカー*/
 background: linear-gradient(transparent 60%, #f5b199 60%);
}
.marker-under-blue { /*青色アンダーラインマーカー*/
 background: linear-gradient(transparent 60%, #bbdbf3 60%);
}
/*---------------------------------
  投稿ページのアイキャッチを非表示
---------------------------------*/
.single .article-header > .eye-catch-wrap {
	display: none !important;
}

.single .article-header h1,
header.article-header.entry-header,
.eye-catch,
header .article-header,
.date-tags {
	position: static;
}