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

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

/*アピールエリアのタイトルを黄色にする*/
	.appeal-title {
  		color: yellow;
	}
/*アピールエリアのスモークを消す*/
.appeal-content {
   background-color: rgba(255,255,255,0);
}

/*アピールエリアのボタンを消す*/
.appeal-button{
	display: none;
}

/*ボックスメニューの背景を白にする*/
#box_menu-2 {
 background-color: white;
}

/*ログインウィジットのカスタマイズ*/
#wp-members {
	background-color: white;
	text-align: right;
}
#wp-members form {
	display: inline-block;
}
#wp-members form fieldset {
	padding: 10px;
	border: solid 1px #ddd;
	text-align: left;
}
#wp-members form label {
	padding-right: 1em;
}
#wp-members form .div_texbox {
	display: inline-block;
	padding-right: 1em;
}
#wp-members form #forgot_link {
	display: inline-block;
}

/*固定ページの投稿日を非表示にする*/
.post-8 .date-tags,
.post-5 .date-tags,
.post-9 .date-tags,
.post-10 .date-tags,
.post-7 .date-tags,
.post-6 .date-tags,
.post-1 .date-tags,
.post-4 .date-tags,
.post-23 .date-tags,
.post-3 .date-tags,
.post-123 .date-tags,
.post-13 .date-tags,
.post-121 .date-tags,
.post-26 .date-tags{
	display:none
}
/* トピックのコメント用の注釈を消す */
fieldset.bbp-form:nth-child(1) > div:nth-child(2) 
{
 display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*740px以上 20210903 追加*/
@media screen and (min-width: 740px){
  /*必要ならばここにコードを書く*/
	/*pc画面用アピールエリア画像*/
	.appeal{
		background-image: url(https://tomei-aichi.com/wp-content/uploads/2021/09/017d3c85a2f8e08966ea726b2260d628-scaled.jpg);
	}
	/*アピールエリアのタイトルのフォントサイズを変更*/
	.appeal-title {
  		font-size: 30px;
	}
	
/*アピールエリアのサイズ調整　20230420*/

	.appeal-in.wrap {
  		padding: 2em 0; 
	}

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

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

}

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

}