@charset "utf-8";
/* ---------------------------------------------------------------------------------
HTML CSS Selectors blog
--------------------------------------------------------------------------------- */
#contents-wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	padding-bottom: 110px;
}
#contents-wrapper h2 {
	padding-bottom: 55px;
}

#contents {
	width: 650px;
	float: left;
}

/* ---------------------------------------------------------------------------------
一覧
--------------------------------------------------------------------------------- */
#wrap-list {
	width: 595px;
	padding: 0 30px 75px 25px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.post-list {
	padding-top: 32px;
	padding-bottom: 30px;
	border-bottom: 1px solid #C8C0B9;
}
.post-list a {
	display: block;
	min-height:180px;
	overflow:hidden;
}
.post-list section {
	padding-left: 204px;
}
.post-list section .vcard {
	padding-bottom: 13px;
	overflow:hidden;
}
.post-list section .vcard span {
	display: block;
	float: left;
}
.post-list section .vcard .date {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 20px;
	line-height: 1;
	color: #919191;
	padding-top: 3px;
	padding-right: 15px;
}
.post-list section .vcard .category {
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #6E9B86;
	padding: 6px 10px;
	margin-right: 5px;
}
.post-list section .vcard .tag {
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #D08E9A;
	padding: 6px 20px 6px 10px;
	margin-right: 5px;
	background-image: url(../img/blog/icon_category_last.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.post-list section h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
.post-list section .desc {
	font-size: 13px;
}

.post-list .eyecatch {
	width: 180px;
	float: left;
}


/* ---------------------------------------------------------------------------------
詳細
--------------------------------------------------------------------------------- */
.post {
	width: 595px;
	padding: 0 30px 75px 25px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	margin-bottom: 32px;
}
.post header {
	padding-top: 35px;
	padding-bottom: 40px;
}
.post header .vcard {
	padding-bottom: 20px;
	overflow:hidden;
}
.post header .vcard span {
	display: block;
	float: left;
}
.post header .vcard .date {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 20px;
	line-height: 1;
	color: #919191;
	padding-top: 3px;
	padding-right: 15px;
}
.post header .vcard .category {
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #6E9B86;
	padding: 6px 10px;
	margin-right: 5px;
}
.post header .vcard .tag {
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #D08E9A;
	padding: 6px 20px 6px 10px;
	margin-right: 5px;
	background-image: url(../img/blog/icon_category_last.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.post header h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.post .entry-content {
	padding-bottom: 160px;
}
.post .entry-content p {
	font-size: 13px;
	line-height: 1.6;
	padding-bottom: 1.5em;
}
.post .entry-content img {
	max-width: 100%;
	height: auto;
}

.category-newpost-wrap {
}
.category-newpost-wrap h3 {
	padding: 24px 15px 20px;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #C8C0B9;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #494949;
	margin-bottom: 20px;
}
.category-newpost-wrap h3 a {
	color: #6e9b86;
}
.category-newpost-wrap li {
	padding: 0 15px 10px;
	overflow:hidden;
}
.category-newpost-wrap li.date {
	display: block;
	width: 125px;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 18px;
	line-height: 1;
	color: #919191;
	float: left;
}
.category-newpost-wrap li a {
	display: block;
	width: 440px;
	float: left;
}


.saboxplugin-wrap {
	width: 590px;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	margin-bottom: 32px;
}
#contents-wrapper .saboxplugin-wrap h2 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 18px;
	line-height: 1;
	text-align: left;
	padding-bottom: 15px;
	color: #2f2d2d;
}
.saboxplugin-wrap .profile {
	position: relative;
}
.saboxplugin-wrap .profile .avatar {
	width: 120px;
	height: auto;
	position: absolute;
	top: 33px;
	left: 0;
}
.saboxplugin-wrap .name {
	padding-left: 150px;
	font-size: 20px;
	line-height: 1;
	padding-bottom: 25px;
}
.saboxplugin-wrap .profile_description {
	padding-left: 150px;
}
.saboxplugin-wrap .author_sns {
	position: absolute;
	top: 25px;
	right: 0;
}
.saboxplugin-wrap .author_sns ul {
	text-align: right;
}
.saboxplugin-wrap .author_sns li {
	display: inline-block;
	width: 22px;
	font-size: 22px;
	padding-left: 18px;
}
.saboxplugin-wrap .author_sns li a {
	color: #6E9B86;
}



/* ---------------------------------------------------------------------------------
サイドバー
--------------------------------------------------------------------------------- */
aside {
	width: 300px;
	float: right;
	padding-right: 10px;
}
.widget {
	padding: 25px 25px 15px 20px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	margin-bottom: 17px;
}
.widget h3 {
	font-size: 14px;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	margin-bottom: 5px;
}

/*WP_Widget_Recent_Posts */
.widget_recent_entries li {
	padding-top: 18px;
	padding-bottom: 17px;
	border-bottom: 1px solid #C8C0B9;
}
.widget_recent_entries li:last-child {
	border-bottom: none;
}
.widget_recent_entries li a {
	display: block;
	min-height: 80px;
	padding-left: 95px;
	position: relative;
}
.widget_recent_entries li span {
	display: block;
}
.widget_recent_entries li .date {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 16px;
	line-height: 1;
	color: #919191;
	padding-bottom: 10px;
}
.widget_recent_entries li .ttl {
	font-size: 14px;
	line-height: 18px;
	color: #494949;
}
.widget_recent_entries li .img {
	width: 80px;
	position: absolute;
	top: 0;
	left: 0;
}
.widget_recent_entries li .img img {
	width: 100%;
	height: auto;
}

/*WP_Widget_Categories*/
.widget_categorie {
	padding-bottom: 24px;
}
.widget_categorie li a {
	display: block;
	position: relative;
	padding: 12px 18px 12px 0;
	font-size: 14px;
	line-height: 1.2;
	border-bottom: 1px solid #C8C0B9;
}
.widget_categorie li a:after 	{ 
	display: block; 
	width: 5px; 
	height: 5px; 
	border-top: 1px solid #494949; 
	border-right: 1px solid #494949; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	 content: "";
	 position: absolute;
	 right: 3px;
	 top: 50%;
	 margin-top: -2px;
}

/*WP_Widget_Tag_Cloud*/
.widget_tags ul {
	overflow:hidden;
	padding-top: 17px;
	padding-bottom: 25px;
}
.widget_tags li {
	padding-right: 5px;
	padding-bottom: 10px;
	float: left;
}
.widget_tags li a {
	display: block;
	height: 12px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	padding: 7px 25px 7px 15px;
	background-color: #D08E9A;
	background-image: url(../img/blog/icon_side_tag.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/*WP_Widget_Archives */
.widget_archive {
	padding-bottom: 24px;
}
.widget_archive li a {
	display: block;
	position: relative;
	padding: 12px 18px 12px 0;
	font-size: 14px;
	line-height: 1.2;
	border-bottom: 1px solid #C8C0B9;
}
.widget_archive li a:after 	{ 
	display: block; 
	width: 5px; 
	height: 5px; 
	border-top: 1px solid #494949; 
	border-right: 1px solid #494949; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	 content: "";
	 position: absolute;
	 right: 3px;
	 top: 50%;
	 margin-top: -2px;
}

.widget_search {
	    padding: 5px 0px 5px 12px;
}
.widget_search input[type="text"] {
	width: 242px;
	font-size: 14px;
	line-height: 1;
	padding: 6px 0;
	border: none;
	position: relative;
	top: -3px;
}
.widget_search button {
	padding: 9px;
	background-color: #fff;
	border: none;
}
.widget_search button i {
	font-size: 26px;
	line-height: 1;
}


.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
  font-family:'FontAwesome';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size:20px;
  position:relative;
  display:-moz-inline-stack;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  zoom:1;
  *display:inline;
  margin:10px 5px;
  color: #444;
}

/*  FONT AWESOME FOR BOTH COLORED AND GRAY SOCIAL ICONS
-------------------------------------------------------------- */
.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-addthis:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-addthis:before {
  content:'\f067';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-behance:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-behance:before {
  content:'\f1b4';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-delicious:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-delicious:before {
  content:'\f1a5';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-deviantart:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-deviantart:before {
  content:'\f1bd';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-digg:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-digg:before {
  content:'\f1a6';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-dribbble:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-dribbble:before {
  content:'\f17d';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-facebook:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-facebook:before {
  content:'\f09a';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-flickr:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-flickr:before {
  content:'\f16e';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-github:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-github:before {
  content:'\f09b';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-google:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-google:before {
  content:'\f1a0';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-googleplus:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-googleplus:before {
  content:'\f0d5';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-html5:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-html5:before {
  content:'\f13b';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-instagram:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-instagram:before {
  content:'\f16d';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-linkedin:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-linkedin:before {
  content:'\f0e1';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-pinterest:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-pinterest:before {
  content:'\f0d2';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-reddit:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-reddit:before {
  content:'\f1a1';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-rss:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-rss:before {
  content:'\f09e';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-sharethis:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-sharethis:before {
  content:'\f1e0';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-skype:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-skype:before {
  content:'\f17e';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-soundcloud:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-soundcloud:before {
  content:'\f1be';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-spotify:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-spotify:before {
  content:'\f1bc';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-stackoverflow:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-stackoverflow:before {
  content:'\f16c';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-steam:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-steam:before {
  content:'\f1b6';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-stumbleUpon:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-stumbleUpon:before {
  content:'\f1a4';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-tumblr:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-tumblr:before {
  content:'\f173';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-twitter:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-twitter:before {
  content:'\f099';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-vimeo:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-vimeo:before {
  content:'\f194';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-windows:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-windows:before {
  content:'\f17a';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-wordpress:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-wordpress:before {
  content:'\f19a';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-yahoo:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-yahoo:before {
  content:'\f19e';
}

.saboxplugin-socials .saboxplugin-icon-grey.saboxplugin-icon-youtube:before,
.saboxplugin-socials .saboxplugin-icon-color.saboxplugin-icon-youtube:before {
  content:'\f167';
}