@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a,
a:visited,
.widget-area .widget a,
footer[role="contentinfo"] a,
.widget-area .widget a:visited,
footer[role="contentinfo"] a:visited,
.entry-content a:visited {
	color: #28608f;
	text-decoration: none;
}
a:hover,
footer[role="contentinfo"] a:hover,
.widget-area .widget a:hover,
.entry-content a:hover {
	color: #68b9db;
	transition: all 0.1s;
}
.badge {
	background-color: #dedede;/*changed from blue #e0eeee*/
	color: #000;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	display:none;
}
#bbpress-forums div.bbp-reply-header {/*返信内容の上のグレーのヘッダの高さを小さく*/
    line-height: 0.9;
}
#bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author {
	display: none;
}
.bbp-reply-content {
    display:inline;/*アバターの領域を完全に消す*/
}
.bbp-topic-content p,
.bbp-reply-content p {/*アバター領域を消すと左余白がどのテーマでもなくなるため再設定*/
	padding: 0px 4px 0px !important;
	font-size: 13px;
	line-height: 1.5;
}
.bbp-pagination {/*何件中の何件を表示中という文言を小さく*/	
	font-size:11px;
}
.bbp-no-reply .bbp-template-notice{/*返信するには要ログインを削除*/
    visibility:hidden;
}

/* 見出しカスタマイズ */
/* H2 */
.article h2{
font-size:20px;
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: red;/*文字色*/
  background: #f4f4f4;/*背景色*/  
  border-bottom: solid 3px #ccc;/*下線*/
	
}
/* H5 */
.article h5{
font-size:16px;
border-bottom: 1px solid #aaa;
margin: 15px 0;
padding: 5px 0;
position: relative;
}
.article h5:before, h5:after {
content: '';
border-right: 20px solid #fff;
border-top: 15px solid #aaa;
bottom: -15px;
position: absolute;
left: 25px;
}
.article h5:after {
border-top-color: #fff;
border-right-color: transparent;
bottom: -13px;
left: 26px;
}

/****
#bbpress-forums .bbp-topic-content p,
#bbpress-forums .bbp-reply-content p {
	line-height: 1.4;
}
*****/
/****
.bbp-no-reply .bbp-template-notice:after{
	content:'ログインしてコメントする';
	visibility:visible;
	font-size:13px;
}
*****/

/****************** Replies Paginationのためのカスタマイズ後左寄せになったものを修正*/
/**#pagination-links {
text-align: right;
}
#pagination-links .page-numbers {
margin:0 0 5px;
}*****/
/**#pagination-links a.page-numbers,
#pagination-links span.page-numbers.current{
	display:inline-block;
	width: 35px;
	height: 35px;
	font-size:13px;
	line-height:2.8;
}***/

#bbpress-forums .submit {
    float: center;    
    border-radius: 10px;
    height: 35px;
    width: 80px;
    font-size: 14px;
	line-height:0.5;
}

/***********.bbp-topic-title {
	padding:0px;
	margin: 0px;
    width: 100% !important;
	color: #fff;
}
div.bbp-template-notice p,
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
	font-weight: 400;
	font-size: 13px;
}
#bbps-topic-status {
    float: none;
	display: none;
}
#bbps-topic-status label {
	display: none;
}
.bbp-pagination:after {
	content: "";
	display: table;
	clear: both;
}
.bbp-reply-header .bbp-reply-title {
	padding: 20px;
}
********************/



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.content .main, .content .sidebar {/*余白を小さく*/
		padding: 3px;
	}
	.bbp-reply-content p {
	font-size: 15px;
	line-height: 1.3;
	}
}