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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 自分で追加 */
.toc li{
	border-bottom:dotted 1px #d8dde9
}
.toc{
	font-size:0.8em;
	border:4px solid #8dc65f;
	border-radius:10px;
}
li::marker {
  color: #6d998c;
}

.cat-label{
	top:-1.4em;
}

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #0c3b2c;
	
	color: #FFFFFF;
}

.logo-menu-button.menu-button{
/* 	background-color: #6ba0ce; */
	background-color: #0c3b2c;
}
/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	left: auto;
	right: 0;
/* 	background-color: rgba(30,124,209,0.5); */
	background-color: rgba(46, 174, 35, 0.5);
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(30,124,209,0);
}
/* ウィジェット カテゴリ
-------------------------------------------------- */
.widget_categories ul li {
  /*親カテゴリ*/
  padding-left: 10px;
  border-bottom: 1px dotted rgba(125, 125, 125, 0.2);
  /*カテゴリ間の下線種類*/
}

.widget_categories ul li a {
  /*リンク*/
  font-size: .95rem;
}

.widget_categories ul li a .post-count {
  /*記事数*/
  border: 1px solid rgba(221, 221, 221, 0.867);
  /*囲い*/
  border-radius: 5px;
  /*ボーダーの丸み*/
  font-size: .8em;
  /*数字サイズ*/
  padding: 1px 10px;
  /*囲いの大きさ*/
}

.widget_categories ul li a:before {
  /*アイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  /*種類*/
  color: #FF8856;
  /*色*/
  margin-right: 6px;
  /*アイコンと文字の距離*/
  font-weight: bold;
}

.widget_categories ul li a:hover {
  /*ホバー*/
  background: transparent;
  margin-left: 5px;
  /*hover時動く幅*/
  background-color: #efefef;
}

/* 自分で追加 */
.caption-wrap{
	transition:all 0.5s ease 0s;
}

.caption-wrap:hover{
	transform:scale(1.1)
}
.widget_categories ul li a:hover .post-count {
  border-color: #ffb47f;
  /*囲線色*/
  background: #ff9f67;
  /*背景色*/
  color: #fff;
  /*文字色*/
  transition: .4s;
  /*変化スピード*/
}

.widget_categories ul .children li {
  /*子カテゴリ*/
  border-bottom: none;
}

.widget_categories ul .children li a {
  /*リンク*/
  padding: 3px 10px;
  font-size: .85rem;
  /*文字サイズ*/
}

.widget_categories ul .children li a:before {
  /*アイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  /*種類*/
  color: #FF8856;
  /*色*/
  font-weight: normal;
  margin-right: 6px;
  /*アイコンと文字の距離*/
  font-weight: bold;
}

/* ハンバーガーメニュー親カテゴリ */
.menu-icon-parent > a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  color: #05ff38;
  margin-right: 6px;
  font-weight: bold;
	
}

.menu-icon-parent {
  border-bottom: 0.7px solid #ccc; /* グレーの仕切り線 */
  padding-bottom: 6px; /* 文字と線の間隔 */
  margin-bottom: 6px; /* 次の項目との間隔 */
  background-color: #0c3b2c;
}
/* ハンバーガーメニュー子カテゴリ */
.menu-subitem > a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  color: #70ff80;
  margin-right: 6px;
  font-weight: bold;
}
.menu-subitem{
  font-size: .85rem;
}

/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width:1024px){
.site-name-text-link{
	padding: 0 4em;
	display:flex;
}
.tagline{
	padding: 0 5.6em;
	display:flex;
}
.logo-text{
	padding:5px 0 30px;
	}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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