@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*--cocoon目次--*/
.toc {
background-color: #f2f2f2; /*--背景色--*/
border-style: none; /*--囲いを消去--*/
padding: 20px 40px; /*--余白を調整--*/
border-top: 10px solid #1E73BF; /*--上部の色を変更--*/
}
.toc-title {
font-size: 2.1em; /*--目次の文字の大きさ--*/
text-align: left; /*--左側に寄せる--*/
padding: 5px 20px; /*--目次周辺に余白--*/
font-weight: bold; /*--太字に変更--*/
}
.toc .toc-list li a {
color: #333; /*--文字の色--*/
text-decoration: none; /*--リンクの下線を消去--*/
font-weight: bold; /*--太字に変更--*/
font-size:18px; /*--文字の大きさ--*/
}
.toc .toc-list li ul li a {
color: #333; /*--文字の色--*/
text-decoration: none; /*--リンクの下線を消去--*/
font-weight: normal; /*--太字に変更--*/
font-size:16px; /*--文字の大きさ--*/
}
.toc ul ul{
margin: 0 0 10px 0; /*--下部の空白を変更--*/
padding-left: 15px; /*--左側の空白を変更--*/
}
.toc-list li{
margin-bottom:10px; /*--下部の空白を変更--*/
}
.toc-title::after {
text-decoration: none; /*--リンクの下線を消去--*/
font-weight: normal; /*--太字に変更--*/
}

/*--cocoonサイドバー目次--*/
#toc-2 .toc {
background-color: #fff; /*--背景色を白色に--*/
}
#toc-2 .toc .toc-list li a {
font-size:14px; /*--文字のサイズを変更--*/
}
#toc-2 .toc .toc-list li ul li a {
font-size:12px; /*--文字のサイズを変更--*/
}

/*--cocoonスマホ目次--*/ 
.toc {
padding: 20px; /*--空白を変更--*/ 
}
.toc ul {
padding-left: 5px !important; /*--左側の空白を変更--*/
}