@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){
  /*必要ならばここにコードを書く*/
}

.h2 {
  display: flex;
  align-items: center; /* 垂直方向のセンタリング */
  padding-left: 10px; /* 線とテキストの間のスペース */
  padding-top: 15px; /* 上の余白を調整 */
  padding-bottom: 15px; /* 下の余白を調整 */
  border-left: 3px solid #C5A57A; /* 左端の線の色と太さ */
  border-top: 3px solid #C5A57A; /* 左端の線の色と太さ */
  background-color: #f5f5f5; /* 背景色 */
  font-size: 18px; /* テキストサイズ */
  line-height: 1.5; /* 行の高さを調整 */
  color: #333; /* テキストの色 */
}

ol li {
  line-height: 1.6;
  padding: 15px 0;
  margin: 5px 0;
  border-bottom: 1.5px dashed #C5A57A; /* 各項目の点線 */
}

ol li:last-child {
  border-bottom: 1.5px dashed #C5A57A; /* 最後の項目にも点線を追加,いらない場合はこの２行を消す */
  margin-bottom: 50px; /* 最後の項目の下の余白を増やす */
}

.wp-block-table table,
.wp-block-table th,
.wp-block-table td {
    border: none !important;
    line-height: 1.2;  /* 行の高さを少し低く設定 */
}

.wp-block-table table th,
.wp-block-table table td {
    background-color: #F5F5F5;  /* セルの背景色 */
    color: #383838;  /* 文字色 */
	 padding: 8px 10px; /* 余白 */
}

.wp-block-table table tr:first-child td {
    background-color: #F5F5F5;  /* 最上行の背景色 */
    color: #383838;  /* 文字色 */
}

.blank-box {
  border: 3px solid; /* 線の太さを3pxにする */
  border-radius: 0; /* 全体の角を直角にする */
}

.blank-box, 
.bb-tab, 
.bb-label{
  border-radius: 0 !important; /* 角を強制的に直角にする */
  border: 3px solid #cc4e2e !important;  /* 枠線の色を#cc4e2eに変更 */
}

.wp-block-table table {
    font-size: 1.1em; /* フォントサイズを大きく */
	border-collapse: collapse; /* 境界線を統合 */
    width: 100%; /* 幅を調整 */
}

.header-row td {
    background-color: #cc4e2e !important; /* 背景色 */
    color: #FFFFFF !important; /* フォントの色（白） */
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: bottom !important; /* 文字を上下中央に配置 */
}

.wp-block-table tr:not(:first-child) td {
    border-bottom: 2px solid #DCDCDC !important; /* 灰色の実線 */
}

ul li::marker {
  font-size: 10px !important; /* 黒点のサイズを変更 */
  color: #383838; /* 黒点の色を #383838 に変更 */
}