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

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

/* 見出しカスタマイズ */

/* H2 */
.article h2 {
padding: 0.5em 1em;/*文字周りの余白*/
position: relative;
background-color: #dcd3f4;/* 背景色 */
box-shadow: 0px 0px 0px 5px #dcd3f4;
border: dashed 2px #ffffff;/* 破線 */
color:#9e8368;/* フォント色 */
}

.article h2:after {
position: absolute;
content: "";
top: -7px;
left: -7px;
border-width: 0 0 20px 20px;
border-style: dashed;
border-color: #fff #fff #cbbfec;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* H3 */
.article h3{
padding-top: .5em;
padding-bottom: .5em;
padding-left: .5em;
margin-bottom: 1em;
border-left: 5px solid #cbbfec;/* 左の線 */
border-right: 2px solid #cbbfec;/* 右の線 */
border-top: 2px solid #cbbfec;/* 上の線 */
border-bottom: 2px solid #cbbfec;/* 下の線 */
background-color: none;/* 背景色 */
color: #9e8368;/* フォント色 */
}

/* H4 */
.article h4{
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 1em;
border-top: 2px solid #cbbfec;/* 上の線 */
border-bottom: 2px solid #cbbfec;/* 下の線 */
color: #9e8368;/* フォント色 */
}

/* H5 */
.article h5{
border-bottom: 1px solid #cbbfec;/* 下の線 */
padding: 0.5em;/*文字周りの余白*/
color: #9e8368;/* フォント色 */
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0.5em;/*文字周りの余白*/
color: #9e8368;/* フォント色 */
}

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

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

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

/************************************
**　ヘッダーメニュー
************************************/
/*グローバルナビメニューの高さを変えるときはここを変更*/
#navi .navi-in > ul li{
	height: 32px;
	line-height: 32px;
}

/*グローバルナビメニューの文字の大きさを変えるときはここを変更*/
.navi-in a{
font-size:14px;
}

#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {

padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {
box-shadow: none;
}
div.item-label{

}

/************************************
**ヘッダーロゴ
************************************/
@media screen and (max-width: 834px){
.container {
margin-top:30px;
}
}
.logo-image {
padding:0;
margin-left:0;
margin-top:0em;
margin-bottom:4em;/*ロゴの下の隙間*/
max-height:30px;/*大きなロゴ画像を使いたい方は、ここの数字を大きくしてみてください*/
}
.logo {/*ロゴ画像を中央に配置したい方は、以下3行を削除*/
text-align: left;
}
.logo-header img {
box-shadow: none!important;
}

/************************************
**キャッチフレーズ位置調整
************************************/
.header-in .tagline {
text-align:left;　 /*キャッチフレーズ左寄せ*/
}
.tagline {
  margin-bottom: -30px; /*キャッチフレーズ下マージン*/
}
/************************************
** ●ヘッダーサイズカスタマイズ
************************************/
.header { 
  padding-top: 30px; /*ヘッダー上隙間*/
  padding-bottom: 8px; /*ヘッダー下マージン*/
}
/*タグクラウドのデザイン*/
.widget_tag_cloud .tagcloud a{
 background:#ffe0ef;
 color:#666;
 padding:6px;
 margin:3px;
 border-radius:20px;
 text-decoration:none;
 font-size:12px;
}
/*タグクラウドマウスオーバー時*/
.widget_tag_cloud .tagcloud a:hover{
color:#333; 
background:#ddd;
}

/* インデックスカード タイトル文字色 */
.entry-card-title,
.e-card-info > span{
color: #876a4e;
}
/*サイドバー　カテゴリーのタイトル文字色 */
.widget_categories ul li a{
color: #876a4e;
}
/*人気記事のタイトル文字色 */
.popular-entry-card-title{
color: #876a4e;
}
/*関連記事 見出しの文字色 */
.related-entry-heading {
color: #876a4e;
}
/* 関連記事 タイトル文字色 */
.related-entry-card-title {
color: #876a4e;
}
/*前へ次へのタイトル文字色*/
.prev-post .prev-post-title {
color: #876a4e;
}
.next-post .next-post-title {
 color: #876a4e;
}

/*インデックスカードタイトル文字サイズと色 */
.entry-card-title.card-title.e-card-title {
font-size: 23px;
padding: 10px 0px;
color: #876a4e;
}	

/************************************
** ブログカード
************************************/
/*ブログカードタイトル文字色 */
.blogcard-title {
color: #876a4e;
}

/*ブログカード抜粋文を消す */
.internal-blogcard-snippet{
display: none;
}

 /*背景色 */
.blogcard-wrap{
	background:  #FDFAF8;
}

 /*ポインタ重なった時透過*/
.blogcard-wrap:hover{
	background: transparent;
	opacity: 0.5;
}

 /*ファビコンとURLを消す*/
.internal-blogcard-footer{
	display: none
}

 /*「記事を読む」のボタンを追加*/
.blogcard{
	position: relative
}

.internal-blogcard:after{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-family: 'Font Awesome 5 free';
	content: '記事を読む \f101';
	font-size: 90%;
	font-weight: bold;
	background-color: #876a4e;
	color: #FFF; 
	padding: 0.2em 2em;
	border-radius: 2px
}

/************************************
** カルーセル
************************************/
.carousel-in {
background: transparent;
}

.carousel-entry-card {
border-radius: 5px;
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
background: white;
padding: 5%;
}

.carousel-entry-card:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
transform: translateY(-2px);
transition: all .3s ease;
}

.carousel-entry-card-title{
font-size:0.9em; /*文字サイズ*/
word-break: break-all; /*表示範囲に合わせて改行*/
color: #876a4e; /*文字色*/
}

/**********************
**目次のカスタマイズ
***********************/
/*タイトル文字の太さ色*/
.toc-title{
position: relative;
font-weight: bold;	
}
/*背景色、枠線*/
.toc {
background: #FDFAF8;
border: 1px solid #876a4e!important;
}
/*文字の色と大きさ*/
.toc a {
color: #876a4e;
font-size: 16px;
}
/*H3の目次番号を消す*/
.article .toc-list > li li {
list-style: none;
}
/*H3の目次番号を点にする*/
.toc-list > li li ::before {
content: '';
width: 5px;
height: 5px;
display: inline-block;
left: -15px;
border-radius: 100%;
background: #cdcdcd;
position: relative;
margin-bottom: 2px;
}
/*H3の文字を小さく*/
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
color: #898989;
margin-left: -10px;
}

/* モバイルフッターメニュー */
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background: #876a4e;
  color: #fff;
}
/* モバイルホームボタンの色 */
.mobile-menu-buttons .home-menu-button > a {
color: #876a4e;
}

/*エントリーカードタイトル文字サイズと色 */
.entry-card-title.card-title.e-card-title {
font-size: 18px;
padding: 10px 0px;
color: #876a4e;
}	

/*カテゴリータイトルを真ん中に*/
.archive-title {
text-align:center; 
}
.archive-title {
font-size:1.4em; /*大きさ*/
font-weight: 500; /*文字の太さ*/
}
/*カテゴリータイトルのアイコンを削除 */
.archive-title .fa-folder-open:before{
display:none;
}
/*サイドバーや記事リード文の文字色変更 */
.a-wrap {
color: #876a4e;
}
/*ウィジェット文字サイズ */
.widget {
font-size: 16px;
}
/*ウィジェットタイトル文字サイズ */
.widget-entry-card {
font-size: 15px;