@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */
#main{
	padding:0;
	border-radius:0;
}

.entry .post-meta{
	margin:0;
	padding-left:20px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.post-meta{
	font-size:11px;
}

h2{
	line-height:80%;
}

#main .entry{
	margin-bottom:0;
}

.entry h2 a:hover{
	background-color:#eee;
}

.entry h2{
	margin-bottom:0;
}

.entry-snippet{
	margin:0;
}

a {
	text-decoration:none;
}

#navi .menu > li > a {
	padding:8px 20px;
	font-weight:bold;
}

#navi{
	border:0;
}

#navi .menu > li:first-child{
	border-left:1px solid #fff;
}

#navi .menu > li > a {
	border-right:1px solid #fff;
}

.entry a:hover {
	color:#104cd0;
}

.navigation{
	margin:20px 0 40px;
}

.fa-fw{
	padding-right:3px;
}

.entry .post-meta a{
	color:#555;
}

@media screen and (max-width: 500px) {
	.entry-card h2 a.entry-title{
		font-size:15px;
		padding:11px 10px 12px 10px;
	}
}

@media screen and (max-width: 639px) {
	div#main {
		padding:0;
		padding-bottom:10px;
	}
}

@media screen and (max-width: 500px) {
	.entry-card .entry-snippet {
		font-size:8px;
		margin-bottom:0;
	}
}

@media screen and (max-width: 500px) {
.entry .post-meta {
	font-size:11px;
	padding-left:10px;
}
}

#main{
	border:1px solid #ddd;
}

@media screen and (max-width: 500px){
	#main{
	border:0;
}
}

#sidebar{
	border-radius:0;
	border:1px solid #ddd;
}

@media screen and (max-width: 500px){
	.entry-card h2 a.entry-title{
		line-height:120%;
	}
}

.slicknav_menu {
	display:none;
}

#site-title a {
	font-weight:bold;
	font-size:20px;
}

#site-title {
	margin-top:10px;
}

@media screen and (max-width: 639px) {
	#h-top #site-title a {
		font-size:18px;
	}
}

@media screen and (max-width: 639px) {
	#site-title {
		margin-top:7px !important;
		margin-bottom:7px !important;
	}
}

.entry h2 {
	font-size:15px;
	padding:9px 20px 2px;
	line-height:110%;
}

.entry .post-meta {
	border-top:0;
}

.post-meta {
	background-color:rgba(255, 255, 255, 0);
}

.hover-card .category {
	text-decoration:none;
	color:#7F7F7F;
}

.entry .post-meta {
	padding-bottom:4px;
}

@media screen and (max-width: 500px) {
	.entry h2 {
		padding:9px 10px 2px;
	}
}

@media screen and (max-width: 500px) {
	.entry .post-meta {
		font-size:11px;
		padding-bottom:7px;
		padding-top:2px;
	}
}

@media screen and (max-width: 500px) {
	#body {
		border-top:1px solid #ddd;
	}
}

.post-meta {
	color:#7F7F7F;
}

#h-top #site-title a:hover {
	opacity:0.75;
}

#site-description {
	margin-bottom:0;
}

#site-title {
	margin-top:4px;
	margin-bottom:4px;
}

@media screen and (max-width: 639px) {
	#h-top #site-description {
		margin-bottom:0;
	}
}

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

      BlogRoll css 2

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

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    margin-bottom: 0px !important;
    padding: 0px !important;
	border-top: 1px solid #ddd !important;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 0px !important;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 0px !important;
    font-size: 15px !important;
    line-height: 1.3;
	border-bottom: 1px solid #ddd;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
	color: #333 !important;
	font-weight: bold;
	display: block !important;
	padding: 5px 20px !important;
	margin-bottom: -20px !important;
	border-bottom:1px solid #ddd;
}

@media screen and (max-width: 500px) {
	.blogroll-channel a.blogroll-link {
	color: #333 !important;
	font-weight: bold;
	display: block !important;
	padding: 7px 8px !important;
	margin-bottom: -20px !important;
	border-bottom:1px solid #ddd;
}
}

.blogroll-channel a:hover.blogroll-link {
	background-color: #f7f7f7 !important;
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
    position: fixed;
    top: -999px;
    left: -999px;
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

.blogroll-channel .blogroll-ad-default {
    position: fixed;
    top: -999px;
    left: -999px;
}