/* ------------------------------------
色（全体）
------------------------------------ */
a {
    color: #2c57cc;
}

div#header {
    background: #2e1703;
}

div#navi {
    background: #baa190;
}

#navi, #navi ul {
    background: #927960;
}

body.custom-background {
    background: #d5d1ca;
}

#navi .menu > li > a {
    background: #927960;
    color: #dfd6cf;
    transition:.2s;
}
#navi .menu > li > a:hover {
    background: #6d4e2f;
    color: white;
    transition:.5s;
}
#navi .menu > li {
    min-width: 10em;
    text-align: center;
}

#footer {
    background: #493e33;
}

/* page top */
#page-top a {
	width:4em;
	background:rgba(0, 0, 0, 0.4);
	border:1px solid rgba(255, 255, 255, 0.44);
}
/* ------------------------------------
ヘッダ
------------------------------------ */
#header .alignleft {
    background: rgba(255, 255, 255, 0.61);
    display: inline-block;
    text-align: left;
    padding: .25em 1em;
    margin-top: 1em;
    border-radius: 10px;
}
@media screen and (max-width: 1110px){
	div#header {
		background: rgb(247, 247, 247);
	}
	#header .alignleft {
		background: transparent;
		/* border-radius: 0px; */
		background: rgba(255, 255, 255, 0.61);
	}
}
/* ------------------------------------
一覧
------------------------------------ */
/* meta全般 */
.entry-card-content p.post-meta {
    font-size: 14px;
    color: #958577;
    line-height: 1.7;
    /* background: rgb(236, 236, 236); */
}

.entry-card-content span.category {
	display:inline-block;
}

.entry-card-content p.entry-read {
    margin-top: .75em;
}

/* カテゴリ */
.entry-card-content .post-meta a {
    text-decoration: none;
    border: 1px solid #a18b81;
    font-size: 75%;
    padding: 1px 1em 0px;
    background: #a99e7e;
    color: white;
    border-radius: 3px;
    transition: .2s;
    display: inline-block;
}

.entry-card-content .post-meta a:nth-of-type(2) {
    background: #8f7869;
}
.entry-card-content .post-meta a:nth-of-type(3) {
    background: #ad6c6c;
}
.entry-card-content .post-meta a:nth-of-type(4) {
    background: #a99e7e;
}
.entry-card-content span.fa.fa-folder.fa-fw {
    display: none;
}
.entry-card-content .post-meta a:hover {
    background: #795a36;
    color: white;
    transition: .5s;
}

/* カード */
.entry-card:nth-child(2n+1) {
	padding:1.5em;
	margin:-1.5em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* 続きを読む */
@media screen and (max-width: 639px){
	.entry-card:nth-child(2n+1) .entry-read a, 
	.related-entry-read a {
		background:#fbfbfb;

	}
}
/* ------------------------------------
記事本文
------------------------------------ */
/* レイアウト */
#main {
    padding: 40px 50px;
    border: none;
}

.article h2 {
    margin-left:-50px;
    margin-right:-50px;
}
@media screen and (max-width: 740px){
    #main {
        padding: 10px;
    }
    .article h2 {
        margin-left:-10px;
        margin-right:-10px;
    }
}
@media screen and (max-width: 639px){
    div#main {
        padding: 10px;
    }
    .article h2 {
        margin-left:-10px;
        margin-right:-10px;
    }
}


/* 記事タイトル */
.article h1 {
    background: #ebe9e5;
    padding: .75em 1em;
    box-shadow: 1px 1px 15px rgb(206, 182, 168) inset;
}
/* meta data */
.article .post-meta {
    font-size: 14px;
    border-bottom: 1px dotted #c6ab8f;
    color: #958577;
    background: transparent;
}
/* SNS */
div#sns-group-top {
    margin-bottom: 2em;
}

/* 記事の文字 */
.article {
    color: #444;
}

.article p {
    line-height: 1.75;
    margin-bottom: 1.5em;
}

/* キャプション付き画像 */
div.wp-caption {
    margin-bottom: 1.5em;
}

/* 目次 */
#toc_container.toc_light_blue {
    background: white;
    padding: 1em 1.5em 1.5em;
    border-radius: 5px;
    margin-top: 2.5em;
}
@media screen and (min-width: 640px){
	#toc_container.toc_light_blue {
		min-width: 320px;
	}
}

span.toc_number.toc_depth_1:after {
    content: "\0029";
}
span.toc_number.toc_depth_2:after {
    content: "\0029";
}

ul.toc_list > li {
    margin-bottom: .2em!important;
}

ul.toc_list > li:last-child {
    margin-bottom: 0!important;
}

ul.toc_list ul li a {
    font-size: 96%!important;
    color: #61698e;
}

ul.toc_list ul li a:hover {
    color: #C03;
}

/* 見出し */
.article h2 {
    background: #b69781;
    color: white;
    border-left: 10px solid #685345;
    border-radius: 0;
    margin-top: 1.75em;
    margin-bottom:1.25em;
}

.article h3 {
    border-color: rgb(211, 185, 158);
    color: #794e2a;
}

/*文字飛び出し修正*/
p.wp-caption-text {
	word-break: break-all;
}



/* ------------------------------------
リスト形式 
------------------------------------ */
.entry-content > ul,
.entry-content > ol {
    border: 1px solid #c0bebe;
    padding: 1.75em 1em 1.75em 2.5em;
    background: #fefbf5;
    margin-top: 1.5em;
    margin-bottom: 1.75em;
    color:#4a453e;
}
.entry-content > ul p,
.entry-content > ol p{
	margin:0;
}

.entry-content > ul > li,
.entry-content > ol > li{
    margin-bottom: .75em;
}
.entry-content > ul > li:last-child,
.entry-content > ol > li:last-child{
    margin-bottom:0em
}

.entry-content > ul ul li,
.entry-content > ol ul li{
   font-size:95%;
   margin-bottom:2px;
}

/* 標準 */
ul.normal{
    border: 0px solid #c0bebe;
    padding: 1em 1em 1em 2.5em;
    background: transparent;
    margin-top: 1em;
    margin-bottom: 1em;
    color:#4a453e;
}
ul.normal li{
	margin-bottom:0.25em
}

/*リスト形式　waku 以前のものをとりあえず残す */
ul.waku {
	background-color: #FFFEEA;
	border-radius: 2px;
	padding: 1em 2em;
	box-shadow: none;
	width: 85%;
	border: 1px solid #BFB284;
	margin-bottom: 2.5em;
	margin-top: 2em;
	list-style: none;
}

ul.waku.disc > li:before {
	content: "\f111";
	font-family: FontAwesome;
	color: #907b6e;
	font-size: 12px;
	margin-right: .5em;
	bottom: 2px;
	position: relative;
}

/*リスト形式　まとめ */
ul.matome {
	border: 1px solid #8c7660!important;
	list-style-type: none;
	padding-left: 3em;
}

ul.matome > li:before {
	content: "\f14a";
	font-family: FontAwesome;
	color: rgba(102, 62, 50, 0.71);
	float: left;
	margin-right: .25em;
	margin-left: -1.25em;
	font-size: 20px;
	position: relative;
	top: 1px;
}

/*リスト形式　まとめ：自動化 */
div#the-content > h2:last-of-type ~ ul {
	border: 1px solid #8c7660!important;
	list-style-type: none;
	padding-left: 3em;
}

div#the-content > h2:last-of-type ~ ul > li:before {
	content: "\f14a";
	font-family: FontAwesome;
	color: rgba(102, 62, 50, 0.71);
	float: left;
	margin-right: .25em;
	margin-left: -1.25em;
	font-size: 20px;
	position: relative;
	top: 1px;
}

/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事下：関連記事表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ------------------------------------
初期化
------------------------------------ */
/* 各記事表示：高さ固定を解除*/
.related-entry-thumbnail{
    height: initial;
    margin-right: .25em;
    width: 150px;
    float: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 1.5em;
}
/* サムネイル画像自体の横幅固定解除*/
.related-entry-thumbnail img {
    width: 100%;
}

/* サムネイル角丸初期化*/
.related-entry-thumbnail img {
    border-radius:0;
}

/* モバイル表示時の列表示調整 */
@media screen and (max-width: 480px){
    .related-entry-thumbnail:nth-child(2n) {
        margin-right: 0!important;
    }
    .related-entry-thumbnail {
        width: 130px !important;
        clear: both !important;
    }
}

/* 記事タイトル：マージン調整 */
.related-entry-thumbnail .related-entry-content {
    margin: 0;
}

h3.related-entry-title {
    margin-top: 0.3em;
    line-height: 1.2;
}

/* タイトル文字 */
.related-entry-thumbnail .related-entry-title a{
    font-size:14px;
    color:#655c4e;
}
.related-entry-thumbnail .related-entry-title a:hover{
    color:#d21414;
    text-decoration:underline;
}
/* タイトル背景 */
h3.related-entry-title {
    padding: 0.2em .4em 0;
    text-align:left;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}

/* サムネイル画像上：番号付け */
aside#related-entries {
    counter-reset: pupular-ranking;
}
.related-entry-thumbnail .related-entry-thumb:before {
    /* background:  rgba(189, 171, 171, 0.49); */
    color: #fff;
    content: counter(pupular-ranking, decimal);
    counter-increment: pupular-ranking;
    font-size: 13px;
    left: 0;
    top: 0;
    line-height: 1;
    padding: 2px 1em;
    height:20px;
    box-sizing:border-box;
    position: absolute;
    z-index: 1;
    font-family: Arial;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757575+0,757575+64,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(left,  rgba(117,117,117,0.65) 0%, rgba(117,117,117,0.23) 64%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(117,117,117,0.65) 0%,rgba(117,117,117,0.23) 64%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(117,117,117,0.65) 0%,rgba(117,117,117,0.23) 64%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6757575', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

/* サムネイル画像上：飾り付け */
.related-entry-thumbnail .related-entry-thumb{
   position:relative; 
}
.related-entry-thumb a:after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: rgba(255,255,255,0.5);
    border-width: 20px 0 20px;
    border-style: solid;
    box-sizing: border-box;
	
	/* リング状にする設定→単に横棒にする場合には、100pxを0pxに変更する */
    border-radius:0px;
}


/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sidebar h3:first-child {
    margin-top: 0;
}
#sidebar h3 {
    background: rgb(114, 72, 72);
    padding: .5em;
    color: white;
}
#sidebar .widget {
    margin-bottom: 50px;
}

/* ------------------------------------
Popular Posts
------------------------------------ */
#sidebar .widget_popular_ranking ul.wpp-list {
    counter-reset: wpp-ranking;
}
#sidebar .widget_popular_ranking ul li:before {
    counter-increment: wpp-ranking;
    content: "Rank: " counter(wpp-ranking) "位 !";
    background: rgba(105, 74, 20, 0.54)!important;
    color: #fff!important;
    font-size: 14px!important;
    left: 0!important;
    top: 0!important;
    line-height: 1!important;
    padding: 4px 7px!important;
    position: absolute!important;
    z-index: 1!important;
    border-radius: 2px!important;
    font-family: Arial;
    border: 1px solid #80663e!important;
    text-align: center;
}

#sidebar .widget_popular_ranking ul li {
    margin-bottom: .75em;
}

#sidebar .widget_popular_ranking ul li img {
    border-radius: 0;
}

#sidebar .widget_popular_ranking ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    box-shadow: 0px 0px 50px black inset;
}

#sidebar .widget_popular_ranking a.wpp-post-title {
	color:#d8d8d8;
	font-size: 85%;
	padding: .5em 1em 1em;
	text-shadow: 1px 1px 10px black;
	z-index: 100;
}
/* ------------------------------------
Text Widget・カテゴリ共通
------------------------------------ */
/* 背景 */
#sidebar .textwidget, #sidebar #categories-4 ul
{
    background: rgb(135, 87, 87);
    background: #665c4e;
}

/* リンク余白 */
#sidebar .textwidget a,
#sidebar #categories-4 a{
    margin-right:1em;
    margin-left:0;
}
/* リンク先頭マーク */
#sidebar .textwidget a:before,
aside#categories-4 a:before{
	content: "\f0da";
	font-family: FontAwesome;
	color: rgb(114, 72, 72);
	margin-right: .25em;
	margin-left: 0em;
	font-size: 20px;
	position: relative;
	top: 2px;
	display:inline-block;
}


/* リスト形式の場合 */
/* リンク色 */
#sidebar .textwidget ul li a,
#sidebar #categories-4 a {
    color: #2c2c2c;
    text-decoration: none;
    border: 1px solid #9c8d74;
    background: #bbb09f;
    display: block;
    padding: .25em .5em;
    margin: 0;
}
#sidebar .textwidget ul li a:hover,
#sidebar #categories-4 a:hover {
    background: #8d7756;
    color: white;
    transition: .3s;
}

/* リンク先頭マーク */
#sidebar .textwidget ul li a:before,
#sidebar #categories-4 ul a:before{
	color: rgb(114, 72, 72);
}

/* ------------------------------------
Text Widget
------------------------------------ */
/* 余白 */
#sidebar .textwidget{
    padding: 5px 10px;
}
#sidebar .textwidget ul{
	padding:0;
}

/* 通常のリンク */
/* リンク色 */
#sidebar .textwidget a{
    color: #d4d4d4;
}
#sidebar .textwidget a:hover{
    color: #c3a490;
}
/* リンク先頭マーク */
#sidebar .textwidget a:before{
	color:#d4d4d4;
}

/* ------------------------------------
New Entries
------------------------------------ */
#sidebar .widget_new_entries {
    line-height: 1.4;
    font-size:14px;
}
#sidebar .widget_new_entries ul.new-entrys img{
	margin-top:0;
}

/* 番号付け */
#sidebar .widget_new_entries ul.new-entrys {
    counter-reset: new_entries-ranking;
}
#sidebar .widget_new_entries ul.new-entrys li{
	position:relative;
}
#sidebar .widget_new_entries ul.new-entrys li:before {
	counter-increment: new_entries-ranking;      /* section カウンタを増加 */
	content: "New " counter(new_entries-ranking); /* カウンタを表示 */
	background: rgba(129, 129, 129, 0.54);
	width: 67px;
	color: #f9f9f9;
	font-size: 10px;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 3px 3px 3px 5px;
	position: absolute;
	z-index: 1;
	font-family: Arial;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}
/* ------------------------------------
アーカイブ：ドロップダウン
------------------------------------ */
#sidebar select#archives-dropdown-3 {
    padding: .25em;
    background: #f3ebe8;
    min-width: 10em;
}

/* ------------------------------------
カテゴリ
------------------------------------ */
/* 余白 */
#sidebar #categories-4 ul {
    /* margin: 0!important; */
    padding: .75em .5em .75em;
}

#sidebar .textwidget > p > a {
    margin: 0;
}
#sidebar .textwidget > p > a:before{
    display:none;
}