@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





/* 「デザインリセット用のコード」 */
/*H2 */

.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}






/*H2 */
.article h2{
font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#965042;
	 color: #ffffff;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	}




/* H3 */
.article h3{
font-size: 18px;
	border-bottom: solid 3px #965042;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	
	
}

.article h4{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  
  background: transparent;/*背景透明に*/
  border-left: solid 5px #965042;/*左線*/
}

 
	.article h1{
font-size:20px;
	padding-top:0;
	padding-bottom:0px;
	padding:0;
	margin-top: 0;
	
	
	
}




.content {
margin-top: 0;
margin-bottom: 0;

}

@media screen and (max-width: 1024px){
.content {
margin-top: -25px;
margin-bottom: 0;

}}

@media screen and (max-width: 650px){
.content {
margin-top: -15px;
margin-bottom: 0;
	padding-top: 0;

}}

@media screen and (max-width: 500px){
.content {
margin-top: -25px;
margin-bottom: 0;
	padding-top:0;
	

}}
@media screen and (max-width: 500px){
.entry-card-wrap.a-wrap {
margin-top: -10px;
}}




@media screen and (max-width: 768px) {
	#navi-footer-in ul li{
		width: 14%;
		
	}
		.copyright {
 font-size: 11px; /*クレジットの文字色*/
}
		
	#navi-footer-in ul a {
		font-size: 11px; /*場合によってフォントサイズを小さく*/
	}
}



@media screen and (min-width: 768px){
	#navi-footer-in ul li{
		width: 14%;
		
	}
		.copyright {
 font-size: 19px; /*クレジットの文字色*/
}
		
	#navi-footer-in ul a {
		font-size: 15px; /*場合によってフォントサイズを小さく*/
	}}

	
	


.body {
	animation: fadein 2s forwards; /*アニメーション指定*/
}

@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	100% {opacity: 1} /*アニメーション終了時*/
}










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

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

/*480px以下*/

  /*必要ならばここにコードを書く*/
}












	
	

@media screen and (max-width: 768px) {
.archive-title a {
   font-size: 13px;
}}











.post-102 .date-tags,
.post-96 .date-tags，
.post-151 .date-tags
{
display: none;
}

@media screen and (min-width:768px){
.widget_text{
display:none;}
	
	.widget textarea{
	font-size: 12px;
}

}

@media screen and (max-width: 1024px){
   .navi-in > .menu-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
   }
   #header-container #navi a{
  font-size:0.9em;
  padding: 0em 0em; /* 余白 */
   }
   #header-container .navi-in > ul > .menu-item-has-children > a::after{
  display:none;
   }
}





/* ②ヘッダーロゴ(hover時)　テスト */



.header-site-logo-image {
	transition:0.5s;
}




.toc {
  display: block;
}

 

.a-wrap:hover {
background-color: #e6e9ef;
transform: scale(1.01);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}

/* サイドバー画像の基本スタイル */
.sidebar img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: block;
  margin: 0 auto;
  max-width: 100%;
 
}

/* カーソルを合わせたときの効果 */
.sidebar img:hover {
  transform: scale(1.1); /* 画像を拡大 */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); /* 浮き出るような影を追加 */
}

/* 投稿本文下画像カーソル当てた時/ *

.article img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: block;
  margin: 0 auto;
  max-width: 100%;
 
}

/* カーソルを合わせたときの効果 */
.article img:hover {
  transform: scale(1.1); /* 画像を拡大 */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); /* 浮き出るような影を追加 */
}


.toc-title {
  font-size: 1em; /*目次の文字サイズ*/
  color: #000000; /*目次の文字の色*/
}
.toc-list{
color: #18448e; 
font-size: 1em; /*目次の文字サイズ*/
}

.toc-list p{
	line-height;1em;}
	
.toc {
 
  padding: 1em 2em;
		
 
}
.toc-list a{
color: #18448e;

font-size: 1em; /*目次の文字サイズ*/}



.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}




/************************************
** アイキャッチ画像を全幅表示する
************************************/



/*横幅 834px 以下に適用される*/
@media screen and (max-width: 834px){
	/*枠組み*/
	.eye-catch-wrap {
		margin-left: -15px; /*左の余白*/
		margin-right: -15px; /*右の余白*/
	}
}




body {
       letter-spacing: 0.1em; 
}

.page .entry-title {
text-align: center;
	font-size:1.3em;
	padding-top:0px;
	
	
	
}

@media screen and (max-width: 834px){

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

p {
  letter-spacing: 0.09em;｝






.archive.category.category-topic.category-5 #list.list.ect-entry-card.front-page-type-index{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*クリアフィックスのアイテムを消す*/
.archive.category.category-topic.category-5 .list.ect-entry-card.front-page-type-index::after {
   content: none;
}

.archive.category.category-topic.category-5 .list.ect-entry-card.front-page-type-index > a {
    width: 48%;
    max-width: none;
}






.archive-title :before {
  display: none;
}



.archive-title {
  color: #5f5f5f;

  text-align: center;
  font-family: 'Baloo Thambi 2', noto sans jp;
  font-size: 18px !important;
  margin-left: -10px;
	margin-top:-10px;

}
.archive-title :before {
  display: none;
}




	.mobile-menu-buttons .menu-button > a {
color: white;
}

.mobile-menu-buttons {
    color: #046365; /* 文字色 */
    background-color:  #ffffff; /* 背景色 */
}





	















/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/e74839d43b298c48a836151e501f2ada.png);
		background-size: auto 60px;
		background-position: center;
		background-repeat: no-repeat;
}
}

/*750px以下でロゴを消す*/
@media screen and (max-width: 750px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*750px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 750px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/e74839d43b298c48a836151e501f2ada.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}



/*450px以下でロゴを消す*/
@media screen and (max-width: 450px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*450px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 450px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/e002304dc87bb9b04906e2b1eec55af8.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}

/*430px以下でロゴを消す*/
@media screen and (max-width: 430px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*430px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 430px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/e002304dc87bb9b04906e2b1eec55af8.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}





/*410px以下でロゴを消す*/
@media screen and (max-width: 410px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*410px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 410px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/e002304dc87bb9b04906e2b1eec55af8.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}



/*403px以下でロゴを消す*/
@media screen and (max-width: 403px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*390px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 403px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/7367d52d8e7b4ff5cee236f72e38f4ab.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}


/*375px以下でロゴを消す*/
@media screen and (max-width:389px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*375px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 389px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/eb3be47411e1a6a382941d0d9009c563.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}


/*320px以下でロゴを消す*/
@media screen and (max-width: 350px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*320px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 350px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2026/02/9ca2d1ed6fbc266d37136e7624f2461f.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}



.comment-title {font-size: 0px;
}

.comment-reply-title {font-size: 17px;
	
}


/* SNSフォローボタン
-------------------------------------------------- */
.article-footer .sns-follow .sns-follow-buttons {
  justify-content: center;
}

.article-footer .sns-follow .sns-follow-buttons a {
  width: 10%;
  border: unset;
  transition: 0.3s;
}

.article-footer .sns-follow .sns-follow-buttons a:hover {
  transform: translateY(-4px);
}

.article-footer .sns-follow .sns-follow-buttons a .button-caption {
  display: none;
}

.article-footer .button-caption .button-caption {
  display: none;
}

.article-footer .sns-share-buttons {
  padding-right: 15%;
  padding-left: 15%;
}

.article-footer .sns-share-buttons a {
  transition: 0.4s;
}

.article-footer .comment-btn {
  margin-top: 1em;
}


	

	

	
	@media screen and (max-width: 834px){
.navi-footer-in>.menu-footer{
    flex-wrap: nowrap;  /*フッターメニューを一列に*/
    justify-content: center;
  }
.navi-footer-in a{
    font-size: 90%;  /*フッターメニューの文字の大きさを変更*/
  }}
	
	
	

/* モバイルスライドインメニュー */
.fa-times {
color: #000057;/* 閉じるボタンの色 */
font-size: 0.8em;
}
ul.menu-drawer:before {
background-color: #000057;/* Menu背景色 */
font-size: 1.2em;
}
ul.menu-drawer:after {
background-color: #fff;
}
.menu-drawer a {
color: #333 !important;/* 文字色 */
font-size: 1.2em;
font-weight: 900;
}
.menu-drawer a:hover {
background-color: #eff8f9;
}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-drawer a .fab {
margin-right: 3px;
}
.sub-menu li {
font-size: 0.8em;
}


/*1023px以下*/
@media screen and (max-width: 1023px){
  .mobile-menu-buttons .menu-caption{
    display: none;
  }
  .mobile-menu-buttons{
    align-items: center;
  }
}