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


/************************************
** ■検索ボタンのカスタマイズ
************************************/
.search-box .search-edit {
	padding: 8px;
	padding-right: 68px;
	border-color: #999557;
}

.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	background-color: #999557;
	border-radius: 0 4px 4px 0;
}

.search-box .fa-search {
	display: block;
	margin-top: 3px;
}

/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}

.widget {
  margin-bottom: 38px;
}

/************************************
** ■画像のキャプション
*************************************/
.wp-block-image figcaption{
	color:#333; 
	font-size: 16px; 
	margin-left: 16px;
	text-align: left;
}

/************************************
** ■エントリーカードをマウスオーバーで浮かせる
************************************/
.home main, .archive main{
background-color: transparent;
margin-top: 0;
padding-top: 0;
}

.category-content{
background-color: white;
padding: 1em 1em 0.2em;
margin-bottom: 1em;
}

.entry-card-wrap{
transition: all .3s ease;
margin-bottom: 1em!important;
background-color: white;
border-radius: 4px;
}

.entry-card-wrap:hover{
box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
transform: translateY(-2px);
background-color: white;
}


/************************************
** ■リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: none;
}
.share-button{ /*シェアボタン装飾無し*/
  text-decoration: none!important;
}
.follow-button{ /*フォローボタン装飾無し*/
  text-decoration: none!important;
}
.cat-link{ /*カテゴリーラベル装飾無し*/
  text-decoration: none!important;
}
.tag-link{ /*タグラベル装飾無し*/
  text-decoration: none!important;
}



/************************************
** ■グローバルメニューにカーソルを乗せると下線が出てくる
************************************/
.menu-header .menu-item:hover{
	 border-bottom:3px solid #72640c !important;/*線の太さ色*/
	    transition: all .3s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
	border-bottom:none !important;
}

/************************************
** ■ヘッダー下の余白をなくす
************************************/
/* ヘッダー下の余白をなくす */
.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}

/* ヘッダーを中央揃えにもどす */
.logo-image {
	padding: 0;
}
.logo-image * {
	display: block;
	margin: auto;
}

/* ヘッダーをなんかリセットする感じ？ */
.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}

/************************************
** ■目次のカスタマイズ
************************************/
.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#999557;
}
.toc-list > li a {
font-weight: bold;
display:block;
margin-top: 4px;
margin-left: 10px;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f152";
font-size: 125%;
color: #999557;
margin-right: 7px;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top: 0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #999557;/*こちらで緑点の色を変更できます*/
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: none;
}

/************************************
** ■ダウンロードボタンのカスタマイズ
************************************/
.wp-block-file a.wp-block-file__button{
  color: #fff; /*文字色*/
  font-weight: bold;
  padding: 8px 16px; /*内側の間隔調整*/
  background-color: #E61A23; /*背景色*/
  border-radius: 13px; /*ボタンの角*/
  box-shadow: 1px 1px 2px #c0c0c0; /*影を付ける*/
}

.wp-block-file a.wp-block-file__button::before {
	content: "\f019";
	font-family: FontAwesome;
	color: #fff;
}

.article h1{
font-size: 26px;
	letter-spacing: 1px;
}