/*
カスタム CSS へようこそ!

CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。

デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
/*======================================
	トップページ　カテゴリ一覧用
======================================*/
#toppage li {
	list-style: none;
	padding: .8em;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #DAEEF3;
}

#toppage ul.children {
	margin: 0 .7em;
}

#toppage li.post-item, #toppage .children li,#sitemap li a {
	display: block;
	list-style: none;
	margin: .3em 0 0;
	padding: .3em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #FCFCFF;
}

/* 人気記事一覧 */
.popular-posts ul,.tweet-ranking ul, .category-ranking ul {
	list-style-type: none;
}

.popular-posts ul li, .tweet-ranking ul li, .category-ranking ul li {
	background: none !important;
	padding: 0 0 6px !important;
	font-size: 1.1em;
}

.popular-posts ul li img, .tweet-ranking ul li img, .category-ranking ul {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
}

.tweet-ranking .post-stats {
	font-size: 1.1em;
	color: #09f;
	background-color: #CEF;
	display: inline-block;
	padding: 0 6px;
	border: solid;
	border-width: 1px;
	margin-bottom: .5em;
}

.under-post ul {
	margin: 0 !important;
	list-style-type: none;
}

ul.wpp-list {
	margin: 0 !important;
	list-style-type: none;
}

.under-post .tweet-ranking ul li, .category-ranking ul li {
	font-size: .9em;
}

/*PC専用 トップページの人気記事一覧*/
@media screen and (min-width: 640px) {
	.sidebar-home .popular-posts ul li, .category-ranking ul li,.sidebar-home .tweet-ranking ul li {
		display: inline-block;
		padding: 0 14px !important;
		width: 18%;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	/*
			ul.related_post li {
				width: 23% !important;
			}
			*/
	/*PC専用 記事下の人気記事一覧*/
	.under-post .popular-posts ul li,.category-ranking ul li,.under-post .tweet-ranking ul li {
		display: inline-block;
		padding: 0 8px !important;
		width: 32%;
		box-sizing: border-box;
		vertical-align: top;
	}
}

/*スマホ専用*/
@media screen and (max-width: 640px) {
	#sidebar {
		font-size: 1.4em;
	}
	
	.popular-posts ul li, .category-ranking ul li,.tweet-ranking ul li {
		display: inline-block;
		padding: 0 1% !important;
		width: 48%;
		box-sizing: border-box;
		vertical-align: top;
		line-height: 120% !important;
	}
	
	/*
			ul.related_post li {
				width: 47% !important;
			}
			*/
	.widget-conts h3 {
		font-size: 1.1em;
	}
}

/*関連記事一覧 */
/*
ul.related_post li img {
	width: 100% !important;
	height: auto !important;
}
*/
.popular-posts ul li img, .category-ranking ul li img {
	display: inline-block;
	width: 100%;
	height: auto;
}

p.post-meta {
	font-size: .9em;
}

/*------------------------------------------------------------
  シェアボタン 
-------------------------------------------------------------*/
#lets {
	font-weight: bold;
	font-size: .9em;
	color: #666;
	margin-top: 1em;
}

.snsshare {
	min-height: 36px;
}

.snsshare .button {
	width: 18%;
	margin: 0 1%;
	float: left;
	text-align: center;
	display: inline-block;
}

.snsshare .count {
	font-size: .8em;
	width: 100%;
	box-sizing: ;
	margin: 8px 0;
	position: relative;
	display: inline-block;
	padding: 0;
	text-align: center;
	background: #FFF;
	border: 1px solid #999;
	border-radius: 4px;
	box-sizing: border-box;
	z-index: 0;
}

.snsshare .count:before {
	content: "";
	margin: 6px 0;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px;
	border-color: transparent transparent #FFF;
	z-index: 0;
}

.snsshare .count:after {
	content: "";
	margin: 6px 0;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -5px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px;
	border-color: transparent transparent #ccc;
	z-index: -1;
}

.snsshare .pc_share {
	width: 100%;
/*height: 40px;
	margin: 4px 4px 20px;*/
}

.snsshare .pc_share  a {
	width: 100%;
	height: 40px;
	margin: 0;
	display: inline-block;
	text-align: center;
	border-radius: 6px;
}

.snsshare .sp_share {
	width: 100%;
	height: 36px;
	padding: 5px 20px;
	margin: 0 -20px 16px;
	background-color: #FFFFFF;
}

.snsshare .sp_share  a {
	width: 100%;
	height: 36px;
	margin: 0;
	text-align: center;
	display: inline-block;
	border-radius: 4px;
}

.snsshare a:hover {
	color: #ffffff;
	text-decoration: underline;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}

.snsshare .pc_share  a img {
	background-image: url("wp-content/themes/keni61_wp_pretty_140315/images/sps_sns.png");
	margin: 0 auto;
	width: 100px;
	height: 40px;
}

.snsshare .sp_share  a img {
	background-image: url("wp-content/themes/keni61_wp_pretty_140315/images/sps_sns.png");
	margin: 3px auto;
	width: 30px;
	height: 30px;
}

.snsshare a#share_tw {
	background-color: #00ACEE;
}

.snsshare a#share_fb {
	background-color: #3B5998;
}

.snsshare a#share_gp {
	background-color: #DF4A32;
}

.snsshare a#share_ha {
	background-color: #0083D1;
}

.snsshare a#share_pk {
	background-color: #F13D53;
}

.snsshare a#share_li {
	background-color: #00C300;
}

.snsshare .pc_share  a#share_tw img {
	background-position: 0 0;
}

.snsshare .pc_share  a#share_fb img {
	background-position: -100px 0;
}

.snsshare .pc_share  a#share_gp img {
	background-position: 0 -40px;
}

.snsshare .pc_share  a#share_ha img {
	background-position: -100px -40px;
}

.snsshare .pc_share  a#share_pk img {
	background-position: 0 -80px;
}

.snsshare .pc_share  a#share_li img {
	background-position: -100px -80px;
}

.snsshare .sp_share  a#share_tw img {
	background-position: 0 -120px;
}

.snsshare .sp_share  a#share_fb img {
	background-position: -30px -120px;
}

.snsshare .sp_share  a#share_gp img {
	background-position: -60px -120px;
}

.snsshare .sp_share  a#share_ha img {
	background-position: -90px -120px;
}

.snsshare .sp_share  a#share_pk img {
	background-position: -120px -120px;
}

.snsshare .sp_share  a#share_li img {
	background-position: -150px -120px;
}

/*=============================
 sbbar(PC用の横に出るSNSボタン)
=============================*/
ul#sbbar {
	display: block;
	position: absolute;
	width: 95px;
	margin: 0;
	margin-left: -120px;
	float: left;
	background: #fff;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	list-style: none;
	z-index: 99;
}

#sbbar li {
	display: block;
	margin: 5px;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

.sbbar-fixed {
	position: fixed !important;
	top: 10px;
}

/*--------------------------------------------------------
上部固定メニュー(SNSボタンとか)
--------------------------------------------------------*/
.menubar {
	opacity: 0;
	display: block;
	position: fixed;
	z-index: 100;
	background-color: #dfdfdf;
	width: 100%;
	height: 40px;
}

.menubar a,
.menubar a:link,
.menubar a:visited,
.menubar a:hover,
.menubar a:active {
	display: block;
	color: #fff;
	width: 25%;
	height: 40px;
	padding: 8px 0 12px;
	background-color: #000099;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.6);
	box-sizing: border-box;
}

.menubar a.bt-tweet {
	background-color: #00aced;
	border-top: #47ceff 2px solid;
	border-left: #47ceff 2px solid;
	border-bottom: #0074A0 2px solid;
	border-right: #0074A0 2px solid;
}

.menubar a.bt-fb {
	background-color: #305097;
	border-top: #4d78d5 2px solid;
	border-left: #4d78d5 2px solid;
	border-bottom: #1A345B 2px solid;
	border-right: #1A345B 2px solid;
}

.menubar a.bt-line {
	background-color: #5ae628;
	border-top: #9dff70 2px solid;
	border-left: #9dff70 2px solid;
	border-bottom: #329914 2px solid;
	border-right: #329914 2px solid;
}

.menubar a.bt-top {
	background-color: #a9a9a9;
	border-top: #dfdfdf 2px solid;
	border-left: #dfdfdf 2px solid;
	border-bottom: #777777 2px solid;
	border-right: #777777 2px solid;
}

.pickup ul {
	margin-left: 5px !important;
}

.pickup ul li {
	padding-left: 25px;
	padding-top: 2px;
	background: url(http://tokusatu-hero.com/wp-content/uploads/2014/06/redTri.gif) 2px 6px no-repeat;
	list-style-type: none;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .3em !important;
}

/* Facebook Like Box width: 100% */
.fb-like-box-wrapper {
	text-align: center;
	margin: 10px 0;
}

.fb-like-box-wrapper .fbcomments,
.fb-like-box-wrapper .fb_iframe_widget,
.fb-like-box-wrapper .fb_iframe_widget[style],
.fb-like-box-wrapper .fb_iframe_widget iframe[style],
.fb-like-box-wrapper .fbcomments iframe[style],
.fb-like-box-wrapper .fb_iframe_widget span {
	width: 100% !important;
	background-color: #FFFFFF;
}

/* background */
#main-contents .contents,
#sidebar .contents,
#sub-contents-in,
#footer .area02,
.archive-title,
h2.post-title {
	background-color: #FFFFFF;
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2);
	border: 0 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* 次の記事、前の記事 */
.zengo {
	font-size: .9em;
	margin-bottom: 0;
}

.zengo img {
	display: inline;
	width: auto;
	height: 200px;
	max-width: 100%;
}

@media screen and (max-width: 640px) {
	.zengo img {
		height: 100px;
	}
}

.zengo dd {
	margin-left: 0;
}

.zengo dl {
	width: 50%;
}

.zengo .alignright {
	text-align: right;
}

#main-contents .under-post {
	box-shadow: none;
	padding: 0;
}

/*h2吹き出しの調整*/
#main-contents h2 {
	font-weight: bold;
}

#main-contents h2.post-title a:hover,#main-contents h2.post-title a:active {
	color: #FE0;
}

/*続きを読む　とか*/
@media screen and (min-width: 640px) {
	p#more {
		margin-top: -30px;
		padding-top: 30px;
	}
}

p#readMore a {
	display: block;
	padding: .4em;
	box-sizing: border-box;
	width: 100%;
	color: #FFF;
	text-align: center;
	letter-spacing: .08em;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	border-top: 2px #FFAE5E solid;
	border-left: 2px #FFAE5E solid;
	border-right: 2px #D36728 solid;
	border-bottom: 2px #D36728 solid;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #f9c667;
	background: -moz-linear-gradient(top,#f9c667 0%,#f79621 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9c667),color-stop(100%,#f79621));
	background: -webkit-linear-gradient(top,#f9c667 0%,#f79621 100%);
	background: -o-linear-gradient(top,#f9c667 0%,#f79621 100%);
	background: -ms-linear-gradient(top,#f9c667 0%,#f79621 100%);
	background: linear-gradient(to bottom,#f9c667 0%,#f79621 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c667',endColorstr='#f79621',GradientType=0);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

p#readMore a:hover {
	position: relative;
	top: 2px;
	left: 1px;
	border-top: 3px #FFAE5E solid;
	border-left: 3px #FFAE5E solid;
	border-right: 1px #D36728 solid;
	border-bottom: 1px #D36728 solid;
	-moz-box-shadow: 0 0 0 rgba(000,000,000,0.3);
	-webkit-box-shadow: 0 0 0 rgba(000,000,000,0.3);
}