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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/************************************
** エントリーカードタイプ
************************************/
@media screen and (min-width:961px){
  /*必要ならばここにコードを書く*/
.ect-entry-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ect-entry-card .entry-card-wrap {
  width: 49.5%;
  display: inline-block;
  margin-bottom: 12px;
}
.ect-entry-card .entry-card-wrap .entry-card-thumb {
  width: 100%;
  float: none;
}
.ect-entry-card .entry-card-wrap .entry-card-thumb img {
  width: 100%;
}
.ect-entry-card .entry-card-wrap .entry-card-content {
  margin: 0;
}
.ect-entry-card .entry-card-wrap .post-date, .ect-entry-card .entry-card-wrap .post-update {
  margin-right: 0;
}
.ect-entry-card.ect-tile-card .a-wrap {
  margin: 0 0.25% 12px;
}
.ect-entry-card.ect-tile-card .entry-card-content {
  padding: 0;
}
.ect-entry-card.ect-tile-card .card-snippet {
  padding: 0;
  margin: 0;
}
.ect-entry-card.ect-tile-card .card-meta {
  position: static;
}
.ect-entry-card.ect-tile-card .a-wrap {
  margin: 0 0.16666% 12px;
}

.ect-2-columns > * {
  width: 49.5%;
  display: inline-block;
}

.ect-3-columns {
  justify-content: space-around;
}
.ect-3-columns .entry-card-wrap {
  width: 33%;
  padding: 7px;
}
.ect-3-columns .entry-card-snippet {
  max-height: 4em;
  overflow: hidden;
}

.ect-3-columns > * {
  width: 33%;
  display: inline-block;
}

.ecb-entry-border .entry-card-wrap {
  border: 1px solid #ccc;
}

.entry-card-day span:last-child {
  margin-right: 0;
}

.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb,
.ect-big-card .card-thumb {
  float: none;
  width: 100%;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-content,
.ect-big-card .card-content {
  margin: 0;
}

}	



/*必要ならばここにコードを書く*/
/*スマホ版アイキャッチ画像の横幅*/
@media screen and (max-width: 480px) {
	.entry-card-thumb {
		width: 52%;
		
	}
}

/************************************
** ●行間と改行幅 カスタマイズ
************************************/
.entry-content p{
  line-height: 1.5; /*行間*/
  margin: 0 0 0.5em; /*改行幅*/
}

 /** 記事本文内の行の高さを調整 */
  /** .content p {
	 margin-top: 0;
     margin-bottom: 1.5em;
	 line-height: 200%; */
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
	
	
	
	
}