@charset "UTF-8";


/** 17. 丸数字カウンターリスト
**************************************************************** **/
ol.calender_list {
		counter-reset: my-counter;
		list-style: none;
		padding: 0;
}
#content ol.calender_list li {
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
		line-height: 1.5;
}
ol.calender_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: #52A7E0;
		color: #fff;
		display: block;
		float: left;
		line-height: 22px;
		margin-left: -30px;
		text-align: center;
		height: 22px;
		width: 22px;
		border-radius: 50%;
		vertical-align: middle;
}
ol.calender_list.back_orange li::before {
		background-color: #e67e22;
}
ol.calender_list.back_green li::before {
		background-color: #1abc9c;
}
ol.calender_list.back_pink li::before {
		background-color: #FF457B;
}




/* ----------------------------------------
 * 囲み文字の基本形　インデント有
 * --------------------------------------- */
.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align:middle;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: 0;
}
/* 円の大きさ */
.size_normal{
  width: 1.2em;
  height: 1.2em;
}
/* 四角の大きさ */
.content_inner .square {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  flex-flow: column; 
  margin-right: 0.2em;
}

/* 文字の大きさ */
.letter3 {
  font-size: 1em;
  line-height: 1.3em;
  text-indent: 0.1em;
}
/* 囲みと文字の色 */
.gray1 {
  color: #5F5F5F;
  border: 1px solid #5F5F5F;
  background: #fff;
}
.yellow1 {
  color: #ECD700;
  border: 1px solid #ECD700;
  background: #fff;
}
.purple1 {
  color: #8a2be2;
  border: 1px solid #8a2be2;
  background: #fff;
}
.blue1 {
  color: #fff;
  border: 1px solid #52A7E0;
  background: #52A7E0;
}
.pink1 {
  color: #FF457B;
  border: 1px solid #FF457B;
  background: #fff;
}
.green1 {
  color: #008000;
  border: 1px solid #008000;
  background: #fff;
}
.orange1 {
  color: #fff;
  border: 1px solid #E67E22;
  background: #E67E22;
}
.content_inner p{
  padding-left: 1.2em;
  text-indent: -1.4em;
}