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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*テーブル内の囲みボタン*/
table .btn-wrap,
table .btn-wrap a{
	margin-bottom: 0!important;/*下の余白を0にする*/
}

/*テーブル内のCocoonボタン*/
 table .button-block{
	margin-bottom: 0!important;/*下の余白を0にする*/
}

.article h2,.article h3,.article h4{
	padding: 0;
	border: none;
	background: none;
}
.article h2::before{
	display: none;
}
.article h3::before{
	display: none;
}
.article h4::before{
	display: none;
}

/*H2見出し*/
main h2.wp-block-heading {
    color: #564b46;/*文字色*/
    font-size: 20px;/*文字サイズ*/
    padding: 20px;/*文字回りの余白（上下左右）*/
    display: block;
    border: 2px solid #8ec298;/*囲み線（太さ 実線 色）*/
    position: relative;
}

main h2.wp-block-heading:after {
    content: '';
    background:#f8fbf8;/*背景色*/
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    position: absolute;
    top: 5px;/*背景の上下位置ずらし*/
    left: 5px;/*背景の左右位置ずらし*/
    z-index: -1;
}
/*H3見出し*/
main h3.wp-block-heading {
    color: #564b46;/*文字色*/
    font-size: 18px;/*文字サイズ*/
    padding: 10px 25px;/*文字回りの余白（上下 左右）*/
    display: block;
    border-bottom: 2px solid #8ec298;/*下線（太さ 実線 色）*/
    position: relative;
}

main h3.wp-block-heading:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 15px;/*左側丸の幅*/
    height: 15px;/*左側丸の高さ*/
    background: #8ec298;/*左側丸の色*/
    border-radius: 50%;
}

main h3.wp-block-heading:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 15px;/*右側丸の幅*/
    height: 15px;/*右側丸の高さ*/
    background: #8ec298;/*右側丸の色*/
    border-radius: 50%;
}

/*H4見出し*/
main h4.wp-block-heading {
    color: #564b46;/*文字色*/
    font-size: 17px;/*文字サイズ*/
    padding: 15px 30px;/*文字回りの余白（上下 左右）*/
    display: block;
    border-bottom: 1.5px dashed #8ec298;/*下線（太さ 破線 色）*/
    position: relative;
}

.pochipp-box__logo { display: none !important;}

.page .date-tags {
display: none;
}/*固定ページの日付非表示*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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