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

/*Hタグ装飾/*/
.article h1.entry-title{
	font-family: sans-serif !important;
}

.article h3, .article h4, .article h5{
	font-family: "ヒラギノ角ゴシック", sans-serif !important;
}
.article h3 {
  width: 100%;
  font-size:1.5rem;
  color: #3a2f22;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #a79988;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  margin:1em 0 0.5em;
}

.article h3:before {
  position: static;
  content: '●';
  color: white;
  background-color:initial;
  margin-right: 8px;
  border:none;
  filter:none;
}

.article h4 {
	color: #644929;/*文字色*/
    position: relative;
    font-size: 1.4rem;
    margin: 0.5em 0 1em;
    border: none;
    padding:.5em 1em .5em 36px;
    border-bottom: 1px dotted #aaa;
}
.article h4:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -4px;
    left: 6px;
    width: 24px;
    height: calc(100% + 12px);
    background: rgba(var(--back-color), .2);
    filter: saturate(2000%) hue-rotate(310deg) brightness(50%);
    border-radius: 20px 40px / 60px 20px;
	border-width:0px;
}
.article h4:after{
	border:none;
}

.article h5{
	font-size:18px;
}

.wp-block-image img, .eye-catch img, .not-found{
	object-fit: cover;
	aspect-ratio: 4 / 3;
	margin: auto;
	border-radius: 20px;
}
.pagination-next-link:before, .list-more-button:before, .comment-btn:before{
	background-color: rgb(255 238 245);
}
.related-entry-heading:before, .comment-title:before{
	transform:initial;
	border-radius:initial;
}
.related-entry-heading, .comment-title, .related-entry-heading:before, .comment-title:before, .related-entry-heading:after, .comment-title:after{
	border:initial;
}
.related-entry-heading, .comment-title{
	border-radius: 15px;
	background-color: #f0eee8;
	padding: 0.5em;
}
.related-entry-heading, .comment-title, .related-entry-main-heading{
	color: #644929;/*文字色*/
	font-size:1em;
	font-family: initial;
	font-family: "ヒラギノ角ゴシック", sans-serif !important;
}