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

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

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

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

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

.wp-image-362 {
    max-width: 100%; /* 画像の最大幅を親要素に合わせる */
    height: auto; /* アスペクト比を保持して高さを自動調整 */
}
/* H2見出しのスタイル - シンプル */
.entry-content h2 {
    background-color: #fff !important;
    border-bottom: 2px solid #C96342 !important;
    background-image: none !important;
    ...
}
/* Cocoon標準の下線飾り(::after)を非表示にする */
.entry-content h2::after {
    display: none !important;
}

/* H3見出しのスタイル - シャープ */
.entry-content h3 {
    background-color: #fff; /* 背景色を白に設定 */
    padding: 8px; /* 内側の余白を増やしてより視認性を高める */
    font-size: 1.1em; /* フォントサイズ */
    color: #222; /* テキストの色 */
    margin-top: 3px; /* 上の余白を3pxに設定 */
    margin-bottom: 3px; /* 下の余白を3pxに設定 */
    border-radius: 0; /* 角の丸みをなくす */
    border-left: 5px solid #C96342; /* 左のボーダー */
    border-top: none; /* 上のボーダーを消す */
    border-right: none; /* 右のボーダーを消す */
    border-bottom: none; /* 下のボーダーを消す */
	
}