@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){
  /*必要ならばここにコードを書く*/
}


/*===目次設定用個人追加コード===*/
#toc_container{
 display: block !important;
 width:  80% !important;
 margin: 50px auto;              /* 上下の余白　左右中央寄せ */
 font-size: 100%;                /* 文字サイズ */
 box-sizing: border-box;         /* スマホの横揺れ防止 */
 padding-right: 0px;            /* 右内側の余白 */
 padding-left: 0px;             /* 左内側の余白 */
 border: 1.5px solid #333333;      /* 外枠の設定 */
}
 
#toc_container .toc_title{
 font-size: 120%;                     /* タイトルの文字の大きさ */
 font-weight:600;                     /* テキストの太さ */
 color: #ffffff;                      /* タイトルの文字色 */
 text-align: center;                  /* 左右中央寄せ */
 border-bottom: 1px solid #337ab7;    /* ボダーラインの設定 */
 margin: 0px 0px;                   /* 上下の余白 */
 background-color: #1e50a2;      /* 背景色 */
}
 
 
#toc_container .toc_toggle a{
 font-size: 80%;                     /* タイトルの文字の大きさ */
 color: #ffffff;                 /* 非表示のフォントカラー */
}

/* 見出1（h2）の文頭に番号を設置 */
#toc_container ul{
 counter-reset:number;    /* 番号の初期値を0にリセット */
 list-style:none;         /* リストのスタイルなし */
}
 
#toc_container ul li{
 line-height: 1.75em;      /* 行の高さ */
 margin-bottom: 0.5em;     /* 下方の余白 */
 margin-top: 1.3em;        /* 上方の余白 */
}

/* 見出1（h2）のナンバリングを自動出力 */
#toc_container ul li:before{
 counter-increment: number;  /* 番号を一個づつ増加 */
 content: counter(number);   /* 番号がカウントされていく */
 color: #ffffff;             /* 番号のカラー */
 padding-right:12px;         /* 番号の右余白 */
 margin-left:-30px;          /* 番号の外側左余白を調整 */
}
 
#toc_container ul li a{
 margin-top: -1.5em;              /* 上の余白調整 */
 display: block;
 color: #000000;                  /* リンクテキストのカラー */
 text-decoration:none;            /* 装飾なし */
 border-bottom: 1px dotted #333333;  /* 下線の設定 */
}
 
#toc_container ul li a:hover{
 color: #F89174;              /* マウスオーバー時のカラー */
 text-decoration: none;       /* 装飾なし */
}
 
#toc_container .toc_list > li > a {
 font-size: 110%;                    /* 見出1（h2）の文字サイズ */
}
 
#toc_container ul ul{
 margin-top: 1.15em;         /* 上の余白調整 */
}

/* 見出し(h3・h4) */
#toc_container ul ul li{
 line-height: 1.2em;        /* 行の高さ */
 font-size: 100%;           /* 文字サイズ */
 margin-left: -10px;        /* 左の余白調整 */
}

/* 見出し(h3・h4)前の番号非表示の設定 */
#toc_container ul ul li:before{
 visibility: hidden;
}
 
/* 見出し(h3・h4) */
#toc_container ul ul li a{
 color: #000000;                 /* リンクテキストのカラー */
 font-weight: normal;            /* テキストの太さ */
 padding-right: 6px;             /* 右余白 */
 text-decoration: none;          /* 装飾なし */
}
 
#toc_container ul ul li a:hover{
 color: #F89174;                  /* マウスオーバー時のカラー */
 text-decoration: none;           /* マウスオーバー時装飾なし */
}

/*===ここまで===*/