@charset "utf-8";

/*
	blog.css
	Author: STUDIO P
*/

/* blog post */
article.post {
	border-bottom: 1px solid #CCC;
	margin-bottom: 50px;
}
#posts .post h3 a,
#post .post h3 {
	padding: 10px;
	font-size: 138.5%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
article.post .data {
	background-color: #F1F1F1;
}
article.post .data .date {
	font-size: 85%;
	padding: 5px 10px;
	display: inline-box;
	float: left;
}
article.post .data .category {
	font-size: 85%;
	padding: 5px 10px;
	display: inline-box;
	float: right;
	text-align: right;
}

article.post .sns { text-align: right; }

article.post .content {
	padding: 20px;
	background-color: #FFF;
}

article.post .eye-catch {
	width: 160px;
	float: left;
}

article.post .excerpt {
	width: 490px;
	float: right;
	padding: 10px;
}

article.post .excerpt .more {
	padding-top: 10px;
	text-align: right;
}

article.post .tags {
	padding: 5px 10px;
	font-size: 93%;
	text-align: right;
	background-color: #F1F1F1;
}

#eyecatch .box { background-color: #f5f5f5; }

#eyecatch h3 {
	font-size: 123.1%;
	margin: 10px 0;
}
#eyecatch .excerpt {
	padding: 0 10px 10px;
  font-size: 93%;
  line-height: 1.4em;
}

div.contentsNavi { 
	text-align: center;
	font-size: 108%;
}

div.pagination { text-align: center; }
div.pagination .number { 
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}
div.pagination .current.number {
	border: 2px solid #ccc;
	font-weight: bold;
}
div.pagination .disabled { color: #ccc; }


/* widget Calendar */
div.widget-blog-calendar { margin-bottom: 30px; }
div.widget-blog-calendar h2 { padding: 5px 5px 5px 10px; }
table.blog-calendar {
	width: 100%;
	margin: 0 0 30px 0 !important;
	background: #FFFFFF;
}
table.blog-calendar th {
	text-align: center;
	padding: 3px;
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
	font-size: 85%;
}
table.blog-calendar th.sunday {
	background: #FFCCCC;
	color: #FFF;
}
table.blog-calendar th.saturday {
	background: #B3D9FF;
	color: #FFF;
}
table.blog-calendar td {
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #E1E1E1;
	font-size: 85%;
	background: #FFFFFF;
}
table.blog-calendar td.today { background-color: #FFF0E1 !important; }
table.blog-calendar td a { color: #F60; }

/* widget Recent-entries */
div.widget-blog-recent-entries { margin-bottom: 30px; }
div.widget-blog-recent-entries h2 {
	font-size: 108%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
}
div.widget-blog-recent-entries li {
	font-size: 93%;
	line-height: 1.2em;
	padding: 10px 5px;
	border-bottom: 1px solid #E5E5E5;
}
div.widget-blog-recent-entries li:before {
	font-family: FontAwesome;
	content: "\f101";
	margin: 3px;
}


/* widget Archives */

div.widget-blog-monthly-archives { margin-bottom: 30px; }
div.widget-blog-monthly-archives h2 {
	font-size: 108%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
}
div.widget-blog-monthly-archives li {
	font-size: 93%;
	line-height: 1.2em;
	padding: 10px 5px;
	border-bottom: 1px solid #E5E5E5;
}
div.widget-blog-monthly-archives li:before {
	font-family: FontAwesome;
	content: "\f101";
	margin: 3px;
}


/* widget Category */

div.widget-blog-categories-archives { margin-bottom: 30px; }
div.widget-blog-categories-archives h2 {
	font-size: 108%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
}
div.widget-blog-categories-archives li {
	font-size: 93%;
	line-height: 1.2em;
	padding: 10px 5px;
	border-bottom: 1px solid #E5E5E5;
}
div.widget-blog-categories-archives li:before {
	font-family: FontAwesome;
	content: "\f101";
	margin: 3px;
}


/* widget Search */

div.widget-site-search { margin-bottom: 30px; }
div.widget-site-search h2 {
	font-size: 108%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
}


/* BLOG Category List */
div.catelist ul:before,
div.catelist ul:after {
	content: "";
	display: table;
}
div.catelist ul:after { clear: both; }
div.catelist ul { *zoom: 1; }

div.catelist {
	position: relative;
	top: -30px;
}
div.catelist .btn-bar {
	padding: 5px 10px;
	color: #FFF;
	cursor: pointer;
}
div.catelist ul {
	display: none;
	padding: 10px;
}
div.catelist li {
	font-size: 93%;
	line-height: 1.2em;
	padding: 5px;
	margin: 2px;
	background-color: #FFF;
	float: left;
}