@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}
.page .sns-share,
.page .sns-follow {
    display: none;
}
.page .date-tags,
.page .author-info {
    display: none;
} 



/*サイドバー見出しカスタマイズ*/
 .sidebar h3 {
     color:black;
     background: none; /*背景色を解除*/
     padding: 0; /*余白をなしに*/
     font-size: 16px; /*文字サイズを小さく*/
     letter-spacing: 2px; /*文字の間隔を少し広く*/
 }
 .sidebar h3:first-letter {
     font-size: 1.5em; /*最初の文字を1.5文字分に大きく*/
 }
 .sidebar h3:after { /*グラデーションのラインを引く*/
     content:"";
     display:block;
     height:2.5px;
     width:100%;
     background: -webkit-linear-gradient(left, #40bfa0 0%,#fef785 82%,#f37b7b 100%);
     background: linear-gradient(to right, #40bfa0 0%,#fef785 82%,#f37b7b 100%);
 }

/*---------------------------------
サイドバーのカスタマイズ
--------------------------------*/
.sidebar ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}
/*---------------------------------
サイドバーの親テーマカスタマイズ
--------------------------------*/
.sidebar ul li a:before{
font-family: "Font Awesome 5 Free";
content: "\f152"; /*アイコンフォント*/
font-weight: 900;
color:#4d4d4d; /*アイコンフォントの色*/
padding-right:5px;
font-size:18px;
list-style:none;
}

/*---------------------------------
サイドバーの子テーマカスタマイズ
--------------------------------*/
.sidebar ul li ul li a::before{
  font-family:"Font Awesome 5 Free";
  content: "\f105"; /* FontAwesomeのユニコード */
  color: #4d4d4d; /* アイコンの色 */
  padding-right: 6px;
}