@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*注意書き用のボックス*/
.note {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #ff3e29;
  background: #ffebe9;
  border-left: solid 10px #ff7d6e;
}
.note p {
  margin: 0; 
  padding: 0;
}

/*汎用ボックス*/
.box {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px var(--color);
  border-radius: 8px;
}
.box .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  background: #FFF;
  color: var(--color);
  font-weight: bold;
}
.box p {
  margin: 0; 
  padding: .2em 0 0 0;
}

/*汎用ボックス その２*/
.box2 {
  margin: 0;
  background: var(--color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  padding: 6px;
}
.box2 .box-title {
  background: var(--color);
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box2 p {
  padding: 0px 20px;
  margin: 0;
}

/* コードを等幅にする */
pre {
  font-family: "Courier New", Consolas, monospace;
}

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

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

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

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

/*見出しカスタマイズ*/
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}