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

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

.grecaptcha-badge { 
  visibility: hidden;
}

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

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

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

body.login {
  background: linear-gradient(135deg, #1A1A1A, #6A0DAD);
}

/************************************
****　エントリーカード
************************************/
h2.entry-card-title.card-title.e-card-title {
  font-size:18px;
  font-weight:bold;
  text-align:center;
  line-height:1.8em;
  margin:1em;
  padding: 0 1em 0;
}

.entry-card-snippet.card-snippet.e-card-snippet {
  text-align:center;
  border-top:3px dotted #a2252d; /* 点線の色 */
  line-height:1.8em;
  padding-top:1em;
  margin-left:2em;
  margin-right:2em;
  margin-bottom:1em;
  max-height:20em;
}

div.admin-pv {
  display:none;
}

.list-title {
	margin-top: 0em;
}

a.follow-button.feedly-button.feedly-follow-button-sq{
display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
display:none;
}

/* プロフィール */
.author-box .author-content .author-name a{
  text-decoration: none;
  font-size:1.2em;
  color:#ffffff;
}
.author-box .author-content .author-description p{
  line-height:1.6em!important;
  margin:1em;
}
.author-box .author-content .author-follows .sns-buttons a.follow-button{
  border-radius: 50%;
  border: none;
  width: 40px;
  height: 40px;
  color: #fff!important;
  margin:3px;
  transition: .5s;
}

div.author-follows a.follow-button.website-button.website-follow-button-sq{
	background-color: #6eb6fd!important;
}

div.author-name {
  margin:0.5em;
}

.content,
.appeal-content {
  background-color: unset;
}

.list-more-button {
  color: white;
}

.list-more-button:hover {
  background: #a2252d;
}

.sidebar {
  padding-top: 0;
}

#main {
  background: #fff7cc1a;
  border-radius: var(--cocoon-basic-border-radius);
}


/* topの広告 */
.widget-content-top-title {
	text-align:center;
}
/* エントリーカードの横棒 */
.list-title-in::before,
.list-title-in::after {
  background: #fff; /* 横棒を白に */
}

/************************************
****　ブログカード
************************************/
.blogcard-wrap {
  background-color: #1a1a1a;
}

.blogcard {
  border-width: 2px;
}

/* Cocoonブログカードのスニペットを非表示にする */
.blogcard-content .blogcard-snippet {
  display: none;
}
/* Cocoonブログカードのフッターを非表示にする */
.blogcard-site {
  display: none;
}
/* 【レイアウト修正】「あわせて読みたい」ブロック全体をFlexbox化 */
.blogcard.blogcard-type-default {
  display: flex;
  align-items: center; /* 画像とテキストエリアを縦方向中央で揃える */
}

/* 【レイアウト修正】画像の幅を固定し、右側に余白を設定 */
.blogcard.blogcard-type-default .blogcard-thumbnail {
  flex-shrink: 0;
  margin-right: 15px;
}

/* 【レイアウト修正】テキストエリアが残りの幅を埋めるようにする */
.blogcard.blogcard-type-default .blogcard-content {
  flex-grow: 1;
}

/* --- ここからが今回の追加修正 --- */

/* 【タイトル縦中央揃え】テキストエリア（右側）をFlexbox化 */
.blogcard-content {
  display: flex;
  flex-direction: column; /* 子要素（タイトルなど）を縦に並べる */
  justify-content: center; /* ★主軸（縦方向）の中央揃え */
  height: 100%; /* 高さを確保して中央揃えを有効にする */
  padding: 10px 0; /* 上下の余白を少し確保して見栄えを調整 */
}

.blogcard-title {
  font-size:1em;
}

/* ボタン */
.btn::after {
	display: none;
}

.btn {
	border-radius: 30px;
}

.entry-content .main-widget-label {
  display: block;
}