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


/************************************
**  固定ページの投稿日、更新日、投稿者名を非表示にする
************************************/
/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}
/************************************
** 見出し用追加CSSのリセット用（リセットしないと反映されない）
************************************/
/*スタイルリセット用*/
main h2.wp-block-heading,
main h3.wp-block-heading,
main h4.wp-block-heading {
    color: initial;
    font-size: initial;
    padding: initial;
    display: initial;
    background-color: initial;
    background: initial;
    border: initial;
    border-radius: initial;
    font-weight: bold;
}
main h2.wp-block-heading:before,
main h3.wp-block-heading:before,
main h4.wp-block-heading:before,
main h2.wp-block-heading:after,
main h3.wp-block-heading:after,
main h4.wp-block-heading:after {
    color: initial;
    font-size: initial;
    padding: initial;
    display: initial;
    background-color: initial;
    background: initial;
    border: initial;
    border-radius: initial;
    margin: initial;
    content: initial;
    position: initial;
}
/************************************
**  見出し
************************************/
/*H2見出し*/
main h2.wp-block-heading {
    color: #43788e;/*文字色（白）*/
    font-size: 20px;/*文字サイズ*/
    padding: 20px;/*文字回りの余白（上下左右）*/
    display: block;
    position: relative;
}
main h2.wp-block-heading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #C2D6E9;/*背景色*/
    transform: skew(-10deg);/*背景の傾き*/
    z-index: -1;
}
main h2.wp-block-heading:after {
    content: '';
    position: absolute;
    border-left: 15px double #fff;/*左線（太さ 二重線 色）*/
    height: 100%;
    top: 0;
    right: 20px;
    transform: skew(-10deg);/*線の傾き*/
}
/*H3見出し*/
main h3.wp-block-heading {
    color: #43788e;/*文字色*/
    font-size: 18px;/*文字サイズ*/
    padding: 10px 25px;/*文字回りの余白（上下 左右）*/
    display: block;
    border-bottom: 2px solid #C2D6E9;/*下線（太さ 実線 色）*/
    position: relative;
}
main h3.wp-block-heading:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;/*ひし形（左側）の上下位置*/
    left: 0;
    width: 12px;/*ひし形（左側）の幅*/
    height: 12px;/*ひし形（左側）の高さ*/
    background: #C2D6E9;/*ひし形（左側）の色*/
    transform: rotate(-45deg);/*ひし形（左側）の回転*/
}
main h3.wp-block-heading:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;/*ひし形（右側）の上下位置*/
    right: 0;
    width: 12px;/*ひし形（右側）の幅*/
    height: 12px;/*ひし形（右側）の高さ*/
    background: #C2D6E9;/*ひし形（右側）の色*/
    transform: rotate(-45deg);/*ひし形（右側）の回転*/
}
/*H4見出し*/
main h4.wp-block-heading {
    color: #43788e;/*文字色*/
    font-size: 16px;/*文字サイズ*/
    display: block;
    position: relative;
    padding: 7px 30px;/*文字回りの余白（上下 左右）*/
}
main h4.wp-block-heading:before {
    font-family: FontAwesome;
    font-weight: 900;/*電球マークの太さ*/
    font-size: 35px;/*電球マークのサイズ*/
    color: #C2D6E9;/*電球マークの色*/
    left: 0px;
    bottom: 0;
    content:"\f0eb";
    position: absolute;
}
/************************************
**  PC(992px以上)で固定ページのアイキャッチを非表示
************************************/
/* PC(992px以上)で固定ページのアイキャッチを非表示 */
@media screen and (min-width: 992px) {
  .page .eye-catch {
    display: none;
  }
}