@charset "UTF-8";
@import url('../cocoon/style.css');

/*!
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){
  /*必要ならばここにコードを書く*/
}
/* 基本ブロック */
.unit-block,
.unit-block-colored {
  max-width: 100%;
  margin: 1em auto;
  padding: 1em;
  background-color: #fdfdfd;
  border: 1px solid #ccc;
  border-radius: 10px;
}

/* 文字だけのタイトル */
.section-title-simple {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  margin-top: 1em;
}

.section-title-colored {
  background-color: #b3e5fc;  /* 明るい水色 */
  color: #004d66;             /* 濃いめの青緑文字 */
  padding: 0.5em 1em;
  margin: 1em 0 0.5em 0;
  border-radius: 5px;
}

.unit-block-colored > h2.section-title-colored,
.unit-section > h3.section-title-colored {
  background-color: #dff6f5;
  border-left: 8px solid #63c2c1;
  font-weight: bold;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 16px !important;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  color: #333;
}
.section-title-colored {
  background-color: #def;
  padding: 10px;
  font-weight: bold;
  box-shadow: 2px 2px 3px rgba(0, 128, 128, 0.3);
  border-radius: 8px;
}