/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/



/*
メニューのデザイン変更
　http://www.love2labo.com/af_menu
*/
@media print, screen and (min-width: 960px) {

header .smanone ul.menu {
	display: table;
	table-layout: fixed;
	text-align: center;
	max-width: 1048px;
	margin: 0 auto;
}
header .smanone ul.menu li {
	display: table-cell;
	float: none;
}
}
header .smanone ul.menu li{
transition: 0.6s}/*ゆっくりと色を変える*/
 
header .smanone ul.menu li:hover{
 
background-color: #faeaea;/*マウスオーバー時の背景色*/
}
 
header .smanone ul.menu li a:hover{
color: #f00 !important;/*マウスオーバー時の文字色*/
}



/*
タイトル装飾
*/
.entry-title {
text-shadow: 0 0 15px #ff8585, 0 0 10px #ff8585,0 0 5px #fee;
}

h3 {
text-shadow: 0 0 15px #ff8585, 0 0 10px #ff8585,0 0 5px #fee;
}

/* 外部リンクのアイコン */
a[target=_blank]:after{
  margin:0px;
  font-family: FontAwesome;
  content: '_\f08e';
}


/*
マーカーを幅狭く
*/
.ymarker {
	background:linear-gradient(rgba(255,255,255,0) 20%, #fdfd44);
	padding:0 2px;
}

.rmarker {
	background:linear-gradient(rgba(255,255,255,0) 50%, #ff8d92);;
	padding:0 2px;
}

/* なぜかここでしか反映されない人気記事のcss（サムネ画像上下余白）*/
.wpp-thumbnail {
			display:inline;
			float:left;
			margin:5px 5px 0 0;
}

/*
カテゴリ装飾
*/
#side aside ul li ul li { /* デフォルトのアイコンと余白を削除 */
	background: none;
	padding-left: 0;
}
#side aside li.cat-item a { /* リンク全体の装飾 */
	display: block;
	margin:0 2px 0 2px;
	overflow: hidden;
	font-size: 14px; /* 文字サイズ */
	line-height: 2.5em; /* 行（ボックス）の高さ */
	text-decoration: none;
	vertical-align: middle;
	padding: 2px 8px; /* 左右の余白 */
	color: #fff; /* 文字色 */
	border-radius: 4px 4px 4px 4px; /* 角の丸み */
	background: #e55555; /* 背景色 */
	margin-bottom: 2px; /* 次のカテゴリーとの余白 */
}
#side aside .children li.cat-item a { /* 子カテゴリの装飾 */
background: #e57575;
color: #fff;
}
#side aside li.cat-item a:hover { /* マウスオーバー時の設定 */
	transition: 0.4s;
	background: #eac9c9; /* 背景色 */
	color: #f11; /* 文字色 */
}
#side aside li.cat-item span { /* 記事数部分の装飾 */
	line-height: 1em;
	float: right; /* 右端に寄せる */
	margin: 6px 0px 0 6px; /* 位置の調整 */
	padding: 5px 8px; /* 文字周りの余白 */
	border-radius: 8px; /* 角の丸み */
	color: #fdd; /* 文字色 */
	background: #c91515; /* 背景色 */
}

/* 上へ戻るボタン */
#page-top {
    bottom: 60px; /* 画面下からの幅 */
    right: 5px; /* 画面右横からの幅 */
}

#page-top a{
  z-index: 999;
}