@charset "UTF-8";

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

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


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/* ブログカードカスタマイズ */
.blogcard {
	padding: 1rem;
	color: #333;
	position: relative;
	border: none !important;
	box-shadow: 0px 0px 4px -1px rgba(0,0,0,1);
}

a.blogcard-wrap{
	font-weight: normal;
}
a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.05);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
	width: 22%;
}

.blogcard-title{
	margin-bottom: .5rem;
	line-height: 1.7;
}

.blogcard-title::before{

	display: inline-block;
	font-size: .7em;
	background-color: #333333;
	padding: .3em .5em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: .5rem;
}

.blogcard-snipet{
	display: none;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.blogcard-footer{
	clear: none;
}

.internal-blogcard-site{
	display: none;
}

.blogcard-date{
	float: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #999;
}

/************************************
** 親カテゴリのみ表示のカスタマイズ
************************************/
.children{
	display:none;
}

/************************************
** 囲みブログカード表示のカスタマイズ
************************************/
.bct-instagram .blogcard-label:after{
	content:"Instagram";
}
.bct-facebook .blogcard-label::after{
	content:"FaceBook";
}
/*************************************
 * アイコン画像サイズ拡大*
************************************
.box-menu-icon img {
    margin: 10px 0;
    max-width: 100px;
}
/************************************
** ブログカードカテゴリー表示なし
************************************/
.cat-label {
display: none;
}