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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article h2 {
    background-color: #1a883b;
}
.article h3, .article h4, .article h5, .article h6, .cat-link, .tag-link {
    border-color: #1a883b;
}

.glsr-review-author {
	color: #aaa;
	font-size: 0.9em;
}

.glsr-review-assigned_links {
	font-size: 0.7em;
	line-height: 1.2;
}

.glsr-review-content p {
	margin-bottom: 0;
	line-height: 1;
}

.glsr-review-date {
	font-size: 0.7em;
	font-style: normal;
}

.glsr-review {
	background-color: #f8f8f8;
    padding: 12px;
	border-radius: 4px;
}

.glsr-reviews, .glsr-reviews-wrap {
	grid-gap: var(--glsr-gap-lg);
    display: grid;
    gap: var(--glsr-gap-lg);
}


.rankingimgbox {
	display: flex;
    justify-content: space-between;
}
.rankingimg2 {
	max-width: 30%;
}
.rankingimg {
	width: 100%;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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



/* === 新着ニュース全体ラッパー === */
.my-news-wrap {
  background-color: #fff;       /* 白背景(座布団) */
  padding: 40px;                /* 内側余白 */
  margin-bottom: 20px;          /* セクション間の余白。お好みで */
  border-radius: 8px;           /* 角丸。お好みで */
}

/* === タイトル（「新着ニュース」） === */
.my-news-heading {
  margin: 0 0 15px;
  font-size: 30px !important;     /* 見出しは少し大きめ */
  font-weight: bold;
  color: #333;
}

/* === リスト全体 === */
.my-news-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* === 個別のニュースアイテム === */
.my-news-item {
  display: flex;             /* 左右に並べる */
  align-items: center;       /* 縦方向の中央揃え */
  margin-bottom: 15px;       /* リスト間の余白 */
  border-bottom: 1px solid #eee; 
  padding-bottom: 10px;      
}

/* === サムネイル（左） === */
.my-news-thumbnail {
  margin-right: 15px;       /* サムネイルとテキストの間の余白 */
}

.my-news-thumbnail img {
  max-width: 40px;
  height: auto;
  border-radius: 4px;
}

/* === 日時とタイトルを縦に並べるブロック（右） === */
.my-news-item-inner {
  display: flex;
  flex-direction: column;   /* 日時とタイトルを縦に並べる */
  flex: 1;                  /* 右側を広げる */
}

/* === 日時 === */
.my-news-date {
  color: #999;              /* グレー文字 */
  font-size: 12px;          /* 小さめ */
  margin-bottom: 5px;       /* タイトルとの間隔 */
}

/* === タイトル === */
.my-news-title a {
  color: #333;              /* タイトル文字色 */
  text-decoration: none;    /* リンク下線を除去 */
  font-size: 18px;          /* 日時より少し大きめ */
  font-weight: bold;        /* 太字 */
  transition: opacity 0.3s; /* hover時のアニメーション */
}

.my-news-title a:hover {
  opacity: 0.7;
}