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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*全固定ページから日付(作成日&更新日)を削除_24/07/23_古西*/
.page .date-tags {
  display: none;
}

/** 投稿者名非表示(但し、デザイン上の非表示であって、調べることは出来る)_24/07/23_古西 **/
.author-info {
  display: none;
}

/***********************************
 RSS表示用
************************************/
/* org-rss-containerの基本設定 */
.org-rss-container {
  display: flex;
  flex-direction: column;
  /* 縦に1カラムで並べる */
  gap: 8px;
  /* カード間のスペースを狭める */
  margin: 10px 0;
  padding: 10px;
}

.org-rss-container .blogcard-wrap {
  margin-bottom: 0.3em;
}

/* カードの各アイテム */
.org-rss-container .blogcard {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  /* 軽い影 */
  overflow: hidden;
  transition: transform 0.2s ease;
  border-color: #c0c0c0;
}

/* カードにホバーした時のエフェクト */
.org-rss-container .blogcard:hover {
  transform: translateY(-3px);
  /* 少し浮かせる */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  /* 影を強調 */
}

/* カード内のテキストや画像のスタイル */
.org-rss-container .blogcard a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 12px;
}

.org-rss-container .blogcard img {
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
}