@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.blog-content strong {
  font-weight: bold;
}



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

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

	.entry-title, .archive-title {
		font-size: 20px !important;
		margin: 0 0 10px 0 !important;
		padding:0;
	}
	
	.article h2 {
		padding: 8px !important;
		font-size: 18px !important;
		font-weight:bold !important;
	}

}

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


body {
	background: #fff;
}

.toc {
   width: 100%;
	padding: 15px 40px;
   color: #a1a1a1;
}
.toc a {
   color: #1967d2;
}

.toc-list li{
	list-style-type: decimal;
}

.toc-list li ol li{
list-style-type:    lower-alpha;
}


.article h2,.article h3,.article h4,.article h5,.article h6 {
	margin-bottom: 0.5em;
}
.article h2 {
	padding:15px;
}

.article h3 {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--cocoon-thin-color);
    font-size: 18px;
    padding: 0 0 10px 0;
}



h1.archive-title .fa, .far, .fas {
    display: none;
}

.entry-title, .archive-title {
    font-size: 30px;
    margin: 0 0 30px 0;
    font-weight: 700;
}

.a-wrap {
 padding: 0; 
}

article.article.post p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 200%;
    font-weight: 300;
}


article.article.post pre {
	margin-bottom: 10px;
	border:none;
	background-color: #3e3e3e;
	color: #fff;
}



.sidebar,
.popular-entry-card-title{
font-size: 0.8em;
}

.sidebar {
    padding: 0;
}

.sidebar h2, .sidebar h3 {
    margin: 0 0 10px 0;
}

.post-date::before {
	content: "投稿日:";
	color:gray;
}
.post-update::before {
	content: "更新日:";
	color:gray;
}
.author-name::before {
	content: "著者:";
	color:gray;
}


.post-date .fa,.post-update .fa {
display:none;
}


.video-container {
	max-width: none;
}