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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* Cocoon見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: none; /* 背景色を削除 */
  border: none;     /* 枠線を削除 */
  border-radius: 0; /* 角丸を削除 */
}

.article h2 {
   --baloon-color:#333;
   position: relative;
   border-bottom: 3px solid var(--baloon-color);
   padding:.3em 0 .10em;
   color:#333; /* 文字色（黒）*/  
}
.article h2:before, h2:after {
   position: absolute;
   content: '';
   left: 1em;
   width: 0;
   height: 0;
   border-width: 14px 12px 0;
   border-style: solid;
}
.article h2:before {   
   bottom: -14px;   
   border-color:var(--baloon-color) transparent transparent;
}
.article h2:after {
   bottom: -10px;
   border-color: #fff transparent transparent;
}

.article h3 {
   --dot-color: #add8e6; /* 背景ドットの色 */
   color: #333; /* 文字色 */
   background-image: repeating-linear-gradient(90deg, #fff 0 1px, transparent 1px 2px), repeating-linear-gradient(#fff 0 1px, var(--dot-color) 1px 2px);
}

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

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

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

/*グレー枠線を消す2025年9月24日*/
body {
   background-color: transparent;
}

/*メインカラムの幅を横幅いっぱいに広げる2025年9月24日*/
.wrap {
   width: auto;
}

/*フッターとメインカラムの隙間を無くす2025年9月24日*/
.footer {
   margin-top: 0;
}