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

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

/************************************
** 固定ページからSNSシェアボタンを消す
************************************/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*トップページの固定ページから全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/************************************
** 見出しh2
************************************/

.entry-content h2 {
    padding: 22px 20px 18px;
    background: #b7d5d3;
    border-left: solid 5px #777;
    border-bottom: solid 3px #d7d7d7;
    font-size: 21px;
}

/************************************
** h3とh4
************************************/
.entry-content h3:before {
content: none
}

.entry-content h3 {
  padding: 10px 20px;
  background-color: #fffff;
  border-color: #f88fa7;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid #b7d5d3;
  color: #5f5f5f;
}

.entry-content h4 {
  color: #5f5f5f;
}

/************************************
** サイドバー
************************************/

.sidebar h3 {
  color: #eacbcb;  
	background: none;
    font-size: 16px;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
}


/************************************
** 見出しのナンバリングをリセット
************************************/
.entry-content h2 > span::before {
    content: none;
}
/************************************
** 見出しの黒文字を変更
************************************/
  #container h1,
  #container h3,
  #container h4,
  #container h5,
  #container h6 {
    color: #5f5f5f
  }

  #container h2,{
    color: #ffffff
  }

/************************************
** topのカテゴリラベル削除
************************************/
.cat-label {
display:none
}

/************************************
** トップページタブ切替色
************************************/
/* トップページのタブ（選択前） */
.index-tab-button{
	color: #3f3f3f;/*文字色*/
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/************************************
** モバイルフッター色変更
************************************/
.mobile-menu-buttons {
	background: #cab56e;
	color: #ffffff;
}

.mobile-menu-buttons .menu-button > a,
.navi-menu-content,
.navi-menu-content a,
.go-to-top-button,
#submit {
  background-color: #cab56e;
  color: #ffffff;

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

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