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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ページID「77」のコンテンツ内の2列テーブルに30%と70%の幅を適用 */
.page-id-77 table td:first-child,
.page-id-77 table th:first-child,
.postid-77 table td:first-child,
.postid-77 table th:first-child {
    width: 30% !important;
}

.page-id-77 table td:last-child,
.page-id-77 table th:last-child,
.postid-77 table td:last-child,
.postid-77 table th:last-child {
    width: 70% !important;
}


/* お問い合わせフォーム送信ボタンのカスタマイズ */
.wpcf7-submit, 
.wpforms-submit, 
.submit-button {
  background-color: #ff0000 !important; /* 背景色：赤 🔴 */
  color: #ffffff !important;            /* 文字色：白 ⚪ */
  width: 300px !important;             /* 横幅：300px 📏 */
  max-width: 100%;                     /* スマホ等で画面からはみ出さない設定 📱 */
  display: block;                      /* 中央寄せの準備 */
  margin: 0 auto;                      /* ボタンを中央に配置 📍 */
  border: none;                        /* 枠線を消す */
  padding: 15px 0;                     /* 上下の余白（お好みで調整） */
  font-weight: bold;                   /* 文字を太字に */
  cursor: pointer;                     /* ホバー時に指マークにする */
  border-radius: 5px;                  /* 角を少し丸める（不要なら0に） */
}

/* ホバー時（マウスを乗せた時）の色を変える場合 */
.wpcf7-submit:hover {
  background-color: #cc0000 !important; /* 少し暗い赤に 🌑 */
}

/* 固定ページや投稿ページの見出し(H2)をカスタマイズ */
.article h2 {
  background-color: #2e8b57 !important; /* 背景色：落ち着いたグリーン（シーグリーン） */
  color: #ffffff !important;            /* 文字色：白 */
  padding: 15px 20px !important;       /* 上下左右の余白 */
  border-radius: 5px;                  /* 角を少し丸くする（不要なら削除） */
  border: none !important;             /* 元々の枠線を消す */
}

/* もしH3（小見出し）も同じ色にしたい場合は以下も追加 */
.article h3 {
  background-color: #2e8b57 !important;
  color: #ffffff !important;
  padding: 10px 15px !important;
}

/* サイドバーの見出し（ウィジェットタイトル）のデザイン */
.sidebar h3 {
  background-color: #2e8b57 !important; /* 背景色：グリーン */
  color: #ffffff !important;            /* 文字色：白 */
  padding: 10px 15px !important;       /* 文字周りの余白 */
  font-size: 18px !important;           /* 文字の大きさ（お好みで調整） */
  border-radius: 3px;                  /* 角を少し丸くする */
  border: none !important;             /* 既存の線を消す */
  margin-bottom: 15px !important;      /* 下の項目との隙間 */
}

/* カレンダーや検索窓など、特定の枠線を調整 */
.widget_search h3, 
.widget_calendar h3, 
.widget_media_image h3 {
  border-left: none !important; /* Cocoon標準の左線がついている場合に消す */
}