@charset "UTF-8";

/*-----------------------------------------------------------------------------------

	CSS Name: 一覧ウィジェット

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	関連記事
/*-----------------------------------------------------------------------------------*/

#related-posts { margin-bottom: 40px; }

/*-----------------------------------------------------------------------------------*/
/*	アクセスランキング グリッド
/*-----------------------------------------------------------------------------------*/

#access-ranking-grid { margin-bottom: 40px; }

/* ランキングステータス */
#access-ranking-grid ul.post-grid-archive li.hentry .post-head ul.post-meta li.arrow {
	width: 16px;
	height: 15px;
	background: transparent url(/image/builtin/access_ranking_arrow.png) 0 0 no-repeat;
	border-right: none;
	padding-right: 0;
}
#access-ranking-grid ul.post-grid-archive li.hentry .post-head ul.post-meta li.arrow.steady { background-position: 0 0; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-head ul.post-meta li.arrow.up { background-position: 0 -15px; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-head ul.post-meta li.arrow.down { background-position: 0 -30px; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-thumb .rank {
	width: 50px;
	height: 100px;
	position: absolute;
	left: 125px;
	top: 40px;
	background: transparent url(/image/builtin/access_ranking_number_grid.png) 0 0 no-repeat;
}
#access-ranking-grid ul.post-grid-archive li.hentry .post-thumb .first { background-position: 0 0; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-thumb .second { background-position: 0 -100px; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-thumb .third { background-position: 0 -200px; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-thumb .fourth { background-position: 0 -300px; }
#access-ranking-grid ul.post-grid-archive li.hentry .post-thumb .fifth { background-position: 0 -400px; }

/*-----------------------------------------------------------------------------------*/
/*	アクセスランキング リスト
/*-----------------------------------------------------------------------------------*/

/* 構造 */
#access-ranking-list { margin-bottom: 0; }
#access-ranking-list .access-main {
	float: left;
	width: 620px;
}
#access-ranking-list .access-sidebar {
	float: right;
	width: 300px;
}

/* サムネイル */
#access-ranking-list ul.post-list-archive li.hentry .post-thumb { left: 50px; }

/* 記事タイトル */
#access-ranking-list ul.post-list-archive li.hentry .post-head { padding-left: 170px; }

/* メタ情報 */
#access-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta { left: 170px; }

/* ランキング順位 */
#access-ranking-list ul.post-list-archive li { background: transparent url(/image/builtin/access_ranking_number.png) 0 0 no-repeat; }
#access-ranking-list ul.post-list-archive li.first { background-position: 0 0; }
#access-ranking-list ul.post-list-archive li.second { background-position: 0 -100px; }
#access-ranking-list ul.post-list-archive li.third { background-position: 0 -200px; }
#access-ranking-list ul.post-list-archive li.fourth { background-position: 0 -300px; }
#access-ranking-list ul.post-list-archive li.fifth { background-position: 0 -400px; }
#access-ranking-list ul.post-list-archive li.sixth { background-position: 0 -500px; }
#access-ranking-list ul.post-list-archive li.seventh { background-position: 0 -600px; }
#access-ranking-list ul.post-list-archive li.eighth { background-position: 0 -700px; }
#access-ranking-list ul.post-list-archive li.nineth { background-position: 0 -800px; }
#access-ranking-list ul.post-list-archive li.tenth { background-position: 0 -900px; }

/* ランキングステータス */
#access-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.arrow {
	width: 16px;
	height: 15px;
	background: transparent url(/image/builtin/access_ranking_arrow.png) 0 0 no-repeat;
	border-right: none;
	padding-right: 0;
}
#access-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.arrow.steady { background-position: 0 0; }
#access-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.arrow.up { background-position: 0 -15px; }
#access-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.arrow.down { background-position: 0 -30px; }

/*-----------------------------------------------------------------------------------*/
/*	シェアランキング リスト
/*-----------------------------------------------------------------------------------*/

/* 構造 */
#share-ranking-list .share-main {
	float: left;
	width: 620px;
	margin-top: 20px;
}
#share-ranking-list .share-sidebar {
	float: right;
	width: 300px;
}
#share-ranking-list .share-sidebar .widget { margin-bottom: 20px; }

/* アーカイブタイトル */
#share-ranking-list .share-title {
	font-size: 31px;
	font-weight: normal;
	font-family: "Pathway Gothic One";
	line-height: 1;
	padding-left: 45px;
	background: transparent url(/image/builtin/share_ranking_title_icon.png) 0 0 no-repeat;
	margin-bottom: 20px;
}
#share-ranking-list .share-title.tw { background-position: 0 2px; }
#share-ranking-list .share-title.fb { background-position: 10px -32px; }

/* サムネイル */
#share-ranking-list ul.post-list-archive li.hentry .post-thumb { left: 50px; }

/* 記事タイトル */
#share-ranking-list ul.post-list-archive li.hentry .post-head { padding-left: 170px; }

/* メタ情報 */
#share-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta { left: 170px; }

/* ランキング順位 */
#share-ranking-list ul.post-list-archive li { background: transparent url(/image/builtin/access_ranking_number.png) 0 0 no-repeat; }
#share-ranking-list ul.post-list-archive li.first { background-position: 0 0; }
#share-ranking-list ul.post-list-archive li.second { background-position: 0 -100px; }
#share-ranking-list ul.post-list-archive li.third { background-position: 0 -200px; }
#share-ranking-list ul.post-list-archive li.fourth { background-position: 0 -300px; }
#share-ranking-list ul.post-list-archive li.fifth { background-position: 0 -400px; }
#share-ranking-list ul.post-list-archive li.sixth { background-position: 0 -500px; }
#share-ranking-list ul.post-list-archive li.seventh { background-position: 0 -600px; }
#share-ranking-list ul.post-list-archive li.eighth { background-position: 0 -700px; }
#share-ranking-list ul.post-list-archive li.nineth { background-position: 0 -800px; }
#share-ranking-list ul.post-list-archive li.tenth { background-position: 0 -900px; }

/* ソーシャルカウンター */
#share-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.counter {
	padding-left: 18px;
	margin-right: 20px;
	background: transparent url(/image/builtin/share_ranking_counter_icon.png) 0 0 no-repeat;
}
#share-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.counter.tw {
	color: #55acee;
	background-position: 0 1px;
}
#share-ranking-list ul.post-list-archive li.hentry .post-head ul.post-meta li.counter.fb {
	color: #3b5998;
	background-position: 1px -17px;
}

/*-----------------------------------------------------------------------------------*/
/*	プロモーション
/*-----------------------------------------------------------------------------------*/

#pr-posts { margin-bottom: 40px; }
#pr-posts ul li {
	float: left;
	width: 300px;
	margin: 0 20px 20px 0;
}
#pr-posts ul li:nth-child(3n) { margin-right: 0; }
#pr-posts ul li .post-title h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#pr-posts ul li .post-body .post-thumb {
	float: left;
	width: 80px;
	height: 80px;
	background: #efefef;
}
#pr-posts ul li .post-body .post-desc {
	float: right;
	width: 200px;
}
#pr-posts ul li .post-body .post-desc p {
	color: #8e8e8e;
	line-height: 1.4;
	margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	インフォメーション
/*-----------------------------------------------------------------------------------*/

#info-posts { margin-bottom: 40px; }
#info-posts .content {
	float: left;
	width: 620px;
}
#info-posts .content ul li {
	float: left;
	width: 300px;
	margin: 0 20px 30px 0;
}
#info-posts .content ul li:nth-child(2n) { margin-right: 0; }
#info-posts .content ul li .post-title { margin-bottom: 10px; }
#info-posts .content ul li .post-title h4 { font-size: 16px; }
#info-posts .content ul li p { color: #8e8e8e; }
#info-posts .ad {
	float: right;
	width: 300px;
}

/*-----------------------------------------------------------------------------------*/
/*	記事
/*-----------------------------------------------------------------------------------*/

/* リストタイトル */
.widget-title {
	border-bottom: 5px solid #000;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 0;
	direction: block;
}
.widget-title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.widget-title h3 {
	float: left;
	font-size: 31px;
	font-family: "Pathway Gothic One";
	font-weight: normal;
	line-height: 1;
	margin-right: 20px;
}
.widget-title .subtitle {
	color: #a0a0a0;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	display: inline-block;
	margin-left: 15px;
}
.widget-title a {
	padding-right: 35px;
	background: transparent url(/image/builtin/widget_title_arrow_on.png) 100% 50% no-repeat;
	display: block;
}
.widget-title a:hover {
	color: #55acee;
	text-decoration: none;
}
.widget-title a:hover .subtitle { color: #55acee;}

/* サイドバーリンク */
.sidebar-link li {
	float: left;
	margin: 0 10px 10px 0;
}

/* もっと見る */
.widget-more {
	text-align: center;
	width: 640px;
	margin: 0 auto;
}
.widget-more a {
	font-weight: bold;
	padding: 10px 0;
	border: 2px solid #000;
	display: block;
}
.widget-more a span {
	padding-right: 30px;
	background: transparent url(/image/builtin/widget_title_arrow_off.png) 100% 50% no-repeat;
}
.widget-more a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #55acee;
}

/* インフォメーション */
#info-list .post-list {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}
#info-list .post-list li {
	border-bottom: 1px solid #ccc;
	padding: 0px;
	min-height: 50px;
}
#info-list .post-list li a {
	padding: 20px 0;
	display: block;
}
#info-list .post-list li a:hover {
	text-decoration: none;
	background-color: #d6e7f4;
}
#info-list .post-list li dl { margin-bottom: 0 }
#info-list .post-list li dl dt {
	float: left;
	color: #808080;
	font-size: 12px;
	line-height: 1;
	padding: 2px 0 0;
	margin-right: 20px;
}
#info-list .post-list li dl dd {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
}
#info-list .ad {
	float: right;
	margin-top: 15px;
}

/* アクセスランキング */
#access-list { margin-bottom: 40px; }
#access-list .ad {
	float: right;
	margin-top: 15px;
}
#access-list ul.post-list {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}
#access-list ul.post-list a { display: block; }
#access-list ul.post-list .hentry {
	min-height: 60px;
	padding: 15px 0 15px 40px;
	border-bottom: 1px solid #ededed;
	position: relative;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
#access-list ul.post-list .hentry:hover {
	background-color: rgba(85,172,238,.2); /* 背景色 #55ACEE 不透明度 20% */
}
#access-list ul.post-list .hentry .post-body { float: left; }
#access-list ul.post-list .hentry .post-body .post-title {
	font-size: 18px;
	width: 460px;
}
#access-list ul.post-list .hentry .post-body .post-title.movie {
	text-indent: 25px;
	background: transparent url(/image/builtin/widget_title_icon_movie.png) 0 4px no-repeat;
}
#access-list ul.post-list .hentry .post-body .post-title.photo {
	text-indent: 25px;
	background: transparent url(/image/builtin/widget_title_icon_photo.png) 0 4px no-repeat;
}
#access-list ul.post-list .hentry .post-body .post-meta {
	color: #a0a0a0;
	font-size: 12px;
	position: absolute;
	bottom: 15px;
}
#access-list ul.post-list .hentry .post-body .post-meta li { float: left; }
#access-list ul.post-list .hentry .post-body .post-meta .status { margin-right: 15px; }
#access-list ul.post-list .hentry .post-body .post-meta .label {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 7px;
	background: #a0a0a0;
	margin-right: 5px;
}
#access-list ul.post-list .hentry .post-body .post-meta .label.yel { background-color: #ffcb00; }
#access-list ul.post-list .hentry .post-body .post-meta .label.blu { background-color: #55acee; }
#access-list ul.post-list .hentry .post-body .post-meta .label.gr { background-color: #2dacaa; }
#access-list ul.post-list .hentry .num {
	color: #59a1d9;
	font-size: 22px;
	font-weight: bold;
	font-style: oblique;
	line-height: 1;
	position: absolute;
	top: 18px;
	left: 0;
}
#access-list ul.post-list .hentry .thumb {
	float: right;
	width: 80px;
	height: 80px;
}
#access-list ul.post-list .hentry.text .post-body .post-title {
	width: 100%;
	margin-bottom: 10px;
}
#access-list ul.post-list .hentry.text .post-body .post-meta { position: static; }