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



/*ここから新規追加*/

/*******固定ページの日付非表示*******/
.page .entry-title,
.page .date-tags,
.page .author-info {
display: none;
}

/************************************
** リンク設定
***********************************/
a {
	text-decoration: none;
}
.entry-content a:hover {
	color: #FF2059;
	text-decoration: underline;
}
.toc-content a:hover {
	color: #FF2059;
	text-decoration : underline;
}


/************************************
** フォント変更 'Dosis'
***********************************/
.container {
font-family: 'Fredoka',sans-serif;
}

/************************************
** シェアボタンをカスタマイズ
************************************/

#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color:#353535; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: left; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 20%; /*丸くする*/
	font-size: 15px; /*アイコンのサイズ*/
	margin: 0 7px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 30px; /*ボタンの横幅*/
	height: 30px; /*ボタンの高さ*/
}


/************************************
** 記事タイトル
************************************/
.article h1 {
	font-size: 20px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #353535;
}
.article h1:before{
	color: #353535;
	margin-left:7px;
	margin-right:7px;
	font-family: "Font Awesome 5 Free";
	/*content: "\f303";　ペン*/
	content: "\f06C";
	font-weight: 900;
}

/************************************
** 関連記事(more)部分
************************************/
.main .related-entry-heading {
	position: relative;
	display: inline-block;
	padding: 3px 20px 0px 40px;
	border-radius: 25px;
	font-size: 18px;
}
.main .related-entry-heading:after {
	position: absolute;
	content: '\f06C';
	top: 7px;
	left: 13px;
	color: #353535;
	font-size: 14px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.e-card-title {
	font-size: 14px;
}
/************************************
** コメント
************************************/
.comment-title { 
	font-size: 14px;
 } 	
/*タイトルにアイコンを付ける*/
.comment-title:before { 
	font-size: 14px;
	font-family: 'Font Awesome 5 Free';
      content: '\f086';
     /* color: #fff;*/
      margin-right: 4px;
 }   

    .comment-btn {
  margin-top: 0;
  width: 250px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #454545;
  border-radius: 7px;
    }
    .comment-btn:hover {
      background-color: #49add1;
      color: #fff;
      transition: 0.5s;
    }

/************************************
** サイドバー
************************************/
.sidebar h3{
	background-color: transparent;
box-shadow: none;
margin: 0; /*余白を削除*/	
border-radius: 0%;
border-bottom:3px dotted;
border-color:#353535;
color:#353535;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
#main, #sidebar {
background-color: transparent;/*記事部分も背景透過*/
}

/************************/
/*タグクラウドのデザイン*/
/************************/
.widget_tag_cloud .tagcloud a{
border: solid 1px #595045; /*枠線色*/
color:#595045; /*文字色*/
margin-bottom:5px;
border-radius:5px; /*角丸め*/
flex: 0 1 auto; /*横幅いっぱいにならないように*/
}
.widget_tag_cloud .tagcloud a:hover{
background: radial-gradient(#FFF9E2, #D6C6AF); /*ホバー背景色*/
color:#595045; /*ホバー文字色*/
}



/************************************
** モバイル用　ヘッダー
************************************/
.mobile-menu-buttons {
background: #353535;
color: white;
}

.mobile-menu-buttons .menu-button > a {
color: white;
}

/************************************
** テーブル設定
************************************/
.entry-content th {
	border: none !important;
border-style: none;
 border-bottom:double 5px #f08080;
padding: 3px;      /* 余白指定 */
	background-color: rgba(0, 0, 0, 0.2);

}
.entry-content td {
	border: none !important;
border-style: none;
padding: 9px;      /* 余白指定 */
background-image: url("");
}
/************************************
** 引用デザイン設定
************************************/
.entry-content blockquote:before, .entry-content blockquote:after {
 background-color: rgb(255 255 255 / 20%);
}


.entry-content blockquote {
 background-color: rgb(255 255 255 / 20%);
	width: 70%;
}
 
/************************************
** リンクカードデザイン設定↓
************************************/
.link-card {
     width: 70%; /* 例: 幅を50%に設定 */
     /* または、ピクセルで指定する場合 */
     /* width: 300px; */
	 background-color: rgb(255 255 255 / 30%);
   }

.blogcard-wrap{
     width: 70%; /* 例: 幅を50%に設定 */
     /* または、ピクセルで指定する場合 */
     /* width: 300px; */
	 background-color: rgb(255 255 255 / 30%);
   }