@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */
/*---------------------------------
見出し
--------------------------------*/
.article h2 {
	position: relative;
	padding: .5em .75em;
	background-color: #FA5882;
	color: #fff;
	border-radius: 6px;
	border-left:none;
}
.article h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #FA5882;
}
 
.article h3,
#comment-area h3,
#related-entries h3{
	font-size:23px;
	border-bottom: 3px solid #cc0000;
}
 
.article h4 {
	border-left: 15px solid #ff99cc;
	border-bottom: 0px;
	padding: 5px 0 5px 10px;
	margin-bottom: 30px;
}
#site-title, #site-description {
display: none;
}
/* サイドバーの人気記事一覧レイアウト */
ul.wpp-list li {
  border-bottom: 1px dashed #bbb;
  counter-increment: wpp-count;
  position: relative;
}
ul.wpp-list li:before {
  display: block;
  padding: 1px 11px;
  color: #fff;
  background-color: #333;
  content: counter(wpp-count);
  position: absolute;
  opacity: 1;
  z-index: 10000;
  border-radius: 6px;
  top: 6px;
  left: 6px;
}
ul.wpp-list li:last-child {
  border-bottom: none;
}
ul.wpp-list li:nth-child(1):before{
  background-color: #FBCC54;
}
ul.wpp-list li:nth-child(2):before{
  background-color: #B7BFC1;
}
ul.wpp-list li:nth-child(3):before{
  background-color: #D47B16;
}
ul.wpp-list li img {
  margin: 5px 10px 5px 5px;
  padding: 3px;
  border: 1px solid #ddd;
}
ul.wpp-list li a.wpp-post-title {
  display: block;
  font-size: 15px;
  padding: 12px;
  text-decoration: none;
  color: #333;
}