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

/* 20251126ようやく追加。 */
/* PCのみサイト全体を90%に縮小表示 */
@media screen and (min-width: 1024px) {
  body {
    zoom: 0.9; /* 0.8～0.9の間で調整してください */
  }
}

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

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

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


/***********************************　 子テーマ用のスタイルを書く（独自設定）*************************************/

/************************************
** 目次の見た目編集！ 点の色やアイコン（fontawesome5）
************************************/
.toc-title{/*目次タイトルを太く*/
font-weight:bold;
color:#7b7b7b;
}
.toc-list > li a {/*小見出し（H2）*/
font-weight: bold;
color: #7b7b7b;
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {/*小見出し（H2）の先頭につけるアイコン*/
font-family: "Font Awesome 5 Free";
content:"\f46a";/*ここでかえる*/
font-weight: 900; /*アイコンの太さ*/
/*padding-right: 4px; アイコン右側空間*/
	margin-right: 7px;
}
.toc-list > li li a {/*小見出し（H3）*/
font-weight: normal;
font-size: 95%;
color: #7b7b7b;
margin-top:0;
margin-left: 3em;
}
.toc-list > li li a::before {/*小見出し（H3）の先頭につける「・」*/
content: "";/*手打ち*/
width: 8px;
height: 8px;
left: -2px;
display: inline-block;
border-radius: 50%;
/*background: #90C31F;ここで緑点の色を変更できます*/
background: #ffd700;/*ここで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){/*モバイル表示*/
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}

/*  ↓まる追加　Style.css */
/************************************
すべてのイメージに影を ⇒　サイドバーの写真とヘッダーアイコンは除外
★これ、img全部になってるから注意！！！エラー増えるなら丸々コメントアウトして良い。
⇒投稿の画像のみのクラス並列3種に絞った。wp-post-imageの適用範囲大きいから気を付けて
************************************/
.entry-card-thumb-image,.card-thumb-image,.wp-post-image{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);	
}
/* 
img{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}
サイドバーの写真にclass付与して外した　202105281731
.sidebar-img{
	box-shadow: none;
}
ヘッダー画像、、今の猫はペラペラなほうが良いから影けした
.header-site-logo-image{
	box-shadow: none;
}
 */

/************************************/



/*  インラインコードのフォント設定を変更 2024/04/04更新*/
code {
	font-family: system-ui;
	font-size: 16px;
/*                       Yellow↓*/
	background-color:rgba(227,229,72,0.7);
	border-radius: 8px;
	padding: 0.2rem 0.3rem;
}

/*  ↑普通のコードにも適用されて邪魔なため再上書き 2024/04/04追加*/
.is-code-row-number-enable pre.hljs, .is-code-row-number-enable pre.hljs * {
    line-height: 1.5 !important;
	font-family: system-ui !important;
	font-size: 16px !important;
	background-color: black;
 	padding-top: 2px;
 	padding-bottom: 3px;
}


/* ブログカード、気になってたのでラベル右寄せ　スマホ対応済、★☆文字の長さのみ注意　2021/11/09追加 */
.blogcard-label{
	right: 16px;
	left: auto;
	/*margin-left: 76%;*/ 
	/* left:-173px;*/
}

/* ブログカード、☆完全独自アレンジ　もともとのプロパティ上書きしてる　2024/04/04追加 */
.blogcard{
    background-color: #c3d825;
	border: 3.7px solid #e4e2df;
	border-radius: 15px;
}
.blogcard-thumbnail {
    height: 100px;
}
.blogcard-thumbnail img{
    height: 100%;
    width: inherit;
    border: none;
}
 
/* 記事タイトルにアニメーション付与。うおぉ、めっちゃいい！ */
.entry-title {
  animation-name: fadein;
  animation-duration: 2s;
}
@keyframes fadein {
from {
  opacity: 0;
  transform: translateY(20px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
/*********************************************************/



/* ★Staging-envは、元の親Style.cssを子に貼ってる！確か上半分の4千行くらいまで。
こっちと見比べて、不便になったら引っ張ってきてもいいが、独自要素だけ↑にもってきたこっちのほうで基本良い！
記事のタイトル文字サイズとかが小さくなってるけど、無理に戻したくない。　2023/09/05
 */