@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){
  /*必要ならばここにコードを書く*/
}


/************SNSフォローボタンを非表示**************/
.article-footer .sns-follow {
    display: none;
}

/*****************PC ヘッダ　ロゴ*******************/
@media screen and (min-width: 1024px) {	
	.logo-image.logo-header{
		/**width:100% !important;**/
	}
	.header-site-logo-image{
		width:130% !important;
	}
	.header,.header-in{
		
		
	}
	.header .tagline{
		margin:0px !important;
		padding:0 0 10px 0 !important;	
		font-size:16px;
	}
	.header h1{
		margin:0px !important;
		padding:0px !important;		

	}
}

@media screen and (max-width: 1023px){
	.logo-menu-button img{
	/**background-color:pink !important;ヘッダの高さ調節どこで？**/
		/**height:200px !important;**/
		margin-top:8px !important;
		margin-bottom:8px !important;
}
	.header-in{
		padding-bottom: 0 !important;
	}
}
/*************モバイルヘッダ　タグライン*****************/
/**@media screen and (max-width: 834px) ,**/
@media screen and (max-width: 1023px){
	.tagline{
	padding:21px 0 0 0 !important;
		font-size:15px !important;
	/**background-color:darkgreen;ここは全幅ではない**/
	color:#eeeeee !important;
	}

.header-in{
background-color:#543f32;/**#006611**/
	}
}
/*********モバイルヘッダの背景を変更*****************/
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
	padding-top:5px;
	padding-bottom:5px;
  color: #000000;
  background-color: /**#bfff7f**/ #fff;
}
#header-in.header-in {
	/**padding-top:5px;
	padding-bottom:5px;**/
  color: #ff0000;
  background-color: #0ff000;
}

/* モバイルヘッダーボタンの背景色 test*/
.mobile-header-button .fa-bars {
 /* background-color: #00f !important;  例: #ff0000 (赤) */
}

/* モバイルヘッダーボタンのアイコン色 test */
/**.mobile-header-button .fa-bars::before**/
.navi-menu-icon,
.navi-menu-caption,
.search-menu-icon,
.search-menu-caption,
.navi-menu-close-button{
  color: #543f32 !important; /* 例: #ffffff (白) */
}


/***　モバイル　左サイドスライドインメニュ界隈　***/


#navi-menu-content label.navi-menu-close-button{
	background-color:#fff !important;
	padding:30px 0 30px 20px  !important;
	text-align:left !important;
}

ul.menu-drawer {
background-color:#fff !important;
	margin-top:80ox !important;
	padding:0 20px 30px 20px  !important;
}

ul.menu-drawer li{padding:0 !important}
ul.menu-drawer li a{
	padding-top:20px !important;
	padding-bottom:20px !important;
}

span.fa.fa-close{
	text-align:left  !important;
}
#navi-menu-content.navi-menu-content{
   /** background-color: #990 !important; #aec9cc;もとの薄いグレーがかったグリーン **/
	/*background-color:#ffffed !important;*やはりフッターと同じ色に これ機能してない**/
	/* color: #099980 !important; 必要に応じて文字色も変更 　これじゃない？*/
}
#navi-menu-content.navi-menu-content{
padding-top:20px;
}
#navi-menu-content.navi-menu-content li a:link,
#navi-menu-content.navi-menu-content li a:hover,
#navi-menu-content.navi-menu-content li a:visited,
#navi-menu-content.navi-menu-content li a:active{
	color:darkgreen !important;
}
#navi-menu-content.navi-menu-content li{
	padding-top:4px ;
	padding-bottom:10px ;
}

/************モバイルフッタ　ブロック背景色、スペース**************/
.footer-bottom{
	/**background-color: #e6ffea !important; **/
	/**padding-bottom: 50px !important;**/
	/**padding-top: 0px !important;**/
}
/************PCフッタ　位置調整**************/
.footer.footer-container {
	margin-top:10px !important;
	/**border:3px dashed green;　　テスト　***/
	padding-top:5px  !important;
}
.footer-in{
	padding: 0px auto 0px auto !important;
	margin-top:0px !important;
	/**border:1px solid orange;　　テスト　***/
}
@media screen and (max-width: 834px) {
	.footer-bottom,
	.logo.logo-footer{
	margin-top:0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
		margin-bottom:30px !important;
	/**border:3px solid gray;　テスト　***/
	}
}
@media screen and (max-width: 1023px) {
	.footer-bottom,
	.logo.logo-footer{
	/**	border:3px solid orange;***/
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	}
}
@media screen and (min-width: 1024px) {
	.footer-bottom,
	.logo.logo-footer{
	/**border:3px dotted lightblue;**/
	padding-bottom: 30px !important;
	padding-top: 0px !important;
	}
}


.footer-bottom-logo{

}
.logo.logo-footer{

}
.footer-bottom-content{
	/**border:1px solid red;　　テスト　***/

}
.navi-footer{
	/**border:1px solid green;　　テスト　***/
}
.navi-footer-in{
	/**border:1px solid blue;　　テスト　***/
}
/****************** PCタブレット　GO TO TOPボタン *************/
.go-to-top-button{
	    background-color: #543f32 !important; /*  背景 */
}
/****************** モバイルフッターボタン背景色 *************/
/**.mobile-footer-buttons**/
.mobile-footer-menu-buttons{ /* もしくは .mobile-footer-menu-item など、ボタンの実際のクラス名に合わせる */
    background-color: #543f32 !important; /*  背景 */
    color: #ffffff !important; /* 必要に応じて文字色も変更 */
	padding-top:10px;
	font-size:30px !important;
}

@media screen and (max-width: 1023px) {
    .navi-footer-in > .menu-footer li.menu-item {
	width: auto !important;
	padding-right:5px;
	padding-left:5px;
	}
	.navi-footer-in > .menu-footer,
	.footer-bottom-content{
	text-align:center;
	}
}

/*****************PC タブレットサイドバー***************************/
@media screen and (min-width: 1024px){
	.sidebar,.main{
	border:3px dotted #e6dda3 !important;
}
.content-in{
	padding-bottom:20px !important;
}
}

@media screen and (max-width: 1023px) {
	.content-in{
	margin-top:0px !important;
	}
}

.sidebar h2,
.sidebar h3{
	background-image:url("../../uploads/2026/01/side_h2h3_bg_tulip1.png") ;
	background-repeat:no-repeat;
	background-position:right !important;	
	background-size:24px 24px;
}
h2.wp-block-heading{
	margin-bottom:10px !important;
}
h3.widget-sidebar-title,
h3.widget-sidebar-scroll-title{
	margin-top:60px !important;
	margin-bottom:20px !important;

}
.widget-sidebar ul{
	margin-top:0 !important;
}

aside.widget-sidebar li.page_item{
	margin:8px 5px !important;
	border-bottom: 1px dotted #CCC;
}
aside.widget-sidebar ul{
	margin-bottom:50px !important;
}

/**************** H1 ページタイトル　****************************/
/***　リストタイトル　***/
h1.list-title{
	margin-top:0 !important;
}
/***　ヘッダロゴやエントリー以外のH1は除くエントリータイトルのみ　***/
h1.entry-title{
	font-size:32px !important;
	margin:0px 0 10px 0 !important;
	padding:3px 0 13px 10px !important;
		display:block;
	border-left:3px solid #db5e58 !important;
}

/****************メインエリア*****************************/
body{
/**background: #fcf2d6 !important;**/
	background: #fff !important;
}
@media screen and (min-width: 1024px) {
	body{
		background: #ffffed !important;/**/
		/**background: #fff !important;**/
}
}
.container{}
.content{
	/**border:2px dotted pink;	**/
}
.main{
	/**border:2px dotted blue;**/
	
}
.content-in{
	padding-top:0px !important;
	/**border:3px solid blue;**/
}

/******************アピールエリア***********************/
.appeal.adt-front-page-only{
	
}
@media screen and (max-width: 834px) ,
@media screen and (max-width: 1023px){
	.appeal.adt-front-page-only{
	/*height:200px !important;*/
		background-size:300% !important;
		background-color: #ffffed !important;/**/
}
}
#appeal-in.appeal-in{}
.appeal-title{
	font-size:16px !important;
}

/****************　エントリーカードタイトル　****************************/
.entry-card-title{
	
}

.entry-content{
	padding:10px !important;
}
.entry-content p{
	font-size:16px;
	display:block;
	margin:5px 30x 5px 20px !important;
}

/************投稿の日付表示**************************/
span.post-update{
	display:none !important;
}
span.published{
	font-size:14px !important;
}

/*************** お知らせページリスト**************************/
ul.wp-block-latest-posts__list li{
	display:block;
	clear: left;
	margin-bottom:10px !important;
	padding:20px 0 20px 0 !important;
	border-top:1px solid #dddddd !important; 
	
}

/*******　サイドバーのお知らせリスト関係************/


.widget-sidebar ul.wp-block-latest-posts__list {
		margin-top:0 !important;
	margin-bottom:40px !important;
}

.widget-sidebar ul.wp-block-latest-posts__list li {
		padding:0 !important;
	margin:0 !important;
	border:none !important;
}

.widget-sidebar ul li.page_item{
	font-size:120%;
	padding-bottom:8px !important;
}

/***************　ページ内の目次　********************/
.toc{
		background-color:#fcf2d6 !important;}

@media screen and (max-width: 1023px){
	.toc{
	width:100% !important;
}
}
.toc-content ol,
.toc-content ol ol{
	font-size:16px !important;
}
.toc-content ol{
	margin:10px 0 15px 0px !important;
	list-style-type:square;
}

.toc-content ol ol{
	margin:0px !important;
	list-style-type:none;
}

/*************** tableの文字サイズ設定*********************/
@media screen and (max-width: 1023px){
	.wp-block-table table td{
	font-size:16px;
	}
}
.wp-block-list li{
	font-size:16px !important;
	}
/*************** 印刷ボタンの背景色 ***************/
.pmb-print-this-page .wp-block-button__link{
	background-color:  #543f32 !important; 
	padding:2px 10px 2px 10px !important;
	border-radius: 5px;
}