/* カスタム CSS をここに入力してください */
.type1yellow{
	background: #f4e000; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}
.type1blue{
	background: #b0dcfa; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}
.type1red{
	background: #fa5c8c; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}
.type2yellow{
	background: linear-gradient(transparent 60%, #f4e000 60%);
}
.type2blue{
	background: linear-gradient(transparent 60%, #b0dcfa 60%);
}
.type2red{
	background: linear-gradient(transparent 60%, #fa5c8c 60%);
}
.type3yellow{
	background: #f4e000;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
.type3blue{
	background: #b0dcfa;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
.type3red{
	background: #fa5c8c;
	color:#fff;
	font-weight:bold;
	padding:10px;
}