@charset "UTF-8";

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

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

/*固定ページでシェアボタン、フォローボタンを非表示にする*/
.page .sns-share,
.page .sns-follow {
	display: none;
}

/*固定ページで投稿日・更新日・著者情報を消す*/
.page .date-tags,
.page .author-info {
	display: none;
}


/*記事一覧のカードデザイン変更*/
.home main,
.archive main {
	background-color: transparent;
	margin-top:0;
	padding-top:0;
}
.entry-card-wrap {
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 1em!important;
}
/*↓hoverしたら浮いてる感じ*/
.entry-card-wrap:hover {
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
	transform: translatey(-2px);
	background-color: #fff;
	transition: all .3s ease;
}
/*↓hoverしたら沈みこむ感じ*/
/*.entry-card-wrap {
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
	transition: all .3s ease;
}
.entry-card-wrap:hover {
	box-shadow: none;
	transform: translatey(2px);
	background-color: #fff;
}*/

/*hoverで画像が薄く薄くなる*/
a:hover img{ opacity: 0.8 }



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

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

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

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