@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* プロフィール下のSNSボタン非表示 */
/* Twitter===================================*/
.author-follows .sns-follow .sns-follow-buttons .twitter-button{display: none;
}
/* Facebook===================================*/
.author-follows .sns-follow .sns-follow-buttons .facebook-button{display: none; }
/*Instagram===================================*/ 
.author-follows .sns-follow .sns-follow-buttons .instagram-button{display: none; }
/*feedly===================================*/ 
.author-follows .sns-follow .sns-follow-buttons .feedly-button{display: none; }
/* RSS===================================*/
.author-follows .sns-follow .sns-follow-buttons .rss-button{display: none;
}
/*SNSボタンカスタマイズ*/
.sidebar .sns-follow-buttons {
justify-content: center; /*ボタンを中央寄せにする*/
}
.sidebar .sns-follow {
margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
border-radius: 50%;
width: 40px; /*ボタンの横の大きさ*/
height: 40px; /*ボタンの縦の大きさ*/
font-size: 20px; /*アイコンのサイズ*/
margin: 0 6px; /*ボタン同士の間隔*/
}
.sidebar .instagram-button {
background-color: #c522b8 !important;
}
/*サイドバー見出しカスタマイズ*/
.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%);
}
/*トップページのタイトルを消す*/
#post-1041 h1.entry-title {
	display:none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

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