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

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/* ==========================================================================
スマホ用タイトル小さく
========================================================================== */
@media only screen and (max-width: 480px) {
	.entry h2 a {
		font-weight: 900;
		font-size: 1.1rem;
	}
}

/*---------------------------------
メイン記事間の線
--------------------------------*/
#main .entry {
	border-bottom: 1px dotted #808080;
	padding-bottom: 15px;
}


/*---------------------------------
記事を読むを右に
--------------------------------*/
.entry-read {
	text-align: right;
	
}

/*---------------------------------
記事を読むと記事本文の抜粋なし
--------------------------------*/
@media only screen and (max-width: 480px) {
	.entry-read a {
		display: none;
	}
}


/*---------------------------------
画像ホバー時
--------------------------------*/
a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}

/*---------------------------------
見出し
--------------------------------*/
.article h1 {
	color: #000000;
	font-weight: 800;
	font-size: 1.9rem;
	line-height: 1.3;
}

.article h2 {
   color: #fff;
   padding: 10px;
   font-size: 19px;
   background: #ff9e9e;
   border: 2px dashed #F7F9CC;
   border-radius: 10px;
   box-shadow: 0 0 0 7px #ff9999;
}

.article h3,
#related-entries h3{
	font-size:23px;
	border-top: solid 2px #FF9494;/*上線*/
	border-bottom: 2px solid #FF9494;
}


.article h4 {
	font-size:23px;
	padding: .25em 0 .5em .75em;
	border-left: 24px solid#FF9494;
	border-bottom: 1px solid #ccc;
}

.article h5 {
position: relative;
padding-left: 2em;/*アイコン分のスペース*/
line-height:1;
}

h5:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.8em;/*サイズ*/
left: 0;/*アイコンの位置*/
top:0;/*アイコンの位置*/
color: #ff9e9e; /*アイコン色*/
}


/*---------------------------------
下部メタタグ色
--------------------------------*/
.footer-post-meta a {
	color: #ffffff;
}

.footer-post-meta {
	font-size: 12px;
	line-height: 3em;
	background: #48d1cc;
	color: #fff4f4;
	border-radius: 0.6em;
}


/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #48d1cc; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f9d635; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}


#sidebar h3  {
	position: relative;
	padding: .5em .75em;
	background-color: #ff9e9e;
	color: #fff;
	border-radius: 6px;
	border-bottom:none;
}
#sidebar h3::after{
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #ff9e9e;
}

#sidebar { font-weight:bold; }