@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.2
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*---------------------------------
インスタ引用マーク
--------------------------------*/
.instagram-media {
	position: relative !important;
}
/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-2 .date-tags,
.post-3 .date-tags,
.post-59 .date-tags{
  display: none;
}
/*---------------------------------
目次のカスタマイズ
--------------------------------*/
.toc {
    border: 1px solid #40210f; /*全体の枠線の色*/
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 1em;
    display: block; /*横幅いっぱいに広げる*/
}
.toc-title {
    background: #40210f; /*目次タイトルの背景色*/
    color: #fff; /*目次タイトルの文字色*/
    font-size: 1.1em;
    text-align: center;
    padding: 6px 16px;
}
.toc-title::before {
    font-family: FontAwesome;
    content: '\f0ca'; /*目次タイトルのアイコン*/
    margin-right: 0.5em;
}
.toc-content {
    padding: 8px;
}
.toc ul li a, .toc ol li a {
    display: block;
    border-bottom: 1px dashed silver; /*h3以下の下側ボーダー*/
    margin-left: -20px;
    padding-left: 20px;
}
.toc ul.toc-list>li, .toc ol.toc-list>li {
    margin-top: 1em;
}
.toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
    border-bottom: 1px solid silver; /*h2の下側ボーダー*/
    font-weight: bold;
    padding-left: 1.8em; /*リストマーカーの右端からテキストの左端までの隙間*/ 
}
.toc ul li, .toc ol li { /*h3以下の指定*/
list-style-type: disc; /*discは黒丸の指定*/
color: #40210f; /*黒丸の色指定*/
}
.toc ul.toc-list>li, .toc ol.toc-list>li { /*h2の指定*/
list-style-type:  none; /*リストマーク非表示*/
}
.toc ul.toc-list>li, .toc ol.toc-list>li:before { /*h2の指定*/
font-family: FontAwesome;
content: "\f138"; /* アイコンを変える場合はここを変更 */
position: absolute;
margin: 0px -17px; /* 左端からリストマークアイコンまでの距離 */
color: #40210f; /* 色を変える場合はここを変更 */
}

/*---------------------------------
見出しのカスタマイズ
--------------------------------*/
/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}
/*見出しデザイン*/
.article h2 {
  color: white;
  background: #40210f;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  margin-bottom: 28px;	
}
.article h3 {
  border-bottom: solid 3px #40210f;  /*線の種類（実線） 太さ 色*/
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  margin-bottom: 28px;	
}
.article h4  {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #40210f;/*左線*/
  margin-bottom: 28px;	
}
/*---------------------------------
サイドバー見出しデザイン
--------------------------------*/
.sidebar h3 {
  border-bottom:2px solid #40210f;/*下線の太さ、種類、色*/
  background:transparent;/*背景を透明に*/
  padding:10px 0 5px 3px;
}
/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px solid #f8f8ff; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f138"; /* FontAwesomeのユニコード */
  color: #40210f; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f138"; /* FontAwesomeのユニコード */
  color: #40210f; /* アイコンの色 */
  padding-right: 6px;
}


/*--------------------------------------
  もしもの簡単リンクのカスタマイズ
--------------------------------------*/
.easyLink-box {
	margin-bottom: 1.5em!important;
}
.easyLink-info-btn {
	display: inline!important;
}
.easyLink-info-btn a{
	margin: 5px 10px 5px 0!important;
	padding: 0 12px!important;
        line-height: 35px!important;
	display: inline-block!important;
	width: 100%!important;
	box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
	font-size: 1em!important;
}