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

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

h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

span.stred {
  color: #FF0000;/*文字色*/	
}

p.band_orange {
  font-size: 20px;
  font-style: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色：オレンジ*/
  background: #fffaf4;/*背景色：オレンジ*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

p.band_blue {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  font-size: 24px;
  font-style: bold;
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

p.band_red {
  font-size: 20px;
  font-style: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #FFE5E5;/*背景色*/
  border-left: solid 5px #FF3B3B;/*左線（実線 太さ 色）*/
}

p.band_green {
  font-size: 20px;
  font-style: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #E2EFDA;/*背景色*/
  border-left: solid 5px #6CA644;/*左線（実線 太さ 色）*/
}

p.style01 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色：青*/
  font-size: 24px;
  font-style: bold;
  background: #f4f4f4;/*背景色：青*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

p.style02 {
  font-size: 20px;
  font-style: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色：オレンジ*/
  background: #fffaf4;/*背景色：オレンジ*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

p.toi {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  font-size: 24px;
  font-style: bold;
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

p.commentary {
  font-size: 20px;
  font-style: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #FFE5E5;/*背景色*/
  border-left: solid 5px #FF3B3B;/*左線（実線 太さ 色）*/
}


p.study {
  font-size: 20px;
  font-style: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #E2EFDA;/*背景色*/
  border-left: solid 5px #6CA644;/*左線（実線 太さ 色）*/
}

p.spacer25 {background-color: #fdf5e6; border: solid 2px #ffffff;  margin: 25px;}
p.spacer50 {background-color: #fdf5e6; border: solid 2px #ffffff;  margin: 50px;}
p.spacer100 {background-color: #fdf5e6; border: solid 2px #ffffff;  margin: 100px;}
p.spacer200 {background-color: #fdf5e6; border: solid 2px #ffffff;  margin: 200px;}

/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:1em !important;/* ボタン内の余白 */
margin:2em 0em !important;/* ボタンの上下の余白 */
background-color: #228B22 !important;/* 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
color: #ffffff !important;/* 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 50%;/* ボタンの横幅*/
}

.wpcf7-form.sent p{
    display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/************************************
** nagashima追加コード
************************************/
/* 20220228 */
/* h2見出しの疑似要素をリセット*/
.toc ol.toc-list > li {
list-style: none;
}

/* h3見出しの疑似要素をリセット*/
.toc ol.toc-list > li li{
list-style: none;
}