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

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


/*カルーセルとインデックスのサムネイル比揃える*/
.card-thumb.carousel-entry-card-thumb {
width: 100%;
}
.card-thumb.entry-card-thumb {
margin-bottom:10px; /*インデックス画像下余白*/
}
.card-thumb.carousel-entry-card-thumb:before ,
.card-thumb.entry-card-thumb:before {
content:"";
display:block;
padding-top:56.25%; /* 3:2 = 2/3*100 */
}
.card-thumb.carousel-entry-card-thumb img ,
.card-thumb.entry-card-thumb img {
width:100%; height:100%;
object-fit:cover;
font-family: 'object-fit: cover;'; /*IE対策*/
position:absolute;
top:0; left:0;
}


/* 画像にマウスが乗ると光る */
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

.internal-blogcard-footer{
	display: none
}

.blogcard-title{
	color: #000000
}

.blogcard-snippet{
	color: #000000
}

.box-menu-label{
	color: #000000
}


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

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

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