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

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

/*固定ページ日付非表示*/
.page .date-tags {
display: none;
}

/*SNSシェアボタン*/
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央揃え*/
}
.sns-share-buttons a {
	border-radius: 30%;/*丸く*/
	font-size: 15px; /*アイコンのサイズ（カスタマイズを！）*/
	margin: 0 6px; /*ボタン同士の間隔（カスタマイズを！）*/
}
#main .sns-share a {
	width:30px; /*ボタンの横幅（カスタマイズを！）*/
	height:30px; /*ボタンの高さ（カスタマイズを！）*/
}
.bc-brand-color-white.sns-share .sns-share-buttons a {
border: none;/*枠線消す*/
box-shadow: none;
}

/*SNSフォローボタン*/
.sns-follow-buttons {
	justify-content: center; /*中央揃え*/
}
.sns-follow-buttons a {
	font-size: 25px; /*アイコンのサイズ（カスタマイズを！）*/
	margin: 0 5px; /*ボタンの間隔（カスタマイズを！）*/
}
#main .sns-follow a {
	width: 30px; /*ボタンの横幅（カスタマイズを！）*/
	height: 30px; /*ボタンの高さ（（カスタマイズを！）*/
}
.bc-brand-color-white.sns-follow .sns-follow-buttons a {
border: none;/*枠線消す*/
box-shadow: none;
}


/*記事内の見出しデザイン*/

/*見出し初期化*/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}


.entry-content h2{
	position: relative;
	background-color:#7a99cf;
	color:#fff;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0.3em;
	padding-right:0.3em;
}
.entry-content h2:before,
.entry-content h2:after {
	position: absolute;
	left: 0;
	width: 100%;
	content: '';
	border-top: 1px solid #fff;/*ライン：太さ・実線・色*/
}
.entry-content h2:before {
	top: 3px;
}
.entry-content h2:after {
	bottom: 3px;
}

.entry-content h3{
	padding-top:1.0em;
	padding-bottom:0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-bottom: solid 2px #7a99cf;/*下線：実線・太さ・色*/
}





.entry-content h4 {
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-left: double 10px #7a99cf;/*左線：実線・太さ・色*/
}







/*エントリーカードタイトルサイズ*/
.entry-card-title {
 font-size: 14px;
} 

/*ウィジェット人気記事サイズ*/
.widget-entry-card-content{
font-size: 14px;
}


/*ブログカードカスタマイズ　内部外部*/
.blogcard-snippet{
display:none;
}
.blogcard-title{
font-size:1.0em;
font-weight: bold;
}

/*ブログカード　クリックして読む追加*/
.blogcard-content:after {
content: "クリックして読む";
background: #ffffff; /* 背景色 */
border: solid 1px #e3acae; /* 枠線色 */
display: block;
text-align: center;
color: #e3acae; /* 文字色 */
font-weight: 600;
letter-spacing: 1px;
width: 180px;
border-radius: 20px;
font-size: 13px;
padding: 1px 0;
margin-top: 6px;
}

/*カテゴリーラベル非表示*/
.cat-label {
display: none;
}


/*アイキャッチ画像を一番上に*/
.entry-header {
display: flex;
flex-direction: column;
}
.entry-header .eye-catch-wrap {
order: 1;
}
.entry-header .entry-title {
order: 2;
}
.entry-header .date-tags {
order: 3;
}


/*固定ページのアイキャッチ画像非表示*/
.page .eye-catch-wrap{
display: none;
}

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

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

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