@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){
  /*必要ならばここにコードを書く*/
}

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

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

/*ベースのフォントスタイル*/
.b-font{
	color:#876700;
	font-size:22px;
}

/*サイドバー背景色を変更*/
.sidebar{
	background-color:#fffafa;
	box-shadow:none;
}

/*ブログカードの枠線・影を消去　背景色を変更*/
.main{
	background-color:#fffafa;
	border:0px;
	box-shadow:none;
}

/*サイドバー見出し文字色・位置変更　文字色を一度変更するとその後引き継ぐようだ*/
.sidebar h3{
    color:#876700;
	text-align:center;
}

/*カレンダーの曜日の色を変更*/
#wp-calendar th{
	color:#876700;
}

/*エントリーカードスタンバイ時の余白をなくすことでカードと背景色を同化させる*/
.entry-card-wrap{
	padding:0%;
}

/*エントリーカードの色を背景色と同一に*/
.entry-card{
	background:#ffffff;
}

/*ブログカードの背景色*/
.a-wrap .blogcard{
	background:#ffffff;
	border-color:#000;
}


/*サイトタイトル非表示 明示的な意味合いで記述したがトラブルがない限り必要なし*/
/*.site-name-text{
	display:none;
}*/

/*キャッチフレーズ非表示 明示的な意味合いで記述したがトラブルがない限り必要なし*/
/*.tagline{
display:none;
}*/

/*グローバルメニューのフォントをボールドに*/
nav#navi, .menu-header .sub-menu{
	font-weight:bold;
}

/*緑色のアンダーライン class名を統一させるか*/
.gr-ul{
	background:linear-gradient(transparent 80%,#b3f0aa 80%);
}

/*デフォルトの青色アンダーラインをカスタマイズ*/
.marker-under-blue{
	background:linear-gradient(transparent 80%,#44eeee 0%);
}

/*デフォルトの青色マーカーをカスタマイズ*/
.marker-blue{
	background-color:#44eeee;
}

/*デフォルトの赤色アンダーラインをカスタマイズ*/
.marker-under-red{
	background:linear-gradient(transparent 80%,#ff69b4 80%)
}

/*デフォルトの赤色マーカーをカスタマイズ*/
.marker-red{
	background-color:#ff69b4;
}

/*commntタブボックス名を変更*/
.bb-comment .bb-label::after{
	content:"まとめ";
	color:black;
	font-weight:bold;
}

/*badタブボックス名を変更*/
.bb-bad .bb-label::after{
	content:"Umm";
	font-weight:bold;
}

/*GOODタブボックスの背景色を変更*/
.bb-good{
	background:#e0ffff;
}

/*badタブボックスの背景色を変更*/
.bb-bad{
	background:#faf5fc;
}

/*commentタブボックスの背景色を変更*/
.bb-comment{
	background:#fffff0;
}


/*tooltip用下線*/
.kasen-t1{
	font-size:20px;
	color:#af03c1;
	background-color:#d7fad6;
}

/*tooltip用下線*/
.kasen-t2{
	font-size:20px;
	color:#af03c1;
	text-shadow:2px 2px 2px silver;
	font-weight:italic;
}

/*本の題名*/
.book-info1{
	font-size:24px;
	font-family:"メイリオ";
	font-weight:italic;
}
.book-info2{
	font-size:20px;
	font-family:"メイリオ";
}

/*の、おはなし題用*/
.komidasi{
	font-size:28px;
	font-family:"メイリオ";
	font-weight:bold;
	color:#664a4a;
	background:#e0ffff;
}

/*山名*/
.yama{
	font-size:24px;
	color:green;
	font-weight:bold;
}
/*峠名*/
.touge{
	font-size:23px;
	color:blue;
	font-weight:bold;
}
/*茶屋名*/
.cha{
	font-size:22px;
	color:#f3a602;
	font-weight:bold;
}

/*昆虫名*/
.insecta{
	color:#9cb30c;
	font-weight:bold;
}

/*テーブル用目名*/
.tb-moku{
	width:35%;
	text-align:left;
	font-size:18px;
}

/*の、おはなしセット 用途分からず*/
/*.page-id-10p{
	font-size:22px;
	color:#07863c;
}*/

/*画像にテキスト貼り付け*/
.imgcap-lb,.imgcap-cr{
	position:relative;
}
/*画像にテキスト貼り付け-左下ブルー*/
.imgcap-div{
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	color:blue;
	background:white;
	font-size:20px;
	line-height:1;
	padding:5px 10px;
}
/*画像にテキスト貼り付け-中央レッド*/
.imgcap-cr div{
	position:absolute;
	bottom:0%;
	left:20%;
	margin:0%;
	color:red;
	background:transparent;
	font-size:20px;
	line-height:1;
	padding:5px 10px;
}

/*緑付箋サイズおよびフォント*/
.midashi{
	border-left:solid 25px #00874d !important;
	padding:15px 0px 15px 75px;
	font-size:28px;
	font-family:"メイリオ";
	color:#00ad62;
	font-weight:bold;
}

/*黒板ボックス用センタリング*/
.naka{
	text-align:center;
	padding:0;
	margin:0;
}

/*黒板ボックス*/
.kokuban-s1{
	display:inline-block;/*可変ボックス幅*/
	position:relative;
	margin:2em auto;
	padding:1em;
	background:#202020; /*ボックス背景色*/
	color:#fff; /*文字色*/
	border:7px solid #b2771f; /*枠線*/
	border-radius:3px; /*角の丸み*/
	box-shadow:0 0 5px #333;
	font-size:30px;
	font-weight:nomal;
}

.kokuban-s1::before,
.kokuban-s1::after{
	position:absolute;
	content:'';
	bottom:0;
}
.kokuban-s1::before{
	width:20px;
	right:10px;
	border:solid 3px #ff42e0; /*チョーク(ピンク)*/
	border-radius:3px 2px 0 2px;
}
.kokuban-s1::after{
	width:15px;
	right:45px;
	border:solid 3px #fff; /*チョーク(白)*/
	border-radius:8px 5px 2px 5px;
}


/*tooltip用文字装飾*/
.chara-color{
	background:#993366;
	color:#ffffff;
}

/*昆虫パーセンテージ*/
.psent{
	color: #ffffff;
	background-color: #008000;
	font-size:23px;
}

.box26{/*tableテスト用*/
	position:relative;
	margin:1em 0 0 0;
	padding:0.5em 0.3em 0 0.3em;
	height:130px;
	width:100%;
	border:solid 3px #95ccff;
	border-radius:8px;
	background:white;
	font-weight:bold;
}
.box26 .box-title{
	position:absolute;
	display:inline-block;
	top:-13px;
	left:10px;
	padding:0.9px;
	line-height:1;
	font-size:19px;
	background:#fff;
	color:#95ccff;
	text-decoration-color:red;
	font-weight:bold;
}
.box26 p{
	margin:0;
	padding:0;
}

table a{
	text-decoration:none;
}

.placement{
	float:left;
	margin-right:10px;
}

.wakusen{
	border:solid 2px red;
	width:40%;
}
.wakusen2{
	border:dashed 3px black;
	width:40%;
}

/*flexテスト用*/
.flex{
  padding: 0 0.5px ;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  );
}
.flex > *{
  width: 8%;
  background: #fff;
  font-size: 64px;
  text-align: center;
}
.flex,
.flex > *{
  border: 3px solid #aaa;
}

/*コメント欄カスタマイズ用*/
.comment-btn {
  background-color: #F5CCB4;
  color: #876700;
  border: none;
  font-size: 20px;
  transition: 0.5s;
}
.comment-btn:hover {
  background-color: #FD7575;
  color: #fff;
  transition: 0.5s;
}
.comment-respond { /*入力欄全体の枠*/
  border: 2px solid #F3A475;
  margin-top: -2px;
}
.comment-respond p {
  margin: 1em 0;
}
#commentform { /*フォーム部分の枠*/
  padding: 20px;
}
p.comment-notes { /*注意書きの文字サイズ*/
  font-size: 14px;
}
p.form-submit {
  margin: 2em 0 1em 0;
}
#commentform input[type="text"], #commentform textarea { /*入力スペースの装飾*/
  padding: 11px;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  width: 100%;
  background: #FAF2EE; /*入力スペースの背景色*/
}
#commentform input[type="submit"] { /*送信ボタンの装飾*/
  -webkit-appearance: none;
  padding: 11px;
  width: 100%;
  margin: 0;
  cursor: pointer;
  background: #F5CCB4;
  color: #876700;
  border: none;
  font-size: 16px;
  transition: 0.5s;
}
#commentform input[type="submit"]:hover { /*送信ボタンのマウスホバー時*/
  background: #FD7575;
  color: #fff;
  transition: 0.5s;
}