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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*メニューのカテゴリー名の色と大きさ変更*/
.entry-title, .archive-title {
    color:;
	font-size: 16px;
}

/*記事タイトルの文字の大きさと色を変更*/
.entry-title {
	color: #6a859c;
	font-size: 25px;
}

/*記事のタイトルの下に線を引く*/
.entry-title {
    border-bottom: 10px solid #f9deeb; 
}


/*サイドバーの背景色変更*/
.sidebar {
	 background-color: #f9f0ee;
}

/*プロフィールボックスのカスタマイズ*/
.author-box {
	 border: 6px solid #f9deeb;
	 border-radius: 15px;
	 padding: 2px !important;
	 background-color: #ffffff; 
}

/* Cocoon目次：太枠・余白・黒点の統合設定 */
.toc {
    border: 6px solid #f9deeb !important; /* 太枠 */
    border-radius: 15px !important;        /* 角丸 */
    padding: 20px 20px 20px 35px !important; /* 内側の余白（左側を少し広めに） */
    background-color: #ffffff; 
}

/* 箇条書きの標準の点は完全に無視する */
.article .toc ul, .article .toc ol {
    list-style: none !important;
}

/* すべての目次文字の前に、疑似的に「・」を強制挿入する */
.toc li {
    position: relative !important;
    list-style: none !important;
}

.toc li::before {
    content: "•" !important; /* ここで直接「点」の文字を埋め込みます */
    position: absolute !important;
    left: -15px !important;  /* 点の位置を調整 */
    color: #f9deeb !important; /* 点の色（枠線に合わせる） */
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
/*スマホタイトルの文字サイズ変更*/
	#header .site-name-text {
		font-size: 22px;
	　white-space: nowrap;
	}
}

/*スマホの記事タイトルの文字の大きさと色を変更*/
.entry-title {
	color: #6a859c;
  font-size: 21px;
}