@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){
  /*必要ならばここにコードを書く*/
}
/* ====== Google Fonts 読み込み（見出し用：Shippori Mincho B1） ====== */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap");

/* ====== 全体トーン：ダーク基調 ====== */
html, body, #container, .wrap, .content {
  background-color: #0f0f0f !important;
  color: #e5e5e5 !important;
}

/* 見出し・サイト名を明朝に */
.site-name, .sitename, .entry-title, h1, h2, h3 {
  font-family: "Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif !important;
}

/* 記事カード／本文ボックス */
.entry-card, .entry-card-wrap, .entry-list .entry-card-wrap,
.article, .post-card, .card {
  background-color: #131313 !important;
  border: 1px solid #333 !important;
  box-shadow: none !important;
}

/* リンク色（落ち着いたブルー） */
.entry-content a, .widget a, a { color: #a8c8ff !important; }
.entry-content a:hover, .widget a:hover, a:hover { color: #d0e0ff !important; }

/* サイドバーウィジェット */
.widget, .sidebar .widget, .widget-entry-cards {
  background-color: #151515 !important;
  border: 1px solid #2a2a2a !important;
}


/* テーブルや引用の境界色 */
blockquote, table, th, td { border-color: #333 !important; }

/* 記事タイトルの収まり（モバイル） */
.entry-title { line-height: 1.4 !important; margin-bottom: .6em !important; }

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

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

/* ===== 見出し・タイトルの可読性アップ ===== */
:root{ --accent:#9fb7ff; }

.site-title a,
.site-name a,
.logo-text a{
  font-size: 1.9rem;
  letter-spacing: .06em;
  color:#f0f0f0 !important;
}
.site-description,
.tagline{
  color:#bfbfb
	  
	  /* ===== ヘッダーとタイトル周りのバランス調整 ===== */
.header, .site-header, #header {
  padding: 10px 0 !important;
  background-color: #0f0f0f !important;
  border-bottom: 1px solid #1e1e1e;
}

.site-title, .site-name {
  font-size: 1.7rem !important;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 0.2em !important;
}

.site-description, .tagline {
  font-size: 0.9rem !important;
  color: #bdbdbd !important;
  margin-bottom: 0.6em;
}

/* ===== コンテンツ全体の余白をコンパクトに ===== */
#main, .content, .main {
  margin-top: 0 !important;
  padding-top: 5px !important;
}

	
	/* ===== サイト全体の中央揃えと余白整理 ===== */
#header, .site-header, .site-title, .site-description {
  text-align: center !important;
}

#header, .site-header {
  margin-bottom: 0.5em !important;
}

/* ===== タイトル下の行間・色味微調整 ===== */
.site-description {
  margin-top: -0.3em !important;
  font-size: 0.85rem !important;
  color: #c5c5c5 !important;
  letter-spacing: 0.05em;
}

/* ===== 記事カードの立体感アップ ===== */
.entry-card, .entry-content, .article {
  box-shadow: 0 2px 10px rgba(0,0,0,0.4);
  transition: all 0.3s ease;
}
.entry-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.6);
}

/* ===== フッターの中央化・文字色調整 ===== */
#footer, .footer {
  text-align: center !important;
  color: #a8a8a8 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.03em;
}
	

/* === 記事カード背景・ボーダー統一 === */
.article,
.entry-card,
.entry-content,
.post {
  background-color: #1a1a1a !important; /* 深い黒で統一 */
  color: #e6e6e6 !important; /* 文字を読みやすく */
  border: 1px solid #333 !important; /* 柔らかいグレーの枠 */
}

/* サイドバー（右側の白浮き修正） */
.widget {
  background-color: #141414 !important;
  color: #dcdcdc !important;
  border: 1px solid #2a2a2a !important;
}

/* カード内リンクも柔らかく */
.entry-card a {
  color: #a8c8ff !important;
  text-decoration: none;
}
.entry-card a:hover {
  color: #d0e0ff !important;
  text-decoration: underline;
}