@charset "UTF-8";

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

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

.bgcolor-wp {
	background-color:#87cefa;
	padding-top:5px;
}
.bgcolor-wpth {
	background-color:#ffa07a;
	padding-top:5px;
}
.bgcolor-wppl {
	background-color:#00ff00;
	padding-top:5px;
}
.bgcolor-site {
	background-color:#ffa500;
	padding-top:5px;
}
.bgcolor-chips {
	background-color:#e0ffff;
	padding-top:5px;
}
.bgcolor-recm {
	background-color:#ffb6c1;
	padding-top:5px;
}

/* 見出しカスタマイズ 2021/10/27*/
/* H2 */
.article h2{
  background: #eaf3ff;/*背景色*/
  border: solid 2px #2894FF;/*下線*/
  color: #010101;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
}

/* H3 */
.article h3{
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
	background: #eaf3ff;/*背景色*/
}

/* H4 */
.article h4{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #010101;/*文字色*/

}

/* H5 */
.article h5{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  border-bottom: solid 2px #2894FF;/*下線*/
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

.keyboard.key {
  padding: 1px 3px;
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(center top , #eee, #f9f9f9, #eee);
  border: 1px solid #aaa;
  border-radius: 2px;
  box-shadow: 1px 2px 2px #ddd;
  font-family: inherit;
  font-size: 0.85em;
}