@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

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

.banner {
	width: 100%;	
}

/* トップのアニメーション */

.top-anime p{

   opacity: 0;
   animation-name: fadein-bottom;
animation-delay:.5s;
   animation-duration: 1s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}

@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(50px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

.blue-child{
	transition:all .3s;
}

.blue-child:hover{
	opacity:0.5;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
.post-26 .date-tags,
.post-33 .date-tags,
.post-38 .date-tags,
.post-64 .date-tags,
.post-79 .date-tags,
.post-114 .date-tags {
  display: none;
	}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.top-anime p{
		font-size:16px;
	}

}
/* .header-container, .footer{
display:block!important;
} */