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


/************************************
** 追加記述
************************************/

/* 本文全体 */
body {
  letter-spacing: 0.05em;
  line-height: 1.8;
  padding: 0px 24px;	
}

@media screen and (max-width: 480px){
  body {
  padding: 0px 16px;
}
}

/* メインエリア------------ */
main.main {
  padding: 40px 48px;
  border-radius: 18px;
}

#sidebar {
  border-radius: 18px;	
}

#sidebar h3 {
	background-color: #0097E0;
	color: #ffffff;
	font-size:14px;
	padding: 10px 18px;
	border-radius: 4px;	
}

#sidebar .menu {
	padding: 0 16px;
}

#sidebar .menu li {
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px solid #d5d5d5;
}

@media screen and (max-width: 480px){
  main.main {
  padding: 32px 18px;
}
}
/* ------------ */

/* カードタイトル */
.related-entry-card-title, .entry-card-title {
	line-height: 1.6em;
	margin-top:12px;
	font-size: 20px;
}

/* カード抜粋文 */
.related-entry-card-snippet, .entry-card-snippet{
	line-height:1.6em;
	margin-top: 6px;
	font-size:15px;
}


/* 投稿内の見出し */
h1.entry-title {
	font-size: 32px;
	line-height: 1.6em;
}

@media screen and (max-width: 480px){
	h1.entry-title {
	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 24px;	
}	
}
	
@media screen and (max-width: 480px) {
  .entry-title,
  article h2 {
    padding: 0;
  }
}


h2.wp-block-heading {
	background-color: #0097E0;
	color: #ffffff;
}