@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/







/************************************
** 返信の折り畳みをデフォルトで閉じる状態にする
************************************/
#wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-1{
    display: none;
}

/************************************
** 投稿画面一番下のコメント欄の文言変更
************************************/
#wpforo #wpforo-wrap .wpf-form-wrapper.wpfel-4 .wpf-reply-form-title {font-size:0 !important; }
#wpforo #wpforo-wrap .wpf-form-wrapper.wpfel-4 .wpf-reply-form-title:before {font-size: 14px; content: "⇩解決連絡";}

#wpforo #wpforo-wrap .wpf-form-wrapper.wpfel-4 .wpf-reply-form-title {
border-radius: 14px;
border: dotted thin #FF4500;
color: #FF4500 !important;
background-color: #f5f5f5 !important;
width: 100px !important;
padding: 5px 5px !important;
text-align: center; 
height: 30px;
}


/************************************
** 投稿のスマホ表示のtableのwarpを解除（2段にならず1段のまま）

    #wpforo #wpforo-wrap .wpf-topic-fields .wpf-topic-field {
        flex-wrap: nowrap! important;
        margin-bottom: 1px! important;
    }

#wpforo #wpforo-wrap .wpf-topic-field .wpf-topic-field-label, #wpforo #wpforo-wrap .wpf-topic-field .wpf-topic-field-value {
        width: 160px! important;
    }

#wpforo #wpforo-wrap .wpf-topic-field .wpf-topic-field-label {
    margin-right: 1px! important;
}
************************************/

/************************************
** 編集アイコンを文字へ変更
************************************/
.fas.fa-edit.wpfsx:before {
font-size: 13px !important;
content: "投稿内容を編集"! important;
border-radius: 15px;
border: dotted thin #191970;
color: #FFFFFF !important;
background-color: #0099cc !important;
padding: 5px !important;
font-weight: normal;
}

/************************************
** 検索画面の「検索タイプ」の文字消し（Template.phpをいじって-customを付けている）
************************************/
.wpforo-td.wpfw-40.wpfrtd-custom {
    display: none !important;
}


/************************************
** フロンページ Step アイコンの装飾（他に影響がある場合はフロントページに個別にCSS書く）
************************************/
.badge-red {
    border-radius: 15px;
    border: dotted thin #ff0000;
    color: #ff0000 !important;
    background-color: #fffafa !important;
}

/************************************
** 投稿登録のタイトル文字を調整
************************************/
#wpforo #wpforo-wrap .wpf-add-topic-title {
    border: 1px dashed #000000 !important; 
    color: #000000 !important;
	text-transform: none !important;
}

/************************************
** topic作成画面上部にあるフォーラム選択のプルダウンメニュー消し
************************************/
.wpf-topic-forum-field {
    display: none !important;
}

/************************************
** プロフィール画面の複数のステータスアイコン消し
************************************/
#wpforo #wpforo-wrap .wpf-profile-section .wpf-section-stat {
    display: none !important;
}

/************************************
** 投稿時にプレビュー「保存しました」のアイコンと文字消し
************************************/
.fas.fa-check.wpf-rev-saved-ico {
    display: none !important;
}

.wpforo-revision-action-button.wpforo_revision_saved.wpf-disabled {
    display: none !important;
}

/************************************
** プロフィール、アクティビティの「解決済」の文字調整
************************************/
#wpforo #wpforo-wrap .wpf-activity-icon i {
    background: transparent !important;
    box-shadow:none !important;
	width: auto !important;
}

/************************************
** 投稿下部の訪問者情報欄の非表示
************************************/
#wpforo #wpforo-wrap .wpf-topic-visitors {
    display: none !important;
}

/************************************
** 投稿下部のトピックタグ欄の非表示
************************************/
#wpforo #wpforo-wrap .wpfl-4 .wpforo-topic-meta .wpforo-tags {
    display: none !important;
}

#wpforo #wpforo-wrap .wpf-tag-list .wpforo-tags {
        display: none !important;
}


/************************************
** 「返信」の「キャンセル」アイコンの文字色と背景色の変更
************************************/
#wpforo #wpforo-wrap .wpforo-portable-form-wrap .wpf-button-secondary {
    color: #ff0000 !important;
    background-color: #ffe4e1 !important;
}


#wpforo #wpforo-wrap input[type="button"] {
    color: #ff0000 !important;
    background-color: #ffe4e1 !important;
}


/************************************
** 「返信をメールで受け取る」のfloatを解除して「キャンセル」「返信」のアイコンを改行させる
************************************/
#wpforo #wpforo-wrap .wpforo-portable-form-wrap .wpf-topic-sbs {
    float: none !important; 
}


/************************************
** 投稿の一番下の返信欄を非表示

#wpforo #wpforo-wrap .wpf-form-wrapper.wpfel-4 {
    display: none !important; 
}
************************************/







/************************************
** 「管理者」と「admin」の文字色を変更
************************************/

#wpforo #wpforo-wrap a:visited {
    color: #696969 !important; 
}

#wpforo #wpforo-wrap a {
    color: #696969 !important; 
}

.wpf-member-title.wpfut.wpfug-1.wpfbr-b.wpfcl-b {
    border: 1px solid #696969 !important;
}

.wpf-member-title.wpfut.wpfug-1.wpfbr-b.wpfcl-b {
    color: #696969 !important;
}

/* 「次へ」と「前へ」ボタンの文字色を白へ強制 */
#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-next-button {
    background: #0099cc;
    color: #ffffff !important;
}

#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-prev-button {
    background: #0099cc;
    color: #ffffff !important;
}

/************************************
** フロントページのタイトルを「ペットの迷子検索.com」にするためダミーフォーラム消し
************************************/
#wpforo-wrap.wpf-grey.wpft-forum.wpf-auth.wpfu-group-1.wpf-theme-2022.wpf-is_standalone-0.wpf-boardid-0.is_wpforo_page-1.is_wpforo_url-0.is_wpforo_shortcode_page-1.wpforo {
        display: none !important; 
    }

#wpforo-wrap.wpf-grey.wpft-forum.wpf-guest.wpfu-group-4.wpf-theme-2022.wpf-is_standalone-0.wpf-boardid-0.is_wpforo_page-1.is_wpforo_url-0.is_wpforo_shortcode_page-1.wpforo {
        display: none !important; 
    }







/************************************
**sidebarの隙間調整
************************************/
.sidebar h2, .sidebar h3 {
    padding: 5px !important; 
    margin: 5px 0 !important; 
}



/************************************
**Threadedの投稿一覧の表示変更など（スマホ画面用）
************************************/

@media screen and (max-width: 480px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-author, #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-author {
        display: flex !important; 
    }

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img, #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img.avatar {
    display:none !important; 
}
	
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply {
    display:none !important; 
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-last-reply {
    display:none !important; 
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread .wpf-thread-forum-mobile {
        display:none !important; 
    }
	

}

/************************************
**Threadedの投稿画面のアバターサイズ調整（スマホ画面用）
************************************/

@media screen and (max-width: 800px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .avatar {
        max-height: 80px !important; 
    }
}

	
/************************************
**投稿の個別返信を青枠と青文字
************************************/	
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reply .wpf-action {
    border-radius: 15px;
    border: dotted thin #0099cc;
    color: #0099cc !important;
    background-color: #f3fafe !important;
}	




/************************************
**コメント欄のエディタ非表示
************************************/
div.mce-toolbar-grp {
    display:none !important; 
}


/************************************
**ログイン、登録画面の「Only fill in if you are not human」を消す
************************************/
.um-register .um_request_name{ display:none !important; }

.um_request_name{ display:none !important; }


/************************************
** 登録時に説明文の文字や枠の色変更
************************************/
.um-tip-text {

	font-size: 15px !important;
	padding-top: 5px !important;
}

.um-field-label label {
    color: #000000;
}


form {
background-color: #f5f5f5 !important;
}

.um span.um-req {
    color: #ff0000 !important;
}

.um-field-area {
    padding: 0px 10px;
}

/************************************
** スマホ用投稿一覧のサイズ調整
************************************/
@media screen and (max-width: 620px) {
    #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info {
        width: 100% !important;
	}
}

/************************************
** 最近のメンバー消し
************************************/
#wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-member {
    display:none !important;
}


/************************************
** アバターを四角にする
************************************/

#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpf-member-avatar img, #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpf-member-avatar img.avatar {
    border-radius: 0% !important;
    border-top-left-radius: 0% !important;
    border-top-right-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
    border-bottom-left-radius: 0% !important;
}

#wpforo #wpforo-wrap img.avatar, #wpforo #wpforo-wrap .wpf-sbd-avatar img, #wpforo #wpforo-wrap .wpforo-last-post-avatar img, #wpforo #wpforo-wrap .wpforo-topic-author img, #wpforo #wpforo-wrap .wpforo-last-topic-avatar img, #wpforo #wpforo-wrap .wpf-thread-last-avatar img, #wpforo #wpforo-wrap .wpf-thread-users-avatars img, #wpforo #wpforo-wrap .wpf-tmi-user-avatar img, #wpforo #wpforo-wrap .wpf-tmi-item img, #wpforo #wpforo-wrap .author-avatar img, #wpforo #wpforo-wrap .wpforo-post-avatar img, #wpforo #wpforo-wrap .wpforo-comment-avatar img, #wpforo #wpforo-wrap .wpf-author-avatar img {
    border-radius: 0% !important;
    border-top-left-radius: 0% !important;
    border-top-right-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
    border-bottom-left-radius: 0% !important;
}

#wpforo .wpforo-widget-wrap .wpforo-widget-content .avatar, .wpforo-widget-wrap .wpforo-widget-content .avatar {
    border-radius: 0% !important;
    border-top-left-radius: 0% !important;
    border-top-right-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
    border-bottom-left-radius: 0% !important;
}


.um-misc-img img {
    border-radius: 0px !important;
}

/************************************
** topicのオンラインアイコン消し
************************************/

.fa-circle:before {
    display:none !important;
}

/************************************
** 検索フィールドをクレーにする
************************************/
#wpforo #wpf-widget-search input[type="text"], #wpf-widget-search input[type="text"] {
	background-color: #dcdcdc !important; 
}


/************************************
** 編集ボタンあたりの背景を白くする
************************************
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpf-post-button-actions span.wpf-action {
    background-color: #ffffff !important; 
}
*/

/************************************
** フォーラム（topic一覧）の「トピック作成」を消す
************************************/
#wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-right {
    display:none !important;
}


#wpforo #wpforo-wrap .wpforo-category .wpf-button {
    display:none !important;
}



/************************************
** フォーラム下の説明アイコン消す
************************************/
#wpforo #wpforo-wrap #wpforo-stat-body .wpf-last-info.wpf-footer-box {
    display:none !important;
}



/************************************
** search widget のtoggle消しなど
************************************/
#wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar .wpf-toggle-wrap .wpf-toggle .wpf-toggle-button {
    display: none !important;
}


#wpforo #wpforo-wrap .wpf-search-advanced-fields, #wpforo #wpforo-wrap .wpf-search-custom-fields {
    display: block !important;
}



/************************************
** search widget の検索タイプ、 期間範囲で検索、検索結果を並べ替え、消しなど

div.wpforo-td.wpfw-40.wpfrtd {
    display: none !important;
}
************************************/

/************************************
** search widget の検索結果など
************************************/
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ptr {
    display: none !important;
}






/************************************
** search widget のアイコンを中央表示
************************************/
#wpforo #wpforo-wrap tr, #wpforo #wpforo-wrap th, #wpforo #wpforo-wrap td {
    vertical-align: middle !important; 
	padding: 2px !important;
}




/************************************
** search＆filterの検索ボタン色変更
************************************/
input[type=submit] {
    background-color: #2ca9e1;
	color: #ffffff;
}


/************************************
** earch＆filterの「フォーラムで検索」の文字間隔調整
************************************/
option {
    padding: 1px;
}


/************************************
** search＆filterの列並び変更
************************************/
body{
    display:block;
}
.searchandfilter p{
    display:block;
}
.searchandfilter ul{
    display:block;
}
.searchandfilter li{
    list-style: none;
    display:block;
    margin-bottom: 1em;
}
.widget-area .searchandfilter li, .widget-area .searchandfilter p{
    display:block;
}
.searchandfilter{
    text-align: center;
}





/************************************
** topic一覧のアイコンを文字に変更
************************************/

.fa-check-circle::before {
font-size: 14px !important;
content: "[解決済]"! important;
color: #FF0000 !important;	
}

.fa-check:before {
font-size: 11px !important;
content: "[解決済]"! important;
color: #FF0000 !important;	
}

/* [解決済にする] の左側のアイコン消し ※これを消さないとアイコンが[解決済]になる */
.fas.fa-check-circle.wpfsx {
        display: none !important; 
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action i.fa-eye, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action i.fa-eye-slash, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action i.fa-quote-left {
    display: none !important;
}


/* [解決済にする] などの背景色をブルーに変更 */
#wpforo #wpforo-wrap.wpft-post .wpf-manage-link .wpf-action {
    background: #0099cc !important;
    color: #ffffff !important;
}


/* [削除する] を改行させる
.wpf-action2.wpforo-delete2 {
    display: block !important;
    }
 */


/************************************
** topic上部の文字変更
************************************/
.wpf-action.wpforo-solved {font-size:0 !important; }
.wpf-action.wpforo-solved:before {font-size: 13px; content: "解決済にする";}

.wpf-action.wpforo-unsolved {font-size:0 !important; }
.wpf-action.wpforo-unsolved:before {font-size: 13px; content: "未解決にする";}

.wpf-action.wpforo-close {font-size:0 !important; }
.wpf-action.wpforo-close:before {font-size: 13px; content: "クローズにする";}

.wpf-action.wpforo-open {font-size:0 !important; }
.wpf-action.wpforo-open:before {font-size: 13px; content: "オープンにする";}

.wpf-action.wpforo-private {font-size:0 !important; }
.wpf-action.wpforo-private:before {font-size: 13px; content: "非公開にする";}

.wpf-action.wpforo-public {font-size:0 !important; }
.wpf-action.wpforo-public:before {font-size: 13px; content: "公開にする";}

/************************************
** profileのアバター縦横比を調整
************************************/
profile-avatar img, #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-profile-avatar img.avatar {
  object-fit: cover;
  object-position: 50% 50%;
}




/************************************
** profileのアバターオンラインアイコン消し
************************************/
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-profile-avatar .wpf-profile-online {
  display: none;
}





/************************************
** 掲示板最新記事にアバター名と日付消し
************************************/
.wpfp-joined {
  display: none;
}


#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button{box-shadow: none; line-height: 10px; padding: 6px 18px 7px 18px !important; display: none; justify-content: center; align-items: center;}



/************************************
** 投稿者とか投稿数とか時間消し（Simplified）
************************************/

.wpforo-forum-data {
  display: none;
}

.wpfcl-2 {
  display: none;
}



/************************************
** トップページwidgetの画像調整
************************************/

.postuser {
  display: none;
}


.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right {
	 font-size: 12px;
}


.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img {
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    object-fit: cover !important;
}



/************************************
** トピックの背景を白へ変更（Simplified）
***********************************
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content {
    background-color:#ffffff;
}

#wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-top {
    background-color:#ffffff;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-post-button-actions .wpforo-action-buttons-wrap .wpf-action i {
  display: none;
}
*/


/************************************
** 投稿者とか投稿数とか時間消し（拡張 ※消す予定 未使用）
************************************/
.wpf-tags-text {
  display: none;
}

.wpf-thread-author-name {
  display: none;
}






/************************************
** 相互リンク集のフォントサイズ変更（モバイル時を意識）
************************************/




/************************************
** サイドバーのタイトル文字サイズ
.sidebar h3 {
    background-color: var(--cocoon-xx-thin-color);
    padding: 5px;
    margin: 5px 0;
    font-size: 16px;
}

.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left {
        float: left !important;
    }

.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right {
        float: right !important;
        width: 60% !important;
    }
		
	
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img {
	min-width: 120px !important;
	min-height: 120px !important;
    width: 120px !important;
    height: 120px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
　　display: block;
　　margin-left: auto;
　　margin-right: auto;
    }
************************************/


/************************************
** 最近の投稿のPC版画像サイズ調整
************************************/
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content.wpfr-topics td.wpf-spost-avatar img.avatar {
    max-width: 50px !important;
	width: 50px !important;
    max-height: 50px !important;
	height: 50px !important;
    object-fit: cover !important;
    object-position: 50% 50%;	
}





/************************************
** 検索絞り込みの親フォーラム名消し
************************************/
option:disabled {
    display:none !important;
}


/************************************
** 検索結果のアイコンサイズ調整（PC用）
************************************/
#wpforo #wpforo-wrap img.avatar {
	max-width: 50px !important;
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
}



/************************************
** リプライ時のアイコンサイズ調整（PC用）
************************************/
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar img, #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar .avatar {
    max-height: 50px !important;
}



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


#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 35px;
}
	
	
	
	
/************************************
** PCもハンバーガーメニューにする
************************************/

.logo-text {
    display: none !important;
}	
	
.mobile-header-menu-buttons {
	display: flex;
	bottom: auto;
	top: 0;
	justify-content: space-evenly;
}

.navi-in > ul {
    display: none !important;
}

.mobile-menu-buttons .menu-button {
    position: relative;
    width: 200px !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}



}



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

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

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

	/*トップページ最新投稿画像サイズ
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left {
        float: left !important;
    }

.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right {
        float: right !important;
        width: 60% !important;
    }
		
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img {
	min-width: 120px !important;
	min-height: 120px !important;
    width: 120px !important;
    height: 120px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
　　display: block;
　　margin-left: auto;
　　margin-right: auto;
    }
	*/
	
	/*topic一覧最新投稿画像サイズ*/
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
}
	

	/*最近の投稿投稿画像サイズ*/
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content.wpfr-topics td.wpf-spost-avatar img.avatar {
	max-width: 80px !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
}
	


		/*topicのアイコンサイズ調整*/
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar {
   max-height: 80px !important;
}

	/*↑上のtopicのアイコンサイズ調整に合わせてニックネームなどの位置調整*/
    #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-data {
        margin-left: 80px !important;
    }

	
	/*検索結果のアイコンサイズ表性*/
#wpforo #wpforo-wrap img.avatar {
	max-width: 80px !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
}

	/*スマホ用投稿画面のアイコン横の説明文の余白調整①*/
#wpforo #wpforo-wrap .wpf-author-nicename {
    padding-left: 5px !important;
}

	/*スマホ用投稿画面のアイコン横の説明文の余白調整②*/
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .wpf-member-profile-buttons {
    padding-left: 5px !important;
}

	/*スマホ用投稿画面のアイコン横の説明文の余白調整③*/
    #wpforo #wpforo-wrap div.author-posts {
	padding-left: 5px !important;	
    }


	/*スマホ用リプライ時のアイコンサイズを小さく調整*/
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar .avatar {
	max-height: 40px !important;
	width: 40px !important;
    height: 40px !important;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item img, #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item .avatar {
	max-height: 25px !important;
	max-width: 25px !important;
    width: 25px !important;
    height: 25px !important;
}

	

	
}


/************************************
** ページタイトル削除
************************************/

a[href*="maigokensaku.com"] {
    text-decoration: none;
}

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






/************************************
****　添付クリップ表示消す
************************************/
.wpforo-attached-file .fa-paperclip::before {
  display: none;
}

/*wpForo添付イメージリンク用*/
.wpforo-attached-file{
  position: relative;
}

.wpforo-attached-file .paperclip{
  position: absolute;
  font-size: 40px !important;
  opacity: 0.6;
  top: -12px;
  left: -13px;
}

/************************************
** ブログカードの文字サイズ調整
************************************/

/* ブログカード タイトル */
.blogcard-title {
  font-size: 16px; /* 0.9em */
}

/* ブログカード スニペット */
.blogcard-snippet {
  font-size: 15px; /* 0.74em */
}


/************************************
** フロントページ スマホ用の ブログカードの文字サイズと画像サイス調整
************************************/
@media screen and (max-width: 834px) {
    .blogcard-content {
        margin-left: 70px;
    }

    .blogcard-thumbnail {
        width: 70px;
    }

.blogcard-snippet {
    font-size: 13px;
}

.blogcard-title {
    font-size: 14px;
}	
	
}

/************************************
** フロントページ PC用の ブログカードの文字サイズと画像サイス調整
************************************/

.blogcard-content {
    margin-left: 100px !important;
}

.blogcard-thumbnail {
    width: 100px !important;
}


/************************************
** フロントページ PC用の フォーラム一覧の表示調整
************************************/
/*801px以上*/
@media screen and (min-width: 801px){
  /*必要ならばここにコードを書く*/

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread .wpf-thread-forum-mobile {
    display: block !important;
}
	#wpforo #wpforo-wrap .wpfl-4 .wpf-thread .wpf-thread-status-mobile{display: inline !important;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-forum,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-forum,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-status,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-status{display: none;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-author{width: 18%; white-space: nowrap;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-posts{min-width: 40px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post {display: block; position: relative;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left{float: left; padding: 5px 0; margin-right: 5px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left{float: left; padding: 5px 0; margin-right: 5px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .avatar {width: 64px;max-height: 64px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .author-rating-full {text-align: center;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .wpf-member-profile-button{font-size: 12px;}
	#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right{width: 100%;padding-top: 14px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpforo-post-content{clear: both;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpforo-memberinfo{display: block;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpforo-membertoggle{display: none;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-author-title{flex-basis: 100%;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-post-starter {margin: 2px 0 8px 0;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-author-nicename{margin-left: -4px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-post-btns{flex-basis: 100%;text-align: right;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-content-foot .wpf-reply{flex-grow: 1;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot .wpf-reaction-wrap .wpf-like-count {margin-right: 7px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot .wpf-buttons .wpf-action i{margin-right: 0; vertical-align: top;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons{margin-right: -5px; padding-top: 6px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-1{margin-left: 15px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-2,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-3{margin-left: 20px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-4,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-5,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-6,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-7,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-8{margin-left: 0;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree {margin: 6px 5px 15px 7px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpforo-post-content {margin: 5px 15px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar {margin-left: 15px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar {width: 50px;height: 40px;padding: 0 5px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar img,
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar .avatar {padding: 1px;width: 38px;height: 38px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpf-author-name{flex-basis: 100%; font-size: 13px;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date{text-align: left; width: 80%;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author{padding-bottom: 0;}
    #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item:nth-child(2n) {border-left: none!important;}

}