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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/* フロントページのタイトル非表示 */
.home .entry-title {
  display: none;
}
/* フロントページの日付の非表示 */
.home .entry-meta,
.home .post-date,
.home .date-tags,
.home .updated {
  display: none !important;
}

/* フロントページの目次（.toc）を非表示にする */
.home .toc {
  display: none !important;
}

/* 1行分の空白スペース用 */
.space1en {
  height: 1em;
}

/* 2行分の空白スペース用 */
.space1en {
  height: 2em;
}


/* メイン画像の下のスペース */
.home .wp-block-image {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* 行間 */
.entry-content p {
  line-height: 1.6;
}



/* 共通：見出し装飾ベース */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	position: relative;
	padding: 0.4rem 0;
	margin: 1.2em 0 0.6em;
	color: #d831ba;
	background: linear-gradient(90deg, #16b5dd 0%, #d815d8 100%);
	background-repeat: no-repeat;
	background-size: 100% 5px;
	background-position: bottom;
	font-weight: bold;
}

/* 見出しサイズ調整 */
.article h2 { font-size: 24px; }
.article h3 { font-size: 20px; }
.article h4 { font-size: 18px; }
.article h5 { font-size: 16px; }
.article h6 { font-size: 14px; }

/* サイドバー用の見出し全力カバー */
.sidebar h2,
.sidebar h3,
.widgettitle,
.sidebar .widget h2,
.sidebar .widget h3,
.widget-area .widget h2,
.widget-area .widget h3 {
	position: relative;
	padding: 0.4rem 0;
	margin: 1.2em 0 0.6em;
	color: #d831ba;
	background: linear-gradient(90deg, #16b5dd 0%, #d815d8 100%);
	background-repeat: no-repeat;
	background-size: 100% 5px;
	background-position: bottom;
	font-weight: bold;
	font-size: 18px;
}

/* フッター全体の背景色を藍色に */
#footer {
  background-color: #002d5b !important;
}

/* コピーライトのテキストを中央寄せ＆白字 */
#footer .copyright {
  text-align: center;
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1.5;
  margin-top: 1em;
}

/* ロゴ部分とSNSなどの背景を透明化（必要に応じて） */
#footer .footer-bottom-logo,
#footer .navi-footer,
#footer .footer-bottom-content {
  background-color: transparent !important;
}

/* フッター全体の下部にちょっと余白つけたいなら追加 */
#footer .footer-bottom {
  padding-bottom: 1em;
}

.sidebar img {
  margin-bottom: 6px;
}