@charset "UTF-8";

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

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

strong {
    background: linear-gradient(transparent 60%, rgb(255, 170, 170) 60%);
}

/* キャッチフレーズの非表示 */

#site-description{
    display:none;
}

/* トップ記事一覧の間に線を入れる　*/

#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}

/* リストのタイトルを変更 */
.entry h2 a{
 font-weight: 700;
 font-size: 1.4rem !important;
 line-height: 1.4;
}

/* ReadMoreの装飾　*/

.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#2f4f4f;
 border:1px solid #2f4f4f;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }

.entry-read a:hover{
 color:#fff;
 background-color:#4b8080;
 border:1px solid #4b8080;
}

.entry-read {
  text-align: right;
  margin-right: 10px; 
}

/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/* サイドバータイトルの修正 */
#sidebar h3{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  font-weight: bold;
  color: #2f4f4f;
}

/* simplicity2 グローバルメニュー文字幅 */
#navi ul{
text-align: center; /*センタリング*/
}
#navi ul li{
width: 110px; /*ここはサイト毎に調整してください*/
}

/* シンプリシティー2　H2表記 */
.article h2 {
position: relative;
padding: .7em .75em;
background-color: #B0E0E6;
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 #B0E0E6;
border-bottom: 0px
}
/* シンプリシティー2　H3表記 */
.article h3,
#comment-area h3,
#related-entries h3{
font-size:23px;
border-bottom: 3px solid #B0E0E6;
}
/* シンプリシティー2　H4表記 */
.article h4 {
border-left: 15px solid #B0E0E6;
border-bottom: 0px;
padding: 5px 0 5px 10px;
margin-bottom: 30px;
}
/* サイドバー見出し */
#sidebar h3{
border-left: 8px solid #B0E0E6;
border-bottom: 0px;
padding: 5px 0 5px 10px;
margin-bottom: 30px;
}

/* サイドバーカテゴリータイトルにアイコンをつける */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* サイドバーカテゴリータイトルにアイコンをつける */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* サイドバーカテゴリのデザイン変更 */
#sidebar aside ul li ul li { 
	background: none;
	padding-left: 0;
}
#sidebar aside li.cat-item a { 
	display: block;
	overflow: hidden;
	font-size: 15px; 
	line-height: 2.4em; 
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; 
	color: #2098A8; 
	background: #f5f5dc; 
	margin-bottom: 1px; 
}
#sidebar aside li.cat-item a:hover {
	background: fff; 
	color: #C03; 
}
#sidebar aside li.cat-item span { 
	line-height: 1em;
	float: right; 
	margin: 8px 0 0 8px; 
	padding: 4px 8px; 
	border-radius: 4px; 
	color: #fff; 
	background: #406572;
}

/* 人気記事ランキングの順位をカスタマイズ　*/
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;
}

/*スライドインメニューでHome表示*/
a#footer-button-home{
  display: block !important;
}

a#footer-button-prev,
a#footer-button-next{
  display: none;
}