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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*キャッチフレーズ文字の大きさ変更*/
.tagline{
	font-size:12pt;
	color:#896389;
}

/*メニューのカテゴリー名の色と大きさ変更*/
.entry-title, .archive-title {
    color:;
	font-size: 16px;
}

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

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

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

/* サイドバーの新着記事タイトルのサイズ変更 */
.sidebar .widget_new_entries .widget-title {
    font-size: 18px !important; /* 好みの大きさに数字を変更してください */
}

/*エントリーカードのタイトル色変更*/
.entry-card-title {
	color:#6a859c;
}

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

/*プロフィールの文字サイズ変更*/
.author-description {
	 font-size: 14px;
}

/* 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; /* 点の色（枠線に合わせる） */
}

/*「カテゴリごと」設定で新着記事エリア全体と文字を完全に消す */
.home .list-new-entries,
.home .list-new-entries-title {
    display: none !important;
}

/*カテゴリー見出しの文字色変更*/
.list-title-in {
    color: #896389 !important;
}

/* メインカラムの角を丸くする */
#main .list-category-blocks,
#main .list-category-block,
#main .list-category-box {
    border-radius: 15px !important; /* 角の丸み（数字を大きくするとさらに丸くなります） */
    overflow: hidden !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;
}