@import  "http://fonts.googleapis.com/earlyaccess/notosansjapanese.css";

/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
body {
	font-family: 'Noto Sans Japanese', serif;
}

p, ul, li {
	font-family: 'Noto Sans Japanese', serif !important;
}

.comment-notes,
.comment-form-email,
.comment-form-url,
.form-allowed-tags {
	display: none;
}

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

.entry-read a:hover {
	color: #fff;
	background-color: #FFC3BF;
	border: 3px solid #FFC3BF;
}

.entry-read {
	text-align: right;
	margin-right: 10px;
/* ここはお好みで */
}

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

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

/*---------------------------------
見出し
--------------------------------*/
.article h2 {
  position: relative;
  color: white;
  background: #fa8072;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.article h2::after {
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.article h4 {
	border-left: 15px solid #ff99cc;
	border-bottom: 0;
	padding: 5px 0 5px 10px;
	margin-bottom: 30px;
}


.article h3 {
background: linear-gradient(transparent 90%, #ffdead 70%);
	border-bottom: none;
	font-size: 24px;
}

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


.article h1 {
position: relative;
background: #ffe4e1;
padding: 0.5em 0.6em;
border-left: solid 2em #fa8072;
}


.article h1:before {
font-family: FontAwesome;
content: "\f040";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


/*---------------------------------
カテゴリー
--------------------------------*/
.widget_categories li {
	margin-bottom: 0 !important;
	border-top: 0 dashed #DCDCDC;
	border-left: 0 dashed #DCDCDC;
	border-right: 0 dashed #DCDCDC;
	border-bottom: 1px dashed #DCDCDC;
	font-size: 14px;
}

.widget_categories li a {
	text-decoration: none;
	color: #313131;
	display: block;
	line-height: 40px;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	padding: 0 0 0 7px;
}

.widget_categories li a:hover {
	background: #DCDCDC;
	margin-bottom: 0;
}

#sidebar h3:before {
	content: " ";
/*空の空間を挿入*/
	border-top: 0;
/*要素の上の間隔*/
	border-bottom: 0;
/*要素の下の間隔*/
	margin-right: 5px;
/*縦線と文字との間隔*/
}

#sidebar h3 {
	padding: 10px;
/*間隔を調整*/
	color: white;
/*文字色の変更*/
	background: #FA8072;
/*背景色の変更*/
	font-size: 16px !important;
/*フォントサイズの変更*/
	margin-bottom: 0;
	-webkit-border-top-right-radius: 20px;
/*右上に丸みを付ける*/
	-webkit-border-bottom-right-radius: 20px;
/*下右に丸みを付ける*/
/*各ブラウザに対応*/
/*各ブラウザに対応*/
}

/*---------------------------------
強調
--------------------------------*/
.sample_05 {
	border: 6px solid #ffa07a;
/* 枠のサイズ・種類・色の設定 */
	background-color: #fffafa;
/* 全体の背景色の設定 */
	border-radius: 5px;
/* 角を丸める設定 */
	position: relative;
	margin-top: 30px;
	margin-bottom: 25px;
}

.sample_top_05 {
	font-size: 115%;
/* Wanted！のフォントサイズの設定 */
	color: #FFFFFF;
/* Wanted！の色の設定 */
	padding: 0 10px;
	background-color: #ffa07a;
	border-radius: 5px;
	font-weight: bold;
	position: absolute;
	top: -15px;
/* Wanted！の位置の設定 */
	left: 18px;
}

.sample_05_center {
	color: #2E2E2E;
/* 文字色の設定 */
	padding: 20px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
}

.blog-card {
	background: #DCDCDC;
}

.ninja-recommend-block a {
	text-decoration: none;
}