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


/************************************
** ロゴ
************************************/

.logo{
	animation-name:fdin;
	animation-duration:2s;
}
@keyframes fdin{
from {
	opacity:0;
	transform: translateY(10px);
}
to {
	opacity:1;
	transform: translateY(0);
}
}

/************************************
** ●ヘッダーサブメニューのカスタマイズ
************************************/



/************************************
** ●メニュー　マテリアル風　（仮
************************************/




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


/************************************
記事一覧でブログカードのタイトル下の本文を消す
************************************/

.entry-card-snippet, 
.related-entry-card-snippet {
	display: none;}

/************************************
フッターの線を非表示にする
************************************/

#navi-footer li {
  border: none;
}

/************************************
サイドバー　TEST
************************************/

/*480px以下*/
@media screen and (max-width: 480px){
  #sidebar{
    display: none;
  }
}

.sidebar h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px gray;/*左線*/
}


.widget_categories ul li a {
border: solid 1px #f7f7f7;
}





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

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

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


/************************************
** アピールエリア
************************************/

@media screen and (max-width: 768px){
  #appeal .appeal-in{
    min-height: 200px;
  }
}


/************************
ページネーション
/************************/





/************************
固定ページの日付を消去
/************************/

.page .date-tags {
display: none;
}