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

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

/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background: #996d6b;
	color: #ffffff;
}

.logo-menu-button.menu-button{
	background: #996d6b;
}

.mobile-menu-buttons{
	background: #996d6b;
}



/*目次のタイトル文字を変更*/
.toc-title {
	font-weight: bold;
	color: #a58191;
}
/*目次の背景色と枠線を変更*/
.toc {
	background: #ffffff;
	border: 5px solid #996d6b
}
/* 目次の背景色を変更する */
.toc-title{
  background-color:#996d6b;/* 背景色を変更する */
  font-size: 1.2em;  /* 文字の大きさを変える */
  padding: 0.3em;  /* 文字の周囲の余白を変える */
  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: 10px;
}

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

.blogcard-snippet{
display:none;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
.header div.header-in {
min-height: 90px;
}
.header {
background-image: url(https://cinema-cinema-cinema.com/wp-content/uploads/2025/06/3dff2cb9b7565b66a9fbd47362984569.png);
background-size: 100%;
background-position: center;
}