@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){
  /*必要ならばここにコードを書く*/
}
/* カスタムカテゴリラベルをスマホでも確実に反映 */
.entry-card .custom-category-label {
  display: inline-block !important;
  background-color: #d1e5e8 !important;
  color: #333 !important;
  font-size: 12px !important;
  padding: 4px 8px !important;
  margin-bottom: 8px !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
}
	
	/* アイキャッチ画像にかぶっているカテゴリ（.cat-label）を消す */
.entry-card .cat-label {
  display: none !important;
}
	.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  margin: 20px 0;
}

.custom-table tbody tr:first-child td {
  background-color: #A7D7C5; /* 落ち着いたグリーン */
  color: #1E3E34;             /* 濃いめのグリーン系テキスト */
  font-weight: bold;
  font-size: 1.1em;

}

.custom-table tbody tr:not(:first-child) td {
  background-color: #EEF9F3;  /* ほんのりグリーンの淡背景 */
  font-weight: bold;
font-size: 0.9em;

}

.custom-table td {
  padding: 10px;
  border: 1px solid #B8D8C4; /* グリーン系で馴染む境界線 */
}
	.entry-content {
  padding-left: 1rem;
  padding-right: 1rem;
}

.box-list {
  border: 2px solid #A0B0C0;       /* 薄いグレーがかったブルー寄りの枠色 */
  background-color: #F5F7FA;       /* 薄いグレーがかったブルー寄りの背景色 */
  padding: 10px 20px;              /* 内側の余白 */
  border-radius: 6px;              /* 角丸 */
  margin-bottom: 10px;             /* 下の余白 */
}

.box-list ul {
  padding-left: 40px;              /* 左側の余白を調整（アイコンのはみ出し防止） */
  margin: 0;                      /* 余計な外側余白をリセット */
}

.box-list ul li {
  margin-bottom: 8px;              /* リスト項目の間隔 */
  list-style-position: inside;    /* アイコンを枠内に収める */
}
	
.entry-content h2 {
  font-family: 'Rounded Mplus', sans-serif;
  color: #2A4D8F;
  background-color: #E6F0FA;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 3px 3px 8px rgba(42, 110, 187, 0.3);
  text-align: center;
  margin: 40px auto 24px auto;
  width: 100%;
  max-width: 720px;
  border: 2px solid transparent;
  border-image: linear-gradient(to right, #2A4D8F, #6CA0DC);
  border-image-slice: 1;
  box-sizing: border-box;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.entry-content h3 {
  font-family: 'Rounded Mplus', sans-serif;
  color: #2A4D8F;
  background-color: #F0F6FB; /* やや控えめな水色背景 */
  padding: 10px 16px;
  border-left: 6px solid #2A6EBB;
  border-radius: 6px;
  margin: 32px 0 20px;
  font-size: 1.2em;
  font-weight: 600;
}

.entry-content h4 {
  font-family: 'Rounded Mplus', sans-serif;
  color: #2A4D8F;
  font-size: 1em;  /* 本文と同じ大きさ */
  font-weight: 600;
  border-bottom: 1px dotted #A0B9D6;
  padding-bottom: 4px;
  margin: 24px 0 12px;
}
	/* 赤太字：落ち着いた朱赤で強調 */
.bold-red {
  color: #C4473A;      /* 朱赤っぽい柔らかい赤 */
  font-weight: bold;
}

/* 赤太字：落ち着いた朱赤で強調 */
.bold-red {
  color: #C4473A;      /* 朱赤っぽい柔らかい赤 */
  font-weight: bold;
}
/* marker：背景ありマーカー（暖色系クリーム＆やわらかいオレンジ系テキスト） */
.marker-red {
  background-color: #FFF4E5;  /* ほんのりクリーム色 */
  color: #C4473A;             /* 落ち着いたオレンジブラウン */
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media screen and (max-width: 768px) {
  .entry-content p {
    line-height: 1.8 !important;
  }
}