@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */




/*************************************************************************************************************************
 グローバルナビメニュー
*************************************************************************************************************************/
#navi{
	border-bottom: 1px dotted #A5D4AD;
	background-color: rgba( 255, 255, 255, 0.5 );
}

#navi ul li a:hover{
	background-color: #A5D4AD;
}

#navi ul.sub-menu{
	background-color: #EBF5EC;
}

#navi ul.sub-menu li a:hover {
	background-color: #A5D4AD;
}


/*************************************************************************************************************************
 記事一覧
*************************************************************************************************************************/







/*************************************************************************************************************************
 個別記事見出し
*************************************************************************************************************************/
.article h1 {
font-size:20px;
background: linear-gradient(transparent 70%, #88ffc4 70%);
}

.article h2 {
	font-size: 18px;
	 background: linear-gradient(transparent 70%, #88ffc4 70%);
}

.article h3 {
	font-size: 16px;
	 background: linear-gradient(transparent 70%, #88ffc4 70%);
}
 
.article h4 {
	font-size: 14px;
	 background: linear-gradient(transparent 70%, #88ffc4 70%);
}


/*************************************************************************************************************************
 投稿日・カテゴリ
*************************************************************************************************************************/
.post-meta{
	border-color: #A5D4AD;
}

/*************************************************************************************************************************
 続きを読む
*************************************************************************************************************************/
a.entry-read-link:before,
.related-entry-read a:before{
	font-family: 'FontAwesome';
	content: '\f01d';
	margin-right: 5px;
}

a.entry-read-link,
.related-entry-read a{
	background-color: #EBF5EC;
	border: 1px solid #EBF5EC;
}

a:hover.entry-read-link,
.related-entry-read a:hover{
	background-color: #A5D4AD;
	border: 1px solid #A5D4AD;
}

/*************************************************************************************************************************
 関連記事
*************************************************************************************************************************/
#related-entries h2{
background: linear-gradient(transparent 70%, #88ffc4 70%);
}



/*************************************************************************************************************************
 コメント
*************************************************************************************************************************/
#reply-title{
background: linear-gradient(transparent 70%, #88ffc4 70%);
}



/*************************************************************************************************************************
 ナビゲーション
*************************************************************************************************************************/
.navigation a:hover{
  background: #EBF5EC;
}

/*************************************************************************************************************************
 ページネーション
*************************************************************************************************************************/
.pagination a:hover{
	background-color: #A5D4AD;
}

.pagination li{
	border-bottom: 1px solid #A5D4AD;
}

.pagination li.first{
	position: relative;
}

.pagination li.first:before{
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #A5D4AD;
	font-size: 20px;
	position: absolute;
	left: -14px;
	bottom: -10.3px;
}

.pagination li.last{
	position: relative;
}

.pagination li.last:after{
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #A5D4AD;
	font-size: 20px;
	position: absolute;
	right: -14px;
	bottom: -10.3px;
}

.pagination li:not([class*="current"]) a:hover{
	background-color: #A5D4AD;
}

.pagination li.current a{
	background-color: #EBF5EC;
}


/*************************************************************************************************************************
 サイドバー
*************************************************************************************************************************/






#sidebar aside h3{
background: linear-gradient(transparent 70%, #88ffc4 70%);
}









/*************************************************************************************************************************
 フッター
*************************************************************************************************************************/
#footer{
	border-top: 1px dotted #A5D4AD;
}

#footer a{
	color: #6C9BD2;
}

#copyright a{
	color: #6C9BD2;
	text-decoration: underline;
}























#main .entry {border-bottom: 1px dotted #ccc;
padding-bottom: 1px;
}






.comment-form-url {display: none;}


/*メインウィジェット */

.top_main_widget {
 padding:0px;
margin-top:5px;
  margin-bottom:5px;
font-size: 14px;
}








/* Fancier Author Box プロフィール写真サイズを変更 */
.ts-fab-avatar {
    width: 160px;
}
.ts-fab-avatar>img {
    width: 150px;
}



.bbp-breadcrumb{
 display: none;
 }



/* 背景の透明化 */
#main{
	background-color:transparent;
}

/* 関連記事非表示 
#related-entries { display: none; }*/

.mobile #related-entries { display: none; }


.page
 .entry-title {
 display: none;
 }












.entry-snippet {
    display: none;
}
.entry-read {
    display: none;
}


#main .related-entry {
 border-bottom: 1px dotted #333333;
 padding-bottom: 1px;
}


/* フォントを灰色にする */
body{
　color:#555555 !important;
}

/*SimplicityでbbPressのスタイルを整える*/
.bbp-breadcrumb-home,
.bbp-breadcrumb-home+.bbp-breadcrumb-sep,
.topic .post-date,
.topic .post-update,
.topic .footer-post-meta,
.post-0 .post-date,
.post-0 .post-update,
.post-0 .footer-post-meta,
.forum .post-date,
.forum .post-update,
.forum .footer-post-meta{
    display: none;
}

#bbp_search{
    font-size: 17px;
    height: 28px;
}

.post-0 .post-meta{
    height: 27px;
}

.bbp-reply-content{
    font-size: 16px;
    line-height: 170%;
}

.bbp-forum-title{
    font-size: 16px !important;
}

.bbp-topic-permalink{
    font-size: 14px !important;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #555 !important;
}





/*Popular Posts ランキングの色を変更*/
.ranking_list ul li:first-child:before{
    color:black; 
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 80%;
    left: 0;
    top: 3px;
    line-height: 1;
    padding: 6px 9px;
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    font-family: Arial;
    font-weight: bold;
    background: rgb(249,214,124); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(249,214,124,1) 1%, rgba(248,181,0,1) 21%, 
    rgba(248,181,0,1) 21%, rgba(252,205,77,1) 45%, rgba(248,181,0,1) 78%, rgba(251,223,147,1) 100%); /* 
    FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(249,214,124,1) 1%,rgba(248,181,0,1) 
    21%,rgba(248,181,0,1) 21%,rgba(252,205,77,1) 45%,rgba(248,181,0,1) 78%,rgba(251,223,147,1) 100%); /* 
    Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(249,214,124,1) 1%,rgba(248,181,0,1) 21%,rgba(248,181,0,1) 
    21%,rgba(252,205,77,1) 45%,rgba(248,181,0,1) 78%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, 
    Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d67c', 
    endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ranking_list ul li:nth-child(2):before{
    color:black; 
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 80%;
    left: 0;
    top: 3px;
    line-height: 1;
    padding: 6px 9px;
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    font-family: Arial;
    font-weight: bold;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, 
    rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 
    21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10-
    25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 
    49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, 
    Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', 
    endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ranking_list ul li:nth-child(3):before{
    color:black; 
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 80%;
    left: 0;
    top: 3px;
    line-height: 1;
    padding: 6px 9px;
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    font-family: Arial;
    font-weight: bold;
    background: rgb(117,34,1); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(117,34,1,1) 10%, rgba(240,183,161,1) 30%, 
    rgba(240,183,161,1) 30%, rgba(240,183,161,1) 38%, rgba(140,51,16,1) 61%, rgba(140,51,16,1) 61%, 
    rgba(140,51,16,1) 74%, rgba(191,110,78,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(117,34,1,1) 10%,rgba(240,183,161,1) 
    30%,rgba(240,183,161,1) 30%,rgba(240,183,161,1) 38%,rgba(140,51,16,1) 61%,rgba(140,51,16,1) 
    61%,rgba(140,51,16,1) 74%,rgba(191,110,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(117,34,1,1) 10%,rgba(240,183,161,1) 30%,rgba(240,183,161,1) 
    30%,rgba(240,183,161,1) 38%,rgba(140,51,16,1) 61%,rgba(140,51,16,1) 61%,rgba(140,51,16,1) 
    74%,rgba(191,110,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#752201', 
    endColorstr='#bf6e4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ranking_list ul li:nth-child(n+4):before{
    color:black; 
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 80%;
    left: 0;
    top: 3px;
    line-height: 1;
    padding: 4px 7px;
    position: absolute;
    z-index: 1;　
    border-radius: 3px;
    font-family: Arial;
    font-weight: bold;
    background: rgb(239,197,202); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(239,197,202,1) 0%, rgba(186,39,55,1) 13%, 
    rgba(186,39,55,1) 35%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 63%, rgba(186,39,55,1) 72%, 
    rgba(241,142,153,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(239,197,202,1) 0%,rgba(186,39,55,1) 
    13%,rgba(186,39,55,1) 35%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 63%,rgba(186,39,55,1) 
    72%,rgba(241,142,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(239,197,202,1) 0%,rgba(186,39,55,1) 13%,rgba(186,39,55,1) 
    35%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 63%,rgba(186,39,55,1) 72%,rgba(241,142,153,1) 100%); /* 
    W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', 
    endColorstr='#f18e99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* すべてのセルに枠線を付加する */
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
    border: 1px solid 
 Silver  !important;
}

/************************************
** bbpress ぱんくずりすと非表示
************************************/
.bbp-breadcrumb{
display: none;
}

.lcp_catlist{
	position: relative;
	padding: 0; 
	margin: 0; 
}
.lcp_catlist a {
    text-decoration: none;
	font-weight: bold;
}
.lcp_catlist a:hover {
	text-decoration: underline;
}
ul.lcp_catlist li {
	list-style:none;
	padding: 10px 0 15px 0;
}
ul.lcp_catlist li img {
	float: left;
	margin-right: 10px;
	padding: 0;
	border-radius: 10px;
}

@media screen and (max-width: 440px){
	.article ul,
	.article ol{
		padding-left: 0;
	}
	ul.lcp_catlist li {
		list-style:none;
		padding: 10px 0 15px 0;
	}
}
/* iphone plus */
@media screen and (max-width: 414px){
	.article ul,
	.article ol{
		padding-left: 0;
	}
	ul.lcp_catlist li {
		list-style:none;
		padding: 10px 0 15px 0;
	}
}