@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;
}

.article h1{
font-size:20px;
	padding-top:5px;
	padding-bottom:10px;
	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;/*左線*/
}

 


/*グローバルメニューのフォント変更*/
@media screen and (min-width: 834px){
.navi-in .menu-header .item-label{
font-size: 17px;
/** フォント種類の優先 */
font-family: “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “Helvetica Neue”, Helvetica, Arial, sans-serif ;
font-weight:650 ;
}
}







.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;
}

}


/* ②ヘッダーロゴ(hover時)　テスト */
.navi-in .menu-header .item-label:hover:after {
visibility: visible;
bottom: 12px;
opacity: 1;
}



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






/* ②ヘッダーロゴ(hover時) */
@media screen and (min-width: 980px) {
	.header-site-logo-image:hover {
		opacity:0.4;
	}
}

.navi-in a:hover {
    background-color: #22825d;
}

.navi-footer-in a:hover {
    background-color: #22825d;
}







.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:20px;
	
	
	
}

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

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

p {
  letter-spacing: 0.09em;
}





	
	.menu-content {
  background-color: #a4c2a9;
}








.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; /* 背景色 */
}



/* テスト*/
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 400;
   line-height:1.3;
}
#header-container #navi{
   background:#a4c2a9; /* 背景色 */
}
#header-container #navi a{
   color:#046365; /* 文字色 */
   padding:0.8em 1em;

	
	
}
#header-container #navi a:hover{
   color:#046365; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul .sub-menu{
   background:#a4c2a9; /* サブメニュー背景色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.0em;
   font-weight: 400;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}


#navi .navi-in>ul>li>a{
padding:3.0em;
}


@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;
   }
}

#navi .navi-in>ul>li>a{
padding:3.0em;
}












/*グローバルナビメニュー メニュー項目の間隔*/

@media screen and (max-width: 650px){
 #header-container #navi a{
 font-size: 13px;
}}


@media screen and (max-width: 375px){
 #header-container #navi a{
 font-size: 11px;
}}








/*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/2024/10/d1c52d7757837ec6d1de5a0e36c2efa3-13.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/2024/10/6-3.png);
		background-size: auto 50px;
		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/2024/10/6-3.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/2025/10/1000016057.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/2025/11/fdfd2655af96d8db1d8498c035bec3c5.png);
		background-size: auto 46px;
		background-position: center;
		background-repeat: no-repeat;
}
}



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

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


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

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



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

/*320px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 320px){
	.logo-menu-button.menu-button{
		background-image: url(https://mahirunet.com/wp-content/uploads/2025/10/7dd983e905918ea55a5dc45f4bd444c8.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: 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; /*場合によってフォントサイズを小さく*/
	}