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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article h2{
    background:none;
    padding:0;
}
.article h2::before{
    background-image: none;
}
.article h3{
    border:none;
    padding:0;
}
.article h3::before{
    background-color: transparent;
}
.article h4{
    border: none;
    padding: 0;
}
.article h5{
    border: none;
    padding: 0;
}
.article h6{
    border: none;
    padding: 0;
}

/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.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;
}

/*テーマの設定*/
.article h2 {
  position: relative;
  padding: 0.5em 1.6em;
  background: #68a4d9;
  color : #fff;
}
.article h2::before {
  font-family: "Font Awesome 5 Free";
  content: "\f080";
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  color: #fff;
}
.article h3 {
  padding: 0.5em;
  border-left: 13px solid #68a4d9;
  color: #68a4d9;
}
.article h4 {
  position: relative;
  padding: 0.5em;
  color: #68a4d9;
  border-bottom: 1px dashed #68a4d9;
}
.article h4::after {
  font-family: "Font Awesome 5 Free";
  content: "\f5a1";
  position: absolute;
  top: 1em;
  right: 1em;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/************************************
****　目次
************************************/
.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#337ab7;
}
.toc-list > li a {
font-weight: bold;
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top:0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #333333;/*こちらで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}