@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */


#site-description {
    max-width: 320px;
}

#sidebar h3{
 text-align:center;
 line-height: 24px;
 font-size: 18px;
 color: #fff;
 background-color: #6699ff;
 border-radius: 10px;
 padding: 2px 10px;

}


#site-title a{
  text-decoration:none;
  color:#222;
  font-size:30px;
  font-weight:bold;
}

@media screen and (max-width: 440px){
  #site-title a {
    color:#ffffff;
  }
}

/* TOPの区切り線 */
#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}

/*———————————
見出し
——————————–*/

.article h2 {
	position: relative;
	padding: .7em .75em;
	background-color: #6699ff;
        color: #fff;
	border-radius: 6px;
        border-bottom: 0px
}
.article h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #6699ff;
        border-bottom: 0px
}



 .article h3 {
 border-bottom: 10px solid #6699ff;/* h3見出し下線の色 */
padding: 10px 0 0 0;
 margin-bottom: 30px;
 }
 .article h4 {
 border-bottom: 10px solid #6699ff;/* h3見出し下線の色 */
padding: 10px 0 0 0;
 margin-bottom: 30px;
 }


/* サイドバー人気記事位置調整 */
.pop {
  margin-left:0px !important;  /* 人気記事左の余白を無くす */
  padding-left:0px !important; /* 人気記事左の余白を無くす */
}
 
.pop li{
  border-top: 1px dotted #CCC;  /* 各記事の上に点線 */
  list-style-type:none;  /* リストマークを無くす */
  list-style-image:none; /* リストマークを無くす */
  clear: both;  /* 画像の左寄せを解除 */
  margin-left: 0px !important;  /* 左側の余白を無くす */
  padding: 5px 0 5px 0;  /* 改めて余白をちょい足し */
  border-bottom: none !important;  /* 記事下の点線を削除 */
}
  
/* サムネイル */
.pop img{
  width:100px;  /* 画像の横幅 */
  height:100px; /* 画像の高さ */
  margin-right: 10px;  /* 画像とタイトルの隙間 */
  padding:0px;  /* とりあえず余白は無くす */
  float: left;  /* 画像は左寄せ */
}
 
.pop li a {
  font-weight: bold !important;  /* タイトル文字を太字に */
}
 
ul.pop:after {
  content: "";
  display: block;
  clear: both;
}