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

/*ページタイトルを非表示*/
.entry-title {
display: none;
}

/*更新日を非表示*/
.post-161 .date-tags {
display: none;
}

/************************************
** 目次のデザイン変更
***********************************/
/*目次全体デザイン */
.toc{
background:#F9F9F9; /* 目次全体の背景色を変える場合はここを変更*/
border:none;
display:block;
border-top:5px solid;
border-top-color:#FFC679;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
padding: 10px 5px;
}

/* 目次の文字指定 */
.toc-title {
text-align:center;
margin: 0 20px 20px -10px;
padding-left: -20px;
font-size: 20px;
font-weight: 700;
color: #FFC679; /* 目次の文字色を変える場合はここを変更 */
}

/*目次のアイコン設定*/
.toc-title:before {
top: 0;
left: -35px;
width: 30px;
height: 30px;
font-family: FontAwesome;
content : "\f0ca"; /*アイコンを変える場合はここを変更 */
font-size:18px;
margin-right:5px;
color:#FFF; /* アイコンの色を変える場合はここを変更 */
background-color:#FFC679; /* アイコンの背景色を変える場合はここを変更 */
border-radius: 30%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
padding:6px;
}

/*目次のデザインカスタマイズ */
.toc-content ol {
padding: 0 0.5em;
position: relative;
}
.toc-content ol li {
line-height: 1.5;
padding: 0.3em 0 0.3em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
}

/*目次の各節の先頭にあるアイコンを設定*/
.toc-content ol li:before {
font-family: FontAwesome;
content: "\f138"; /*アイコンを変える場合はここを変更 */
position: absolute;
left : 0.5em;
color: #FFC679; /* 色を変える場合はここを変更 */
}
.toc-content ol li:last-of-type {
border-bottom: none;
}
.toc-content .toc-list li {
font-weight:700; /* h2のみ太文字に */
}
.toc-content .toc-list li li {
font-weight:normal; /* h3以降の文字サイズを普通に */
}

/* はみ出た分をスクロール可能にするコード */
.sidebar .toc-content {
	overflow-y: scroll; /* 縦スクロールを可能に */
	max-height: 760px; /* 目次の高さ上限 */
}