@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */
/*記事下余白*/
.entry-content {
	margin-bottom: 30px;
}

/* Simplicity2 サイト幅 PC */
#header-in, #navi-in, #body-in, #footer-in{
/*width: 1125px*/
	width: 1150px;
}
#main {
/*width: 760px;*/
	width: 770px;
}


#sidebar {
	width: 340px;
}

#site-title {
/*	margin-top: 35px;*/
	font-size: 50px;
	font-weight:bold;
}


/* トップ記事一覧の間に線を入れる　*/
#main .entry {
/*	border-bottom: 1px dotted #000;*/
/*	padding-bottom: 10px;*/
}

/* ReadMoreの装飾　*/
.entry-read {
	text-align: right;
	margin-right: 10px;
}


/*  日付・カテゴリの文字、背景色 */
.hentry .post-meta {
	color: #000000;
}

/*---------------------------------
見出し
--------------------------------*/

/* h1 記事タイトルのカスタマイズ */
.article h1 {
	color: #000000;/*文字色*/
	background: #fffaf4;/*背景色*/
	padding: 0.7em 0;/*上下の余白*/
	border-top: solid 4.5px #364e96;/*上線*/
	border-bottom: solid 4.5px #364e96;/*下線*/
	line-height: 150%;/*行間*/
}

/* h2 見出しのカスタマイズ */
.article h2 {
    padding: 6.5px 11px;
    background-color: #f0f0f0;
    border-left: 9.5px solid #ff0000;
    border-bottom: 1px solid #ff0000;
	margin: 15px 0;
}

/* h3 見出しのカスタマイズ */
.article h3 {
  font-size: 18px;/*文字のサイズ*/
  position: relative;
  color: #000000;
  padding: 0.5em 0.5em 0.5em 1.5em;
  line-height: 1.4;
  border-bottom: 3px solid #0000ff;/*下線の太さ、色*/
  background: #ffffff;/*背景の色*/
}

.article h3:before{ font-family: FontAwesome;
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;
  font-size: 1.1em;/*アイコンのサイズ*/
  left: 0.05em;
  top: 0.4em;
  color: #5FB3F5; /*アイコンの色*/
}
/* h4 見出しのカスタマイズ */
.article h4 {
  padding: 0.25em 0.5em;
  font-size:17px;/*文字のサイズ*/
  color: #000000;/*文字の色*/
  background: transparent;
  border-left: 5px solid #5FB3F5;/*左の線の太さ、色*/
}

/*---------------------------------
関連記事非表示
--------------------------------*/
#jp-relatedposts > div{
	display:none;
}

/*---------------------------------
タイトル
--------------------------------*/
#site-title a{
 margin-top: 35px;
 padding-left:20px;
 padding-right:20px;
 color:#ffffff;
 font-size:40px;
 font-weight:bold;
/* background-color: #000000;
 -moz-opacity: 0.6;
  opacity: 0.6;*/
}

#site-description{
 margin-top:10px;
 font-size:20px;
}

/* レスポンシブ　ヘッダー画像下の空白を調整 */
@media (max-width: 680px) {
 #body {margin-top: 0; }
}

/* 投稿下の空白を調整 */
.page-type-column1 #main .post,
.page-type-column1 #main .page {
  margin-bottom: 0;
}
.page-type-column1 .entry-content {
  margin-bottom: 0;
}

/* カテゴリ調整 */
.widget_categories ul {
  margin-left: -16px;
}
.widget_categories li {
  display: inline-block;
  margin: 0 1px 4px 0;
  padding: 3px 6px 3px 9px;
  font-size: 10px !important;
  background-color: #efefed;
  border: dashed 1px #999;
  color: #777;
}
.widget_categories li.cat-item a {
  text-decoration: none;
  font-size: 10pt !important;
  color:#292929 !important;
}
.widget_categories li.cat-item a:hover,
.widget_categories li.cat-item a:active {
  text-decoration: underline;
}


/*人気記事*/
.widget-index-top-title.main-widget-label{
	margin-bottom: 5px;
	background-color: #19448e;
	color: #ffffff;
	padding: 6px 0;
}

.wpp-list{
	background-color: #FFFFEE;
	margin:0;
 	padding: 4px 0em 2px 4px;
}
/*リスト最後の下線消す（不要なら削除）*/
.widget_popular_ranking ul li:last-child,
.widget_new_popular ul li:last-child {
  border-bottom: none;
}
/*--------------------------------------
サイドバーリスト下線とアクションCSS
-----------------------------------------*/
/*人気・新着記事リスト下線*/
.widget_popular_ranking ul li, .widget_new_popular ul li {
 border-bottom: 1px dashed #666666;
 height: 90px; /*調整してください*/
}

/*リスト最後の下線消す*/
.widget_popular_ranking ul li:last-child,
.widget_new_popular ul li:last-child {
  border-bottom: none;
}
/* 人気・新着ホバーアクション */
.widget_popular_ranking ul li:hover,
.widget_new_popular ul li:hover{
box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);/*浮いた時の影*/
transform: translateY(-3px);/*浮く高さ*/
transition: 0.3s;/*浮く速さ（秒）*/
background: rgba(238,238,238,.4);/*浮いた時の背景色（なくてもよい）*/
}

/* 人気順位数字の色付け */
.widget_popular_ranking ul li::before {
    background: none repeat scroll 0 0 #FF0000 !important;
    color: #fff !important;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 85% !important;
    left: 3px !important;
    top: 3px !important;
    line-height: 1;
    padding: 6px 10px !important;
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    border-radius: 2px;
    font-family: Arial;
    font-weight: bold;
}

/* 新着記事リスト下線と高さ */
#sidebar li.new-entry {
border-bottom: 1px solid #666666;
height: 80px; /*調整してください*/
}
/*リスト最後の下線消す（不要なら削除）*/
#sidebar li.new-entry:last-child {
  border-bottom: none;
}
/*--------------------------------------
サイドバーリスト下線とアクションCSS
-----------------------------------------*/
/* 新着記事リスト下線と下余白 */
#sidebar li.new-entry {
border-bottom: 1px dashed #666666;
height: 90px; /*調整してください*/
}
/*リスト最後の下線消す*/
#sidebar li.new-entry:last-child {
  border-bottom: none;
}
/* 新着記事ホバーアクション */
#sidebar li.new-entry:hover{
box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);/*浮いた時の影*/
transform: translateY(-3px);/*浮く高さ*/
transition: 0.3s;/*浮く速さ（秒）*/
background: rgba(238,238,238,.4);/*浮いた時の背景色（なくてもよい）*/
}

.ad-label{
	text-align:left;
}