@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
使用サイト名：祈り歌
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a:hover{ text-decoration:underline;color:#f08300;opacity:0.5; }


/*もしも簡単リンクの矢印にシャドウがかかるのを消す*/
.easyLink-box img{box-shadow:none;}

/*画像にシャドウがかかるのを消す。「te」は手打ちで使う（テーブルなど）。無印は追加CSSクラスで使う*/
.kagenasi-te{box-shadow:none!important;}

.kagenasi img{box-shadow:none!important;}

/*広告ラベルのフォントサイズ*/
.ad-area .ad-label {font-size: 80% !important;}

/*グローバルメニューの説明欄（スマホ共通）*/
.sub-caption{
font-size:0.85em;
opacity:1;
color:#096148;}

/* グローバルメニュー各項目間区切り線（両端区切り有）*/
.navi-in > ul > li{font-weight:bold;border:none;}
.navi-in > ul > li:first-child{border:none;}
.navi-in > ul > li:last-child{border:none;}



/* トップページのアイキャッチ画像の高さ揃える */
.entry-card-thumb.card-thumb{
  position: relative;
  padding-top: 20%; /*画像の大きさ*/
  padding-bottom: 15%; /*画像の高さ*/
  margin-bottom:8px;
}

.entry-card-thumb.card-thumb img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/*投稿本文下の関連記事のアイキャッチ画像のサイズをそろえる*/
.related-entry-card-thumb.card-thumb {
  position: relative;
  padding-top: 10%; /*画像の大きさ*/
  padding-bottom: 10%; /*画像の高さ*/
  margin-bottom:8px;
}
.related-entry-card-thumb.card-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/*ページ送りナビここから*/
/*枠線と背景色*/
.pager-post-navi.post-navi-border a.a-wrap{border-color:#bdbdbd;}

/*左右矢印の色*/
.pager-post-navi a .iconfont{color:#096148;}

/*左右両方のページ送りナビのサムネイル*/
.pager-post-navi a figure{min-height:120px;max-height:120px;}

/*←ページ送りナビのサムネイル*/
.prev-post-thumb.card-thumb{
  position: relative;
  padding-top: 8%; /*画像の大きさ*/
  padding-bottom: 8%; /*画像の高さ*/
}

.prev-post-thumb.card-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/*→ページ送りナビのサムネイル*/
.next-post-thumb.card-thumb{
  position: relative;
  padding-top: 8%; /*画像の大きさ*/
  padding-bottom: 8%; /*画像の高さ*/
}

.next-post-thumb.card-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;}
/*ページ送りナビここまで*/


/* 目次に戻るリンクを機能させる */
.toc-checkbox {
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
}



/*トップカテゴリラベル*/
.category_right .cat-label {
	position: static !important;
	display:inline-block;
	margin-top: 3px;
	padding: 2px 10px;
	font-size: 13px!important;
	border: none;
}

/*エントリーカードのカテゴリとタグのレイアウト*/
.entry-card-categories-ex{margin-top:10px;}
.entry-card-tags-ex{margin-top:5px;}
.fas {margin-right:3px;}
.tag-link{margin-bottom:3px;}
.cat-link{margin-bottom:3px;}

/*関連記事カテゴリラベル*/
.related-entry-card .cat-label {
	position: static !important;
	display: inline-block;
	margin-top: 3px;
	padding: 2px 10px;
	border: none;
	font-size: 13px!important;
}

.relatea_category_side{
	margin-bottom: -5px;
}

.related-entry-card-content card-content e-card-content {
	font-size: initial;
}

/*リンク付カテゴリラベルここから*/
.cat-link{ /*カテゴリーラベル*/
  font-size: 14px;
  display: inline-block; /*横並びで上下左右空白有り*/
  margin-right: 5px; /*内側右余白*/
  padding: 2px 6px 0px 6px; /*外側余白*/
  border: 0px; /*枠線無し*/
  word-break: break-all; /*テキストの途中で改行させない*/}
/*リンク付カテゴリラベルここまで*/

/*リンク付タグラベルここから*/
.tag-link{ /*タグラベル*/
  font-size: 14px;
  display: inline-block; /*横並びで上下左右空白有り*/
  margin-right: 5px; /*内側右余白*/
  padding: 2px 6px 0px 6px; /*外側余白*/
  border: 1px solid #94221e;color:#94221e;background-color:#fff;
  word-break: break-all; /*テキストの途中で改行させない*/
}
/*リンク付タグラベルここまで*/




/*エントリーカードの枠線*/
.entry-card-wrap {border-bottom: dashed 1px #808080; /*枠線形状・色*/}

/*関連記事の枠線*/
.main .rect-entry-card .a-wrap, .main .rect-mini-card .a-wrap {
border-bottom: dashed 1px #808080; /*枠線形状・色*/}




/*記事内とサイドバー背景色*/
.main,
.sidebar {background-color: #efefef;}


/*サイドバーの見出し*/
.sidebar h3{
padding:12px 12px 12px 18px;
font-size:1em;}
.sidebar h3::before {content: '▼';
font-size:1em;
margin-right: 0.25em;
color: #096148;}


/*サイドバーのカテゴリ*/
.widget_categories ul li a{font-weight:bold;
color:#096148;border-bottom:1px dashed #096148;
padding-left:5px;}
.widget_categories ul li a::before{
font-family:"Font Awesome 5 Free";
content:"\f3a5";
font-weight: 900;
color:#fc354c;
margin-right:8px;}

.widget_categories ul li ul  a{font-weight:normal;}
.widget_categories ul li ul a::before{
font-family:"Font Awesome 5 Free";
content:"";
font-weight: 900;
color:#c89932;
margin-right:8px;}


/*サイドバーのタグクラウド*/
.tagcloud a{font-size:16px;
  color: #94221e;
  background-color: #fff;
  border: 1px solid #94221e;
  word-break: break-all; /*テキストの途中で改行させない*/}

.fa-tag::before{content:"\f292";}


/*サイドバーのサムネイル*/
#sidebar .new-entry-card-thumb img{
 width: 90px;
 height: 90px;
 object-fit: cover;
}
#sidebar .new-entry-cards figure {
 width: 90px;
}
#sidebar .new-entry-card-content {
 margin-left: 100px;
}



/*サイドバーのプロフィール*/
.author-box.border-element.no-icon.cf{
border:1px dashed #096148;
font-size:85%;}
.author-description p{
line-height:1.8;
margin-top:1em;}

/*サイドバーのプロフィール内、肩書*/
.author-widget-name{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  padding: 10px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
border-radius: 15px;
background-color:#fff;}

.author-widget-name::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;}

/*サイドバーのプロフィール内、似顔絵アイコン*/
.author-thumb.circle-image img{
border:1px solid #bdbdbd;}


/*サイドバーのプロフィール内、SNSボタン*/
.author-box .sns-follow-buttons a.follow-button{
font-size:32px;
width:50px;height:50px;
background-color:#fafafa;
border-radius:25px;
border:1px solid #bdbdbd;
line-height:1.7;}






/*タグアーカイブページのタグクラウド*/
.fa-tags::before{content:"\f292";}



/*投稿本文タイトルここから*/
.article-header h1::before{
font-family:"Font Awesome 5 Free";
content:"\f3a5";
font-weight: 900;
color:#fc354c;
margin-right:0.5em;}
/*投稿本文タイトルここまで*/



/*投稿本文の見出しここから*/
/*h2*/
.article h2{position: relative;
padding: 0.5em 0.5em 0.5em 0.5em; /*上下左右の余白*/
color:#353131;
background-color: #efefef; /*背景色*/
border-left: solid 2em #096148;}

.article h2::after {content: "";position: absolute;
bottom: 0px;left: 0;height: 0;
width: 100%;
border-bottom: 1px dashed #096148;}

/*h3*/
.article h3{position: relative;
border:none;
color: #333;
text-shadow: 0 0 2px white;}

.article h3::before {content: "";
  position: absolute;
  background-color: #afffdf;/*でか丸の色*/
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;}

/*h4*/
.article h4{border-top:1px solid #94221e;
border-bottom:1px solid #94221e;
padding: .5em;
background-color: #efefef;}

.article h4::before {content: '◇';
font-size:1.25em;
margin-right: 0.25em;
color: #94221e;/*contentの色*/}

/*h5*/
.article h5{border-bottom:2px dotted #94221e;}
/*投稿本文の見出しここまで*/




/*●たったひとつのPタグ●（右側から呼び出す［C］スタイル）アイコンボックスここから*/
/*プロフィールアイコンをリンクに書き換える*/
.is-style-profile-box.has-box-style::before{
 border-right: 1px solid #bdbdbd;
 font-family:"Font Awesome 5 Free";
 content:"\f0c1";
 font-weight: 900;
 padding-right:5px;
 color:#313131;
 font-size:1.2em;}
/*●たったひとつのPタグ●（右側から呼び出す［C］スタイル）アイコンボックスここまで*/



/*CTAボックスにアイキャッチ画像を表示させるレイアウト（表示させる仕組みはfunctionで）★ここから*/
.cta-box{position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;}

.cta-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);}

.cta-heading{ position: relative;z-index: 1;}
.cta-message, .cta-button{ z-index: 1;}
/*CTAボックスにアイキャッチ画像を表示させる★ここまで*/



/*パンくずリストここから*/
/*最初の「家」と最初の「＞」のアイコン部分*/
.breadcrumb-home{
	color: #757575;
	font-size: 14px;}
/*最初の「家」と最初の「＞」以外のアイコン部分*/
.breadcrumb-item{
	color: #757575;
	font-size: 14px;}
/*文字部分*/
.breadcrumb-caption{
	color: #757575;
	font-size: 14px;}
/*パンくずリストここまで*/


/*Cocoon目次ここから*/
/*目次全体*/
.toc{  display: block;
  padding: 0px;
  max-width: 700px;
	border-color:#49beb7!important;
border:3px solid;}
/*目次名*/
.toc-title{
position: relative;
 padding: 10px 0;
margin-top:-4px;/*「目次に戻る」を自動追加すると上に余白ができるので、その分を埋めている*/
font-weight:bold;
color:#212121;
background-color:#49beb7;}


/*開閉の表示*/
.toc-title::after {
color:#212121;
}
.toc .toc-content {
  padding: 15px 10px;
  background-color: #fafafa;
 }
/*h2見出し*/
.toc-list > li a {
font-weight: bold;
display:block;
margin-top:10px;
margin-left: 10px;
color:#096148;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
color:#94221e;
}
/*h3見出し*/
.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: #c89932;/*点の色を変更*/
position: relative;
margin-bottom: 2px;
}
/*マウスオーバー時*/
.toc a:hover {
color: #096148;
text-decoration: underline;
}
/*目次のスマホ表示*/
@media (max-width:880px){
.toc-list > li a {
margin-left: -3px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
/* 目次に戻るリンクのスタイル */
.back-toc {
    margin: 50px 0; /* 上下の余白 */
}
.back-toc a {
    color: #096148; /* 文字色 */
    text-decoration: none; /* 下線を消す */
}
/*Cocoon目次ここまで*/


/*フッターロゴの余白調整*/
.sitalogo{margin-top:1.5rem;margin-bottom:0.5rem;}





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

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

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


/*スマホ用：関連記事のアイキャッチ画像の大きさをそろえる*/
.related-entry-card-thumb.card-thumb {
  position: relative;
  padding-top: 10%; /*画像の大きさ*/
  padding-bottom: 20%; /*画像の高さ*/
  margin-bottom:8px;
}

/*スマホ用：エントリーカードのカラム落ち対策（firefox）*/
.matomete{width:60%;margin-left:40%;}




/*スマホ用：ページ送りナビのサムネイルここから*/
.pager-post-navi a figure{min-height:auto;max-height:auto;}

/*←ページ送りナビのサムネイル*/
.prev-post-thumb.card-thumb{
  position: relative;
  padding-top: 10%; /*画像の大きさ*/
  padding-bottom: 20%; /*画像の高さ*/
}
/*→ページ送りナビのサムネイル*/
.next-post-thumb.card-thumb{
  position: relative;
  padding-top: 10%; /*画像の大きさ*/
  padding-bottom: 20%; /*画像の高さ*/
}
/*ページ送りナビのサムネイルここまで*/



}