@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){
  /*必要ならばここにコードを書く*/
}
/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

/************************************
** サイドバーの目次
************************************/
.sidebar .toc{
  background:transparent!important;
  border:initial!important;
  border-top: initial!important;
  border-top-color: initial!important;
  box-shadow:initial!important;
  margin-bottom:initial!important;
  width: initial!important;
  border-radius:initial!important;
  padding-top:initial!important;
}
.sidebar .toc li li:before{
  color:#fad9a7;/*お好みの色に*/
}
   /*へッターモバイルメニュー色の変更*/
     
    .mobile-header-menu-buttons {
    background: #pink;/*背景:ｴﾒﾗﾙﾄﾞ→自由に変更してください｡*/
    color: #black; /*文字:白*/
    }
 /*mobile スライドインナビメニュー色*/
 
div.navi-menu-content {
    background: rgba(0, 0, 0, 0.8);/* 背景色：黒*/  
}
 
.menu-drawer a:hover {
    background-color: transparent;/*背景透明 */
    color: #black; /* 文字色:オリーブ→ここを変更 */
}
 
/*mobile スライドインナビ文字色.枠線*/
 
.navi-menu-content ul li a{
  border-bottom: 1px dashed #fff; /* 下線の種類:白 */
  color: #black;　/* 文字色:白 */
}
table {
table-layout: fixed;
width: 100%;
}
#toc_container p.toc_title+ul.toc_list>li {
 margin-bottom: 0.1em;
 padding-bottom: 0.4em;
}

#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em;
    margin-right: 0.4em;
}

#toc_container li {
 padding-left: 1em !important;
 line-height: 1.8em;
}

#toc_container ul ul {
 margin-bottom: 10px;
}

.toc_number {
 margin-left: -0.5em;
 margin-right: 0.5em;
 font-family: 'Dynalight', cursive;/*数字のフォント*/
}

#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
    letter-spacing: 0.05em;
}

#toc_container ul>li>ul>li {
    font-size: 94% !important;/*小見出しの文字サイズ*/
}

#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: brown !important;/*タイトルの色*/
    margin: 0 25% auto;
    position: relative;
}

#toc_container {
    background: #fef9fb !important;/*背景色*/
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    border: dashed 1px rosybrown !important;/*枠線*/
    border-radius: 9px;
    margin-top: 30px;
}    

/*リンクの色など*/
#toc_container a {
    text-decoration: none;
    text-shadow: none;
    color: #ef857d !important;
}

/*アイコンのスタイル*/
#toc_container span.toc_toggle a:before {
    position: absolute;
    font-family: FontAwesome;
    content: '\f004';/*アイコンのコード*/
    left: -8em;
    color: #ef857d;
}

#toc_container span.toc_toggle {
    position: relative;
}