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

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

:root {
  --nav-footer-bg: #1d2a5f; /* ← 統一カラー（あとで変更もしやすい） */
}

/* モバイル用ナビメニュー（ヘッダー） */
.search-menu-button.menu-button,
.navi-menu-button.menu-button,
.logo-menu-button.menu-button {
  background-color: var(--nav-footer-bg);
  color: #ffffff;
}

/* モバイルフッター（記事下ボタン） */
.mobile-footer-menu-buttons {
  background-color: var(--nav-footer-bg);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 12px 0;
}

.mobile-footer-menu-buttons .menu-button a {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 14px;
}

/*目次の背景色と枠線を変更*/
.toc {
	background: #ffffff;
	border: 5px solid #996d6b
}
/* 目次の背景色を変更する */
.toc-title {
  background-color: #1d2a5f;
  font-size: 1em;
  padding: 0.6em 1em; /* ← 上下0.6em・左右1emの指定に変更！ */
  font-weight: bold;
  color: #ffffff;
}

.toc-list > li{
  font-weight: bold;
}

.toc-list > li li{
  font-weight: normal;
}

.toc-list > li > ul ul,
.toc-list > li > ol ol{
  padding-left: 0;
}

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

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

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

.internal-blogcard::after{
	content: '記事を読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #1d2a5f; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #efece0; /* 内部リンク右下枠の文字色 */
	border-radius: 15px;
}

.blogcard-label {
  background-color: #996d6b !important; /* 好きな色に変更 */
  color: #efece0 !important; /* 必要に応じて文字色も */
  border-radius: 15px;
}

.blogcard-snippet{
display:none;
}

/** 記事本文内の行の高さを調整 */
        .content p {
            margin-top: 0;
            margin-bottom: 1.6em;
            line-height: 190%;
        }

.entry-content a:hover { color:#996d6b; }