@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
*/

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

/* H2 */

.article h2{
	background-color:#f7f065;
	color:#000;
}
/* H3 */
.article h3{
  padding:0.9em;/*文字周りの余白*/
  color: #000;/*文字色*/
  background: #fcfbe1;/*背景色*/
  border-left: solid 7px #f7f065;/*左線（実線 太さ 色）*/
	border-bottom:solid 1px #f7f065;
	border-top:solid 1px #f7f065;
	border-right:solid 1px #f7f065;
}
/* H4 */
.article h4 {
  color: #000; padding: 1rem 1rem;
  border-left: 3px dotted #f7f065;
  border-bottom:none;
	border-top:none;
	margin-bottom:12px;
}
.has-fixed-layout{
	font-size:14px;
}
.wp-block-image {margin-bottom:20px;}

.blue{
	color:#49b6c9;
	font-weight: bold;
}

.under{
	background:linear-gradient(transparent 60%, #ff6 50%);
	font-weight: bold;
}

.red{
	color:#ff4d4d;
		font-weight: bold;
}
.orange{
	color:#ed8e00;
}
.green{
	color:#32ad02;
	font-weight: bold;
}
.listdayo_frame {
  list-style-type: square;
	background-color:#f7f7e9;
  padding:20px 40px;
}
.listdayo_frame_ol {
	background-color:#f7f7e9;
  padding:20px 40px;
}

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

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