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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 背景色を統一 */
.header-container, 
.main, 
.sidebar, 
.footer {
  	background-color: #FDFBF7;
}

/* 記事一覧のサムネイルサイズを変更 */
.entry-card-content {
    margin-left: 150px !important;	
}

.entry-card-thumb {
    width: 150px !important;	
}

.entry-card-thumb img {
    width: 150px; 
    height: auto;
}

/* サイドバーのサイズを変更 */
.related-entry-card-title, .entry-card-title {
	font-size: 16px;
}

.sidebar h2, .sidebar h3 {
	padding: 5px;
    margin-bottom: 10px;
	border-bottom: 2px dashed #8f8f8f;
	background-color: #FDFBF7;
}

/*カテゴリの行間を狭くする*/
.widget_categories ul li a {
    line-height: 0.8;
}

.entry-title, .archive-title {
	font-size: 20px;
}

.related-entry-heading, .comment-title {
	font-size: 18px;
}

/* 見出しのデザインを変更 */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  	background: none;
  	border: none;
  	border-radius: 0;
}

.entry-content h2 {
  	border-left: solid 10px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
  	padding: .5em 1em;
	font-size: 18px;
}

.entry-content h3 {
  	border-left: double 10px #8f8f8f;
  	padding: .5em 1em;
	font-size: 16px;
}

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

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

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