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

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

/** 広告のCLS 改善
 * 目的：アンカー広告のレイアウトシフトを改善するためのCSS
 * */

.ad-auto .ad-wrap, .ad-area .ad-wrap{
    min-height:280px;
}
@media screen and (max-width: 480px){
    .ad-auto .ad-wrap, .ad-area .ad-wrap{
        min-height:calc(83vw);
    }
}

ul.m-bottom li {
margin-bottom: 20px;
}
ol.m-bottom li {
margin-bottom: 20px;
}

ul.mm-bottom li {
margin-bottom: 40px;
}
ol.mm-bottom li {
margin-bottom: 40px;
}

/* テーブル余白 10 */

.tablesp10 td,
.tablesp10 tr {
  padding: 10px;
}

/* テーブル余白 15 */

.tablesp15 td,
.tablesp15 tr {
  padding: 15px;
}

/* テーブル余白 20 */

.tablesp20 td,
.tablesp20 tr {
  padding: 20px;
}

/* テーブル余白 30 */

.tablesp30 td,
.tablesp30 tr {
  padding: 30px;
}

  /* 見出しリセット */
/* 見出し1 */
.article h1{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
font-weight: bold;
}

/* -------見出しカスタマイズ------- */
/* 見出し1 黒 */
.article h1 {
  font-size: 26px !important;/*文字のサイズ*/
  background: #1f1f1f;/*背景色*/
  padding-top: 3em;
  padding-right: 1.5em;
  padding-bottom: 3em;
  padding-left: 1.5em;/*余白*/
  color: #FFF;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}

/*モバイルでサイドバー非表示*/
/*480px以下*/
@media screen and (max-width: 480px){
  #sidebar{
    display: none;
  }
}




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

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

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

/* 見出しリセット */


/* 見出し2 */
.article h2{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

/* 見出し3 */
.article h3{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

/* 見出し4 */
.article h4{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

/* 見出し5 */
.article h5{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

/* 見出し6 */
.article h6{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

/* -------見出しカスタマイズ------- */


/* 見出し2 */
.article h2 {
  font-size: 22px !important;/*文字のサイズ*/
  background: #fcba03;/*背景色*/
  padding: 1em;/*余白*/
  color: #FFF;
  margin-bottom: 50px;
  border-top: none;
  border-bottom: 2px solid #fc5603;/*下線*/
}

/* 見出し3 */
.article h3{
  font-size: 22px !important;/*文字のサイズ*/
  background: #fff0b8;/*背景色*/
  border-bottom: double 5px #fcba03;/*下線*/
  color: #323232;
  padding: 15px;
  margin-bottom: 50px;
  border-top: none;
}

/* 見出し4 */
.article h4 {
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  padding: 15px;
  margin-bottom: 50px;
  vertical-align: middle;
  border-bottom: 3px solid #fcba03;/*下線*/
}
article h4:before {
  content: '●';
  margin-right: 8px;
}

/* 見出し5 */
.article h5 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  padding: 15px;
  margin-bottom: 30px;
  border-left: double 10px #fcba03;/*左線：実線・太さ・色*/
}

/* 見出し6 */
.article h6 {
  padding: 0.5em; /* 文字周りの余白 */
  background: #E8FAEA; /* 背景色 */
  padding: 15px;
  margin-bottom: 30px;
}