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

 /*ここから　ブログカード　続きを読む　を表示*/
.internal-blogcard::after{
	content: '見てみる \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #E95295; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}
 /*ここまで　ブログカード　続きを読む　を表示*/

 /*ここから　ブログカード　タイトルのみにする*/
.blogcard-snippet{
display:none;
}
 /*ここまで　ブログカード　タイトルのみにする*/

 /*ここから　ブログカードのアイコンとURLを非表示にする*/
.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}
/* ここまで　ブログカードのアイコンとURLを非表示にする*/

/* ここから　ブログカード　ボーダー色、枠 */
.blogcard{
	border: 1px solid #E95295 !important
}
/* ここまで　ブログカード　ボーダー色、枠 */

/* ここから　ブログカード　下部のスペースを広げる*/
.blogcard{
	position: relative;
	padding-bottom:30px;
}
/* ここまで　ブログカード　下部のスペースを広げる*/






/************************************
** ここから　■見出しカスタマイズ（h2-3）
************************************/

.article h2{ /*見出し２カスタマイズ*/
background: #ffedf1; /*背景カラー*/	
font-size: 21px; /*フォントサイズ*/
	color: #333333; / * 文字色 * / 
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 10px 7px 10px 10px;
 border-left: 7px solid #fe619a; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #; /*アンダーラインの太さとカラー*/
  line-height: 25px; /*高さ*/
}

.article h3{ /*見出し３カスタマイズ*/
background: #ffedf1; /*背景カラー*/
font-size: 20px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
 border-left: 5px solid #fe619a; /*左ラインの太さとカラー*/
  line-height: 25px; /*高さ*/
}

/************************************
** ここまで　■見出しカスタマイズ（h2-3）
************************************/

/* ここから　サイドバーの見出し文字変更*/
.sidebar h3 {
    background-color: #E95295;
    padding: 7px 20px;
    margin: 40px 0 20px;
color: #fff;
 border-radius: 7px ;
	font-size: 1em;
}
/* ここまで　サイドバーの見出し文字変更*/

/* ここから　広告　文字変サイズ等変更*/
.ad-label {
    background-color: white;
    color: white;
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 8px;
    border-radius: 4px;
} 

.ad-label {
    font-size: 15px;
    font-weight: ;
    color: black;
} 
/* ここまで　広告　文字変サイズ等変更*/