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

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

/*===== 追加=2021/10/31 ======================================
  == メイン画面の投稿一覧及びサイドバーの                   ==
　== 枠線の色、太さ                                         ==
  == はCocoon設定の「カラム」タグで指定出来る               ==
  ============================================================*/

/* 追加=2021/10/31 -－--------------------------------------- */

/*===== 追加=2021/09/07 ======================================
  == カードのサムネイル画像のサイズを調整                   ==
  == エントリー・関連・新着・人気に共通                     ==
  ============================================================*/
[class*="card-thumb"] {
	margin: 0 8px 0 0;
	width: 160px !important;
	height: 160px !important;
}
[class*="card-content"] {
	margin: 0;
	padding: 0;
}
[class*="card-title"] {
	color: initial;
	font-size: initial;
	line-height: 1.5;
	margin: 0;
}
[class*="card-snippet"] {
	color: inherit;
	line-height: 1.5;
}
@media screen and (max-width: 560px){
	[class*="card-title"] {
		font-size: 0.95rem;	
	}
	[class*="card-snippet"] {
		display: none;
	}
}
/* 追加=2021/09/07 ---------------------------------------- */

/* 追加=2021/09/07 ======================================== */
.main{
	background-color: #ffffff;		/* 背景色=白 */
}

.a-wrap{/* インデックスページの記事背景色 */
	background-color: #fff8dc;
}

.sidebar{
	background-color: #58D3F7;
}
/* 追加=2021/09/07 ---------------------------------------- */

/* 追加=2021/09/10 ======================================== ???上手く動作しない */
/* 投稿記事表示の背景色 */
.tagcloud a {
	background-color: #ffffff;		/* 背景色 */
	
	color: #ff0000;					/* 文字色 */
}
/* 追加=2021/09/10 ---------------------------------------- */

/* 追加=2021/09/11 ======================================== */
/*============================================================
  == 投稿記事タイトルのプロパティ                           ==
  ============================================================*/
main h1{
	padding-left: 8px;				/* 枠左と文字の間調整 */
	border-color: blue;
	border-left-width: 3px;
	border-left-style: solid;
		
	border-bottom-color: blue;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
/* 追加=2021/09/11 ---------------------------------------- */

/* 追加=2021/09/20 ======================================== */
/*============================================================
  == 記事一覧アイキャッチ画像の角まるめ                     ==
  ============================================================*/
.ect-entry-card img{border-radius: 10px;}

/*============================================================
  == 巣関連記事アイキャッチ画像の角まるめ                   ==
  ============================================================*/
.related-entry-card-thumb-image.card-thumb-image.wp-post-image{
	border-radius: 10px!important;
}

/*============================================================
  == サムネイル画像の角まるめ                               ==
  ============================================================*/
figure > img{
	border-radius: 10px;
}
/* 追加=2021/09/20 ---------------------------------------- */

/* 追加=2021/10/31 ======================================== */
/*============================================================
  == サイドバーの設定                                       ==
  ============================================================*/
.sidebar {
  background-color: paleturquoise;   				/* 全体の背景色 #F5f4ee */
  /* font-size: 0.8em; */	
}

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

.sidebar h3 {
	/* background: #98978c;	*/ 	/*見出しの背景色*/
	/* color: #fff;	*/ 			/*見出しの文字色*/
}
/* 追加=2021/10/31 ---------------------------------------- */

/* 追加=2025/11/13 ======================================== */
/*============================================================
  == 行間を調整
  ============================================================*/
/*== サイドバー「カレンダー」の調整 */
/*== カレンダー全体の行の高さを調整 */
.widget_calendar table tbody td {
  padding: 5px; 			/* セルの余白を調整 */
  height: 30px; 			/* セルの高さを固定 (必要なら) */
  line-height: 1.2; 		/* 行の高さを調整 */
}

/*== カレンダーのヘッダー（曜日）の行の高さを調整 */
.widget_calendar table thead th {
  padding: 5px;
  line-height: 1.2;
}


/*== サイドバー「カテゴリ」の行間を調整 */
.widget_categories ul li a {
	line-height: 0.7;
}

/*== サイドバー「アーカイブ」の行間を調整 */
.widget_archive ul li a {
	line-height: 0.7;
}

/*== サイドバー「最近の投稿」の行間を調整 */
.widget_recent_entries ul li a {
	line-height: 1.0;
	border-top: 0.1;
	border-bottom: 0.1;
}

/* 追加=2025/11/13 ---------------------------------------- */

/* 追加=2021/09/26 ======================================== */
/*============================================================
  == サイドバータイトル カスタマイズ                        ==
  ============================================================*/
#sidebar h3{
  position: relative;
  color: #333; 							/* フォントカラー */
/*  background: -webkit-repeating-linear-gradient(-45deg, #fdeef7, #fdeef7 3px,#ffddee 3px, #ffddee 7px);   背景カラー */
/*  background: repeating-linear-gradient(-45deg, #fdeef7, #fdeef7 3px,#ffddee 3px, #ffddee 7px);	背景カラー */
  font-size: 16px;  					/* フォントサイズ */
  letter-spacing: 8px; 					/* 文字間隔 */
  text-align: center; 					/* 文字位置左 center */
  margin: 10px 5px 5px 5px;
  padding: 10px 10px 10px 10px;
  border-top: 2px solid #fe619a;  		/* 上ラインの太さとカラー */
  border-bottom: 2px solid #fe619a;  	/* 下ラインの太さとカラー */
  border-right: 2px solid #fe619a; 	 	/* 右ラインの太さとカラー */
  border-left: 2px solid #fe619a; 	 	/* 左ラインの太さとカラー */
  border-width: 2px;	
  border-style: solid;
  border-color: #fe619a;
  border-radius: 9px; 					/* 角丸コーナー */
  line-height: 100%;	
}

/*=============================================================
  == サイドバータイトル スライドインボタン設定時カスタマイズ ==
  =============================================================*/
#sidebar-menu-content h3{
  color: #333; 							 /* フォントカラー */
/*  background: -webkit-repeating-linear-gradient(-45deg, #fdeef7, #fdeef7 3px,#ffddee 3px, #ffddee 7px); 背景カラー */
/*  background: repeating-linear-gradient(-45deg, #fdeef7, #fdeef7 3px,#ffddee 3px, #ffddee 7px); 背景カラー */
  font-size: 16px; 						/* フォントサイズ */
  letter-spacing: 8px; 					/* 文字間隔 */
  text-align: center; 					/* 文字位置中央 center */
  margin: 10px 5px 5px 5px;
  padding: 10px 10px 10px 10px;
  border-top: 2px solid #fe619a;  		/* 上ラインの太さとカラー */
  border-bottom: 2px solid #fe619a;  	/* 下ラインの太さとカラー */
  border-right: 2px solid #fe619a; 	 	/* 右ラインの太さとカラー */
  border-left: 2px solid #fe619a; 	 	/* 左ラインの太さとカラー */
  border-width: 2px;	
  border-style: solid;
  border-color: #fe619a;
  border-radius: 9px; 					/* 角丸コーナー */
  line-height: 100%;
}
/* 追加=2021/09/26 ---------------------------------------- */

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

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

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