@import url("plugin.css");
@import url("archive.css");

/*--------------------------------------------------------------------
topics
--------------------------------------------------------------------*/
.topics {
	width: 540px;
	padding: 30px;
	border-radius: 5px;
	background: #ffffff;
}
.topics:not(:last-of-type) {
	margin-bottom: 20px;
}
.topics-label {
	width: 540px;
	height: 26px;
	margin-bottom: 15px;
	border-top: 2px solid #feaaad;
	border-bottom: 2px solid #feaaad;
	font-size: 16px;
	line-height: 26px;
	color: #fe7278 !important;
}
.topics-category {
	display: block;
	float: left;
	width: 270px;
}
.topics-data {
	display: block;
	float: left;
	width: 270px;
	text-align: right;
}
.topics-thumbnail img {
	width: 540px;
	height: auto;
}
.topics h2 {
	width: 540px;
	height: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 20px;
}
/*--------------------------------------------------------------------
side-left
--------------------------------------------------------------------*/
#side-left section:not(.side-with) ul {
	width: 220px;
	margin-left: 10px;
}
/*------new-entry-------*/
.side-new-entry li a {
	display: block;
	width: 174px;
	padding: 15px;
	border: 1px solid #fdd0cd;
	border-left: 15px solid #fdd0cd;
	margin-bottom: 10px;
	color: #82736a !important;
}
.side-new-entry time {
	display: block;
	color: #fe7278 !important;
}
/*------monthly------*/
.side-monthly li {
	float: left;
	margin-bottom: 10px;
}
.side-monthly li a {
	display: block;
	width: 47px;
	height: 32px;
	border-radius: 3px;
	line-height: 32px;
	text-align: center;
	background: #fdd0cd;
}
.side-monthly li:not(:nth-of-type(4n)) {
	margin-right: 10px;
}
.year-index {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #feaaad;
	background: url("../img/topics_yearly.png") no-repeat left bottom;
}
.year-index:not(:first-of-type) {
	padding-top: 5px;
}
/*------with------*/
.side-with ul li a[href="#monthly"] {
	background: url("../img/all_mark-p-b.gif") no-repeat 211px center, url("../img/topics_side_with-monthly.png") no-repeat 15px center;
}
/*--------------------------------------------------------------------
share
--------------------------------------------------------------------*/
#share {
	position: relative; /*before*/
	padding-top: 45px;
	margin-top: 55px;
}
#share:before {
	content: "/share/";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 30px;
	line-height: 30px;
	color: #fdd0cd;
}
#share:after {
	content: "このトピックスをシェアする";
	visibility: visible;
	position: absolute;
	top: 17px;
	right: 0;
	font-size: 13px;
	line-height: 13px;
	color: #feaaad;
}
#share a {
	display: block;
	float: left;
	width: 133.5px;
	height: 48px;
	font-size: 12px;
	text-align: center;
	line-height: 48px;
	color: #fe7278;
	background: url("../img/all_filter.png") repeat;
}
#share .b-twitter {
	margin-right: 2px;
	border-top: 2px solid #55acee;
	color: #55acee;
}
#share .b-facebook {
	margin-right: 2px;
	border-top: 2px solid #3b5998;
	color: #3b5998;
}
#share .b-gplus {
	margin-right: 2px;
	border-top: 2px solid #dd4b39;
	color: #dd4b39;
}
#share .b-hatena {
	border-top: 2px solid #008fde;
	color: #008fde;
}
#share .b-pocket {
	width: 269px;
	margin-top: 2px;
	margin-right: 2px;
	border-top: 2px solid #ef3e56;
	color: #ef3e56;
}
/*.share .b-line {
	color: #00c300;
}*/
#share .b-feedly {
	width: 269px;
	margin-top: 2px;
	border-top: 2px solid #6cc655;
	color: #6cc655;
}
/*--------------------------------------------------------------------
フォント設定
--------------------------------------------------------------------*/
/*英語タイトル設定*/
.topics-label, .new-entry time, .year-index, .monthly li a, #share:before {
	font-family: 'Roboto Condensed' !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
}