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

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

body {
    color: #444;
   /* font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;*/
}


/*サイドバーのシャドウを消す*/
.main, .sidebar aside{
	box-shadow:none;
}
/*トップアピール背景削除*/
.appeal-content{
	background:none;
}

.list-title-in,
.navi .item-label, 
.navi .item-description ,
.appeal-content dl dt ,
.appeal-content dl dd{
	font-family: "Zen Maru Gothic", sans-serif;
}





/* トップメッセージ */
.appeal-content dl dt{
	color:#fff;
	font-size: 2.5rem;
  	font-style: bold;
	font-weight: 800;
	text-shadow: 1px 1px 1px rgba(0, 0, 139, 0.8);
}
.appeal-content dl dd{
	color:#fff;
	font-size: 1.5rem;
  	font-style:bold;
	font-weight: 800;
	text-shadow: 1px 1px 1px rgba(0, 0, 139, 0.8); 
}
.appeal-content dl strong{
	color:#e2ff08;
}


/* H1 2段目 */
h1.list-new-entries-title{
	font-size:1.5rem;
  	font-style:bold;
	font-weight: 600;
	letter-spacing:1.2rem
}


.sidebar h2, .sidebar h3{
	background: linear-gradient(
	  135deg,          /* 右下方向に向けたグラデーション */
	  #fa2a88  0%,     
	  #5795f7 20%,    
	  #5795f7 75%,     
	  #ffb94c 100%  
	)!important;
}




div#content-bottom {
    /* background: #ccc;*/
/* フッター設定 */
	background:url("/wp-content/uploads/2025/07/zaitakun-fotter.png")	center/cover no-repeat;
    padding: 2em;
    text-align: center;
}


aside#custom_html-3 , 
.content-top, .content-bottom{
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer{
	margin-top:0;
}


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

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

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