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

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

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
	
//全てのカテゴリーラベルの非表示
add_filter('is_category_label_visible', '__return_false');

.appeal-content {
background-color: rgba(255, 255, 255, 0);
color:#ccc;
}
/* アピールエリア---------------------------------------------- *
/*全体*/
.appeal-in {
	min-height:calc(100vh - 60px); /*パソコンでの高さ調整*/
	min-width:100%; /*幅を最大に*/	
}

/*480px以下*/
@media screen and (max-width: 480px){
	.appeal .appeal-in {
	  min-height:calc(100svh - 46px); /*スマホでの高さ調整*/
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.appeal-message {
		font-size: .8em; /*スマホ表示する文字の大きさ*/
	}	
}

/* アピールエリアタイトル文字の色とサイズ、影 */
.appeal-title {  font-size:30px;color: #fff;text-shadow: 3px 3px 2px #000000;}
/* アピールエリアメッセージ文字の色とサイズ、影 */
.appeal-message {  font-size:24px;color: #fff;text-shadow: 3px 3px 2px #000000;}
/* アピールエリアコンテンツ背景色 */
.appeal-content {  background-color: rgba(80, 80, 80, 0.00);}