@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
*/
.article dd {
    margin-left: 0px;
}

ol, ul {
    padding-left: 0px;
}

.specList {
    font-size: 3.2vw;
}

.specList__dt {
    color: #fff;
    background-color: #971b1e;
    margin-bottom: .6em;
    padding: 0em .8em
}

.specList__dd {
    line-height: 1.21;
    margin-bottom: 1em
}

.specList__list li {
    line-height: 1.21;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
	list-style: none;
	margin: 0px;
    padding: 0em
}

.specList__list li+li {
    margin-top: .3em
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1921px以上*/
@media screen and (min-width: 1921px) {
    .specList {
        font-size: 1.6rem
    }
}

/*844px以上*/
@media screen and (min-width: 844px){	
	.specList {
        width: 100%;
        font-size: .8333333333vw;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: flex-start;
        flex-wrap: wrap;
        -webkit-box-align: start;
        align-items: flex-start
    }
	
	.specList .specList__dt {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 22%;
        padding: .2em .1em;
        margin-bottom: .5em;
        -webkit-font-feature-settings: inherit;
        font-feature-settings: inherit;
        line-height: 1.21;
	}
	
	.specList__dd {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 72%;
        padding: .2em .1em;
        margin-bottom: .5em;
        line-height: 1.21;
    }
}

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

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

}

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

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

/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/*H2見出し*/
main h2.wp-block-heading {
    color: #fff;/*文字色（白）*/
    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: #1c6db0;/*背景色*/
    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: #616371;/*文字色*/
    font-size: 18px;/*文字サイズ*/
    padding: 10px 20px;/*文字回りの余白（上下 左右）*/
    display: block;
    border-left: 6px solid #1c6db0;/*二重線左側（太さ 実線 色）*/
    position: relative;
}

main h3.wp-block-heading:before {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    top: 0;
    width: 2px;/*二重線右側の太さ（幅）*/
    height: 100%;
    background: #1c6db0;/*二重線右側の色*/
}

/*H4見出し*/
main h4.wp-block-heading {
    color: #616371;/*文字色*/
    font-size: 16px;/*文字サイズ*/
    display: block;
    position: relative;
    padding: 6px 32px;/*文字回りの余白（上下 左右）*/
}

main h4.wp-block-heading:before {
    font-family: FontAwesome;
    font-weight: 900;/*矢印部の太さ*/
    font-size: 25px;/*矢印部のサイズ*/
    color: #1c6db0;/*矢印部の色（青）*/
    left: 0;
    top: 0;
    content:"\f0a9";
    position: absolute;
}