@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/*ロゴ左寄せ*/
.logo{
	text-align:left;
}

/*きゃちフレーズ左寄せ*/
.tagline{
text-align: left;margin-bottom: 20px;
}

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-6 .date-tags,
.post-13 .date-tags,
.post-22 .date-tags,
.post-51 .date-tags{
  display: none;
}

/*固定ページシェア・フォローボタン非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*ページタイトル非表示*/
#post-22
.entry-title {
  display: none;
}

/* サイドバーウィジェット下線追加 */
.widget-entry-card-link,
.popular-entry-card-link,
.widget-sidebar li{
margin-top: -4px/*隙間調整*/;
border-bottom: solid 2px/*線の太さ*/ #f5f8fa/*線の色*/;
}

/*サイドバー文字サイズ*/
#sidebar {
    font-size: 14px;
}

/* H3見出しの黄色枠を消してデザインを統一する */
.article h3 {
    background: none !important;      /* 黄色い背景を強制削除 */
    border: none !important;          /* 黄色い枠線を強制削除 */
    border-left: 5px solid #19448e !important; /* 左側にキーカラーの太線を引く */
    padding: 0.4em 0.8em !important;  /* 余白の調整 */
    margin-bottom: 1.25em !important; /* 下の要素との間隔 */
    color: #333 !important;           /* 文字色 */
}

/* H4を控えめな下線に変更し、階層構造を分かりやすくする */
.article h4 {
    background: none !important;      /* 背景を消す */
    border-left: none !important;     /* 今の左線を消す */
    border-bottom: 2px solid #5c9ea6 !important; /* 案内ボックスと同じブルーグリーンの下線 */
    padding: 0 0 5px 0 !important;    /* 下線との距離を調整 */
    margin-top: 1.5em !important;     /* 上の要素との間隔 */
    color: #333 !important;           /* 文字色 */
}