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

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

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

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

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


.header {
background-image: url(https://arceus-sokuho.com/wp-content/uploads/2025/09/ヘッダー9-2025-09-13-11-49-16.png);
background-size: 100%;
background-position: center;
}




.logo-header {
		padding: 0px 0px 0px 0px;
}




/*480px以下*/
@media screen and (max-width: 480px){
.header div.header-in {
min-height: 140px;
}
.header {
background-image: url(https://arceus-sokuho.com/wp-content/uploads/2025/09/無題-2025-09-13-11-52-30.png);
background-size: 100%;
background-position: center;
}
}

/*480px以下*/
@media screen and (max-width: 480px){.site-logo-image{
visibility: hidden;
	min-height: 140px;
}
.logo-header.logo-image{
background-image: url(https://arceus-sokuho.com/wp-content/uploads/2024/04/無題-2024-04-01-00-08-33.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}











#popular_entries-9 .popular-entry-cards.large-thumb-on {
  display: flex;
  flex-wrap: wrap;
}

#popular_entries-9 .popular-entry-cards.large-thumb-on a {
  width: 20%;
	margin: 0px;
padding: 0px;
}



#popular_entries-10 .popular-entry-cards.large-thumb-on {
  display: flex;
  flex-wrap: wrap;
}

#popular_entries-10 .popular-entry-cards.large-thumb-on a {
  width: 20%;
	margin: 0px;
padding: 0px;
}








/* メールアドレスとサイトのエリアをまとめて消すCSS */
.comment-form-email,
.comment-form-url {
	display:none;
}






.comment-notes {
	display: none;
}

.required{
	display: none;
}






 #custom_html-2 .blogroll-channel {
	border: solid 1px #999 !important;
	height: 200px !important;
	overflow-y: scroll;
}

#custom_html-2 .blogroll-wrapper {
	width: 100%;
	overflow: hidden;
}


#custom_html-2 .blogroll-innner {
	float: left;
	width: 50%;
}



 #custom_html-3 .blogroll-channel {
	border: solid 1px #999 !important;
	height: 200px !important;
	overflow-y: scroll;
}

#custom_html-3 .blogroll-wrapper {
	width: 100%;
	overflow: hidden;
}


#custom_html-3 .blogroll-innner {
	float: left;
	width: 50%;
}




.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
}


.popular-entry-card-title{ /*フォント*/

	  font-weight: bold; /*文字強調★*/
  font-size: 12px;
}








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






.popular-entry-cards.large-thumb-on .card-content {
  max-height: none;
}


.popular-entry-cards.large-thumb-on .card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
		font-size: 12px;
}

.popular-entry-cards.large-thumb-on .a-wrap:hover .card-content {
  margin-bottom: 0;
  opacity: 1;
}

.popular-entry-cards.large-thumb-on .card-content {
	padding: 5px 5px 5px 5px;
	width: 100%;
height: 40px;
	 opacity: 0.8;
  background: #00afcc;
  backdrop-filter: blur(6px) saturate(180%);
  -webkit-backdrop-filter: blur(6px) saturate(180%);

  /* 元々はグラデーションで #555 の変更だけでいいかもしれません */
  /* background: linear-gradient(180deg, transparent, #555); */
}







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








#popular_entries-8 .popular-entry-cards .card-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
	font-size: 14px;
		color: #5032ff;
}


#popular_entries-11 .popular-entry-cards .card-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
	font-size: 14px;
		color: #5032ff;
}


.recent-comment-article{
	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
	color: #5032ff;
	font-size: 16px;
}


.popular-entry-cards figure {
  width: 50px;
}

.popular-entry-cards .widget-entry-card-content {
  margin: 0px;
}














 #recent_comments-5{
	   overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}	 
	 
.blogroll-channel .blogroll-list {
	padding: 3px 0;
	padding-top: 0;
	border-bottom: 1px dashed #c2c2c2;
	list-style-type: none;
	font-size: 14px;
	line-height: 1.3;
}

.blogroll-channel .blogroll-list a{

	text-decoration: none;
}





 #custom_html-34 .blogroll-channel {
	border: solid 1px #999 !important;
	height: auto; !important;
	 padding: 10px 10px 10px 10px;
}

 #custom_html-33 .blogroll-channel {
	border: solid 1px #999 !important;
	height: auto; !important;
	 	 padding: 10px 10px 10px 10px;
}







 




/*----------------------------------------*/
/* カスタム
/*----------------------------------------*/

/* スタイルを初期化 */
.blogroll-channel {
    margin: 0;
    padding: 0;
}

.blogroll-channel .blogroll-list-wrap {
    margin: 0;
}

.blogroll-channel .blogroll-list {
    margin: 0;
}

.blogroll-list-wrap li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

 #custom_html-34 /* 下部のテキスト広告を装飾 */
.blogroll-ad-default {
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #D5D5D5;
}

 #custom_html-33 /* 下部のテキスト広告を装飾 */
.blogroll-ad-default {
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #D5D5D5;
}



.blogroll-channel .blogroll-list {
    font-size: 14px;
		font-weight: bold;
}












.entry-title, 
.entry-card-title {
color: #fd7e00;
}

#fd7e00;
#0000b2
.related-entry-card-title 


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
.entry-title {
	color: #fd7e00;
	}
}


.widget-sidebar-title {

}






.cat-label {
display: none;
}


#cat.postform {
		font-size: 16px;
	padding: 5px 5px 5px 5px;
		border-radius: 0px;
}	

#archives-dropdown-2 {
		font-size: 16px;
	padding: 5px 5px 5px 5px;
		border-radius: 0px;
}	




/* 人気記事のランキング部分 */
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: -5px; /*上方向に配置調整*/
  left: -5px; /*左方向に配置調整*/

  font-size: 12px; /*数字のサイズ*/
  color: #fff; /*数字の色*/
  font-weight: bold; /*太字にする*/
  padding: 1px; /*内側余白*/
	background: #00afcc; /*ランキング1位の丸の背景色*/
opacity: 0.8;
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
  background: #00afcc; /*ランキング1位の丸の背景色*/
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
  background: #00afcc; /*ランキング2位の丸の背景色*/
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
  background: #00afcc; /*ランキング3位の丸の背景色*/
}



/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title {
background: #00afcc; /*背景色*/

color: #ffffff;
		font-size: 16px;
		font-weight:bold;
margin: 0 ;
	    padding: 5px 5px 5px 5px;
	border-radius: 0px;
} /*文字色*/


.main-widget-label {
background: #ffffff; /*背景色*/
border: 1px solid #839b5c; /*枠線色*/
color: #ff581a;
	font-size: 16px;
	font-weight:bold;
    padding: 5px 5px 5px 5px;
} /*文字色*/



#recent_comments-2 {
border: 1px solid #839b5c; /*枠線色*/
	    padding: 0px 0px 0px 0px;
}

#categories-2 {
border: 1px solid #839b5c; /*枠線色*/
	    padding: 0px 0px 0px 0px;
}

#archives-2 {
border: 1px solid #839b5c; /*枠線色*/
	    padding: 0px 0px 0px 0px;
}


#popular_entries-8 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
	    padding: 0px 0px 0px 0px;
}




#popular_entries-11 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
	    padding: 0px 0px 0px 0px;
}

#recent_comments-3 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/

}




.recent-comment-link.a-wrap.cf {
	margin: 0px 0px 0px 0px;
}


#custom_html-4 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
}


#custom_html-4 .blogroll-list-wrap li a {
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 10px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
	 white-space: nowrap;
    background: url(images/icon_rss.png) no-repeat 10px 10px;
    background-size: 16px 16px;
}


#custom_html-4 .blogroll-list-wrap li {
    border-bottom: 1px solid #D5D5D5;
    background: #FFF;
}

#custom_html-4 .blogroll-list-wrap li:last-child {
    border-bottom: none;
}

#custom_html-4 .blogroll-list-wrap li:nth-child(odd) {
    background: #F6F6F6;
}

#custom_html-4 /* 下部のテキスト広告を装飾 */
.blogroll-ad-default {
    padding-right: 0px;
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #D5D5D5;
}


#popular_entries-14 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
}







#popular_entries-9 {
		   display: block;
}

#popular_entries-8 {
	display: none;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#popular_entries-9 {
	display: none;
   }

#popular_entries-8 {
		   display: block;
   }
}





#popular_entries-10 {
		   display: block;
}

#popular_entries-8 {
	display: none;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#popular_entries-10 {
	display: none;
   }

#popular_entries-8 {
		   display: block;
   }
}


#custom_html-2 {
		   display: block;
}

#custom_html-4 {
	display: none;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#custom_html-2 {
	display: none;
   }

#custom_html-4 {
		   display: block;
   }
}




#recent_comments-2 {
		   display: block;
}

#recent_comments-3 {
	display: none;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#recent_comments-2 {
	display: none;
   }

#recent_comments-3 {
		   display: block;
   }
}


#popular_entries-11 {
	display: none;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#popular_entries-11 {
		   display: block;
   }
}


#popular_entries-12 {
			   display: block;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#popular_entries-12 {
		display: none;
   }
}



#custom_html-3 {
			   display: block;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#custom_html-3 {
		display: none;
   }
}






#text-9 {
		   display: block;
}

#text-8 {
	display: none;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#text-9 {
	display: none;
   }

#text-8 {
		   display: block;
   }
}




#text-9 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
    padding: 0px 0px 10px 0px;
}


#text-8 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
		padding: 0px 0px 0px 0px;
}

.popular-entry-cards.widget-entry-cards.no-icon.cf.ranking-visible {

	margin: 0px 0px 0px 0px;
}



.recent-comment-author {
	display: none;
}


.recent-comment-date {
	display: none;
}

.fa.fa-link {
	display: none;
}


#recent_comments-3 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
    padding: 0px 0px 10px 0px;
}







#popular_entries-12 .popular-entry-cards.large-thumb-on {
  display: flex;
  flex-wrap: wrap;
}

#popular_entries-12 .popular-entry-cards.large-thumb-on a {
  width: 20%;
	margin: 0px;
padding: 0px;
}



#popular_entries-12 {
		   display: block;
}


@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/
#popular_entries-12 {
	display: none;
   }
}





.entry-card-thumb {/*サムネイル画像のサイズを変更（変更前320px）*/
  width: 20%;
}


.entry-card-content.card-content.e-card-content {
	margin: 0px 0px 0px 10px;
}


.footer-bottom {
	margin: 0px 0px 0px 10px;
}







#main {
	padding: 10px;
}


.comment-list {
	padding: 10px;
}


/* comment-info-bar  */
.comment-info-bar{
    background-color: #ffffff;
    padding: 3px 3px;
    margin: 3px 0;
    font-size: 100%;
	font-weight:bold
}


.comment-info-bar{
	text-align: right;
}

.fa-comment:before {
	display: none;
}







.widget-content-top-title.main-widget-label {
	font-size:16px;
}


.under-entry-content .related-entry-heading,
.under-entry-content .comment-title {

    color: #fd7e00;
}


.related-entry-card-title.card-title.e-card-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
	font-size: 14px;
		color: #5032ff;
}









.entry-card-title {
      font-size: 22px;
  }

/*480px以下*/
@media screen and (max-width: 480px){
  .entry-card-title {
      font-size: 16px;
  }
} 



.popular-entry-card-link.widget-entry-card-link.a-wrap {
      margin: 0px;
  }





.wp_ulike_btn.wp_ulike_put_image {
	padding: 0px;
	margin: 0px;
}


.entry-card-title.card-title.e-card-title{
	margin-left: 160px;
		margin-top: 10px;
}

/*480px以下*/
@media screen and (max-width: 480px){
.entry-card-title.card-title.e-card-title{
	margin-left: 75px;
	margin-top: 10px;
	}
} 



.entry-title{
padding-left: 10px;
}


.body {
background-image: url(https://arceus-sokuho.com/wp-content/uploads/2023/12/pk.jpg);
background-repeat: repeat;
	background-size:auto;
}


/*480px以下*/
@media screen and (max-width: 480px){
.body {
background-image: url(https://arceus-sokuho.com/wp-content/uploads/2023/12/pk5.jpg);
background-repeat: repeat;
	background-size:auto;}
}	


	

/* スマホでのフォントサイズと下余白 */
@media screen and (max-width: 480px){
  .related-entry-card-title.card-title.e-card-title{
    font-size: 14px;
  }
  .related-entry-card-content.card-content.e-card-content{
    padding-bottom:0px;
  }
	
	.related-entry-card-thumb.card-thumb.e-card-thumb{
    width: 70px;
  }
}	


	
	
.recent-comment-article{
    font-size: 14px;
 }
	
	
#text-4 {
	background: #ffffff;
	opacity: 1.0;
border: 1px solid #839b5c; /*枠線色*/
		padding: 0px 0px 0px 0px;
}




.fn.comment-author{
    color:green;
 }












.wpulike.wpulike-heart {
    padding: 0px;
}







::marker {
	font-size: 12px;
 }


.st-comment-meta.st-commentmetadata {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: lighter;
 }

.comment-author-label {
	display: none;

}


.commets-list {
padding-left: 15px;
list-style: decimal;
	font-weight: bold;

}	


.commets-list .st-comment-body {
    margin-bottom: 10px;
}


.commets-list .children {
    list-style: none;
    padding-left: 5px;
	padding-bottom: 10px;
	background: rgba(0,157,255,0.1);
}



.commets-list .reply {
text-align: right;
	margin-top: 15px;
    font-size: var(--cocoon-text-size-s);
}

.wpulike{
text-align: right;
	margin-top: 0px;
}



a{
text-decoration: none;
}


    padding: 1px;
    border: 1px solid #333;
    background: #f2f2f2;
.recent-comment-content {

}






.recent-comment-content{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
	padding-bottom: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;	
}


#custom_html-4 .blogroll-ad-default {
	display: none;
}






.wpulike-heart .count-box {
    padding-left: 0px;
	padding-right 5px;
}




.grecaptcha-badge { visibility: hidden; }


#main {
   margin: 0px;
}





/* 返信ボタンのスタイルを変える */
.comment-reply-link {
    padding: 0;
    line-height: 1.5;
    background: transparent;
    color: gray;
    float: none;
    margin: 0 0 15px;
    font-size: 13px;
}
/* 位置の調整 */
.comment_content p:last-child {
    margin-bottom: 0;
}