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

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

/* カラー設定*/
#main, #sidebar {
    background-color: #fbfaf9;
}
.eye-catch-wrap .cat-label {
	font-size:11px;
} 

/* フォント設定*/
h1.entry-title,a.wp-block-latest-posts__post-title, h2.entry-card-title,#sidebar h2.wp-block-heading, .related-entry-card-content h3.related-entry-card-title,h2.related-entry-heading,h2.wp-block-heading,h3.wp-block-heading {
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#sidebar { font-size: 0.8em; }

.sns-share-message,.sns-follow-message {
	font-size:30px;
	font-family: "Cormorant Upright", serif;
  font-weight: 400;
  font-style: normal;
}

.entry-date {
	font-size:16px;
	font-family: "Cormorant Upright", serif;
  font-weight: 400;
  font-style: normal;
}

/* 見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
.sidebar h2,
a.wp-block-latest-posts__post-title
{
   background-color: transparent; /* 背景色を透明に */
   border: none; /* 枠線なし */
   border-radius: 0; /* 角の丸みなし */
}

/* 見出しデザイン設定 */
h2.wp-block-heading,h3.wp-block-heading  {
  font-size: 23px;
  background: rgba(244,244,244,.07);
  border-bottom: 2px solid #005a00;
  color: #323232;
  padding: .5em .7em.5em.0;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: dotted 1px #005a00;
	margin-bottom:30px;
}

#sidebar h2.wp-block-heading {
  color: #000;
  margin-bottom: 15px;
  border:none;
  font-size: 14px; 
	text-align:center;
	width:100%;
}

#sidebar h2.wp-block-heading {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

#sidebar h2.wp-block-heading:before, #sidebar h2.wp-block-heading:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

#sidebar h2.wp-block-heading:before {
  left:0;
}
#sidebar h2.wp-block-heading:after {
  right: 0;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

}

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

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