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

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/*---------------------------------------------------------
	基本設定
---------------------------------------------------------*/
/* Font
--------------------*/
body {
	background-color: #f6f7f8;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* リンク
--------------------*/
a {
	color: #4682b4;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

a:hover,
#kanren .clearfix dd h5 a:hover {
	color: #008efa;
}

/*---------------------------------------------------------
	blogbox(投稿日)
---------------------------------------------------------*/
.blogbox {
	background: #f6f7f8;
	border-top-color: #f6f7f8;
	border-bottom-color: #f6f7f8;
}

/*---------------------------------------------------------
	h2()
---------------------------------------------------------*/
h2 {
	background: #00acee;
	background: linear-gradient(to bottom,#00acee 0%,#008efa 100%);
	color: white;
}

h2:after {
	border-top-color: #008efa;
}

/*---------------------------------------------------------
	コメント
---------------------------------------------------------*/
#comments h3 {
	background-repeat: no-repeat;
}

#comments input[type="submit"] {
	background: #e5e5e5 !important;
	transition: all .2s ease-in-out;
}

#comments input[type="submit"]:hover {
	background: #008efa !important;
	color: white !important;
}

/*---------------------------------------------------------
	RSS & 検索
---------------------------------------------------------*/
.rssbox a {
	color: #1a1a1a;
	font-weight: bold;
	background: #fce142;
}

#s,
#searchsubmit {
	background: #0079d6;
	background: linear-gradient(to bottom,#0079d6 0%,#008efa 100%);
	color: white;
}

/*---------------------------------------------------------
	サイドバーウィジェット
---------------------------------------------------------*/
#mybox a {
	border-bottom: 1px solid #74A8B7;
	border-bottom: .1rem dotted rgba(116,168,183,1);
}

#mybox a:hover {
	border-bottom: none;
	color: #74a8b7;
}

/*---------------------------------------------------------
	ページネーション & トップへ戻る
---------------------------------------------------------*/
.pagination span,
.pagination a {
	background-color: #666666;
}

.pagination .current,
.pagination a:hover,
#page-top a:hover {
	background: #0079d6;
}

#page-top a {
	opacity: .8;
}