/* -----------------------------------------------
              Struct Style
   ----------------------------------------------- */

ol.wpp-list li .wpp-thumbnail {
	max-width: 90px;
	max-height: 90px;
	width: auto;
	height: auto;
	margin: 0 8px 0 0;
}


ol.wpp-list  {
	counter-reset:number;/* 名前を付けたカウンターをリセット */
	list-style:none;/* olが数字を付けることをキャンセル */
	margin:0;
	padding:0;
}

ol.wpp-list li {
  /* margin-left: 30px; */
	font-size: 14px;
	padding-top: 15px;
	text-align: left;
}

ol.wpp-list  li:before {
	counter-increment: number;/* 任意の名前を付けて！ */
	content: counter(number);/* 名前を付けたカウンターを呼び出し */
	display: block;
	font-size: 14px;
	font-weight: bold;
  	position: absolute;
	float: left;
	margin: -10px 0 0 -10px;
	background: #fdfdfd;
	width: 1.5em;
	height: 1.5em;
	border: solid 3px #dedacc;
	border-radius: 50%;
	color: #333;
	text-align: center;
	line-height: 1.5;

}

ol.wpp-list  li:nth-child(1):before{ 
	background-color: #FFD700;
	color: #F0F8FF;
	font-size:160%;
	border: solid 2px #eFc700;
}

ol.wpp-list  li:nth-child(1) .wpp-thumbnail {
	max-width: 150px;
	max-height: 110px;
}

ol.wpp-list  li:nth-child(2):before{ 
	background-color: #C0C0C0;
	color: #F0F8FF;
	font-size:140%;
	border: solid 2px #b0b0b0;
}

ol.wpp-list  li:nth-child(2) .wpp-thumbnail {
	max-width: 110px;
	max-height: 100px;
}

ol.wpp-list  li:nth-child(3):before{ 
	background-color: #C47222;
	color: #F0F8FF;
	font-size:120%;
	border: solid 2px #b46212;
}

ol.wpp-list  li:nth-child(3) .wpp-thumbnail {
	max-width: 110px;
	max-height: 100px;
}

.wpp-list .wpp-post-title {
	font-size: 15px;
}

#Sub .hd-03.wpp:before {
	content: "\f11d";
	font-family: "FontAwesome";
	font-size: 18px;
	color: #dedacc;
	width: 24px;
	height: 20px;
	display: block;
	float: left;
}

#Sub .hd-03.wpp {
	padding: 0 6px 2px 6px;
	background: none;
	font-size: 18px;
	border-color: #dedacc;
	color: #999;
}