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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info,
.display-kesu
{
display: none;
}
.margin-zero
{
margin: 0px;
margin-bottom:0px;
}
/*隠すもの*/
.home.page .entry-title{
  display: none;
}
/*グローベルナビ*/
#navi .caption-wrap .item-label {
  color: #fef9e9;
}
/*h4の三角を消す*/
.entry-content h4::before {
	border-left: solid 0px transparent;
	border-bottom: solid 15px #777;

}
/*見出し調整*/
.entry-content h2 {
	border-left: solid 3px #009124;
	border-bottom: solid 3px #4b6a53;
	background-image: url('https://joso.all-clean.biz/wp-content/uploads/2024/06/green_00040e.jpg');
}
.entry-content h3 {
  font-size: 150%;
}
.entry-content h4::after {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0px;
  width: 100%;
  border-bottom: dotted 3px #0cb767;
}
.entry-content h4 {
  position: relative;
  padding-left: 15px;
  font-size: 130%;
	color:#007b43;
  margin-bottom: 1.3em;
  margin-top: 2.4em;
	width: 100%;
}
/*画像シャドウ*/
.shadow-b img {
    border: solid 1px #c1c1c1;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.shadow-a img {
    border: solid 1px #0ccd32;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
/*コメントフォームの装飾*/
/* 1. チェックボックス・リストアイテムの並び */
.wpcf7-list-item {
  margin: 0 1em;
}
.check_lb .wpcf7-list-item {
  margin: 0 0 0 1em;
  display: block;
}
/* 2. 入力欄の共通装飾（送信ボタン以外） */
#form-s input:not([type="submit"]),
#form-s select,
#form-s textarea {
background-color: #fbffeb;
border-radius: 5px; /*コメント欄の枠の角丸さ*/
border:solid 4px #38915b; /*コメント欄の枠線太さと色*/
font-size: 16px; /*コメントの文字サイズ*/   
  padding: 8px; /* 少し余白があると入力しやすくなります */
}
/* 3. 送信ボタン専用 */
#form-s input[type="submit"] {
  -webkit-appearance: none;
  background-color: #38915b;
  color: #fff;
  border: 1px solid var(--cocoon-thin-color);
  border-radius: 5px; /* 他の入力欄と合わせる場合 */
  cursor: pointer;
  transition: background-color 0.3s; /* 色の変化を滑らかに */
}
/* 4. 送信ボタン：ホバー時 */
#form-s input[type="submit"]:hover {
  background-color: #03e111;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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