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

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

/************************************
** h2,h3,h4,h5
************************************/
.article h2:before {
background-image: none;
}
.article h2{
line-height:2;
background-color:#f6f6f6;
font-size: 24px;
color:#333333;
border-radius:1px;
border-left:solid 14px #636b64;
padding:1em;
margin-top:70px;
margin-bottom:2em;
}
.article h3{
line-height:2;
font-size:20px;
border:none;
display:inline-block;
color:#333333;
border-radius:2px;
border-left:10px solid #8b968d;
padding: 0.4em 0.8em;
margin-top:50px;
}
.article h4{
line-height:2;
background-color:#F6F6F6;
font-size: 17px;
font-weight:normal;
color:#333333;
border-radius:1px;
padding:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}
.article h5{
background: #F7F7F7;
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93b69c;
margin-top:1.5em;
margin-bottom:1.5em;
}
@media (max-width:480px){
.article h2{
font-size:18px;
padding:1.5em 1em 1.5em 0.5em;
}
.article h3{
font-weight:bold;
font-size:17px!important;
}
.article h4, .article h5{
font-size:15px!important;
}
}

/************************************
** 目次の設定
************************************/
.toc{
    min-width: 80%;                    /* 目次の最小幅 全体の80% */
}
.toc-title{
    background: #eeeeff;               /* 目次タイトルの背景色 */
    color: #333333;                    /* 目次タイトルの文字色 */
}
.toc-title::before {
    font-family: FontAwesome;
    content: '\f022';                  /* 目次左のアイコンのunicode */
    padding: 0em 0.4em 0em 0em; 
}
.toc-list li {
    color:#ff3333;                     /* メイン項目番号の色 */
    display: block;
    border: none;
    border-bottom: 1px solid #000088;  /* メイン項目の下線の太さ 実践 色 */
}
.toc-list li li {
    color:#ff3333;                     /* サブ項目番号の色 */
    display: block;
    border-bottom: 1px dotted #000088; /* サブ項目の下線の太さ 破線 色 */

}
/* 項目の背景色が不要な場合は、これ以降を削除 */
.toc-list li:nth-child(2n+1){
    background: #f8fff8;               /* 項目奇数行の背景色 */
}
.toc-list li:nth-child(2n){
    background: #ffffff;               /* 項目偶数行の背景色 */
}