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

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

/*記事一覧のアイキャッチ画像を上300pxだけ表示する：figure.e-card-thumb img　*/
/*記事ページのアイキャッチ画像の縦幅を制限：アイキャッチ画像と1枚目画像が同じなので：eye-catch img　*/

figure.e-card-thumb img,
.entry-content .eye-catch img
{ 
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: 0 0;
}

figure.eye-catch img {
  width: 500px;
  height: 150px;
  object-fit: cover;
}

/*RSSウィジェット用*/
.rss-img01 img {
  width: 1px;
  height: 1px;
}

/*関連記事のサムネイルの大きさ調整*/
.related-entry-card .related-entry-card-thumb img {
	width: 160px;
	height: auto;
}

/* 新着記事のショートコードに日付を追記 */
.new-entry-card-date {
  display: block;
}

/* サムネイルが正方形になってしまうことへの対処 */
figure.entry-card-thumb img {
	width: 100%;
	height: auto;
}

/* H1タグのデザイン */
h1.entry-title {
  background: #F7E9E3 ;/*背景色*/
  padding: 1.5em 0.5em;/*文字まわり（上下左右）の余白*/
}



/*トップのテキスト：ニュースフィード用*/

.news_frame a {
    text-decoration: none;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    list-style: none;
    text-align: left;
    white-space: nowrap;
    font-style: normal;
    font-weight: normal;
    font-size: small;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    line-height: 0.5;
    word-wrap: break-word;
/* 	color: #333; */
}

div.news_top_wrapper {
/* 	border: solid 1px gray; */
}

.news_frame li{
    position: relative;
    padding-left: 10px;
}
.news_frame li:before {
    content: "";
    position: absolute;
/*     top: .35em; */
    left: 0;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FF0000;
}

.news_frame ul li, ol li {
	line-height: 1.0; /*文の行高*/
	margin: 0; /*前後の文との余白*/
  	vertical-align: middle;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.news_frame {
    float: left;
	width: 50%;
}
div.wpra-list-template .wpra-item-list > li.wpra-item {
	margin-bottom: 0 !important; /*行間が広がらないように*/
}
ul.wpra-item-list.rss-aggregator {
	padding-left: 0;
/* 	padding-inline-start: 0; */
}

/*トップのテキスト：ニュースフィード用　：ここまで*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
	/*ヘッダ、グローバルナビを消す_1023px以下のみ*/
	#header , #navi {
		display: none;
	}
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
	
	/* ピックアップを非表示（ヘッダすぐ下のカテゴリバナー）	 */
	.recommended {
		display: none;
	}
  /*必要ならばここにコードを書く*/
}

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