@charset "UTF-8";

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

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


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

.blackboard{
	position: relative;
	max-width: 640px;
  margin: 0 auto 2em;
  border: 16px solid #edd3a6;
  background: #497e57;
	color:white;
	padding: 1.8em;
}
p.blackboard__title {
	margin: 0 !important;
	font-size: 36px !important;
	font-weight: bolder;
}
.blackboard ul {
	padding: .5em .5em .5em 0;
  margin: 0 0 2em;
  list-style: none;
}
.blackboard ul li {
	font-size: 17px !important;
	font-weight:bolder;
	position: relative;
	padding: .7em 0 .5em 2em;
}
.blackboard ul li:before {
	font-family: "Font Awesome 5 Free"!important;
	content: "\f14a";
	top: 0;
	left: 0;
	font-size: 30px;
	position: absolute;
	color: #ffc679;
	font-weight: bold;
}
@media screen and (max-width: 1030px) {
.blackboard{
    padding: 1em;
}
p.blackboard__title {
		font-size: 30px !important;
	}
}