@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){
  /*必要ならばここにコードを書く*/
}
/* ボーダー（太さ、色、角丸） */
.author-box {
  border: 2px solid #6595bf; /* 太さ2pxで水色 */
  border-radius: 10px;        /* 角丸が10px */
}
/* ①枠をつける */
.author-thumb img {
  border: 4px solid rgb(128 128 128 / 30%);
}

/* ②影をつける */
.author-thumb img {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.22);
}

/* ③立体的な枠をつける */
.author-thumb img {
  border: 4px outset rgb(128 128 128 / 30%);
}
/* グラデーションの背景 */
.author-box {
  padding: 20px;
  background-color: white;
  background-image: linear-gradient(180deg, #6595bf 0%, white 100%, white 100%, transparent 0);
  border-radius: 6px;
}

/* SNSフォローボタンの枠とフォントを黒 */
.author-box .sns-follow-buttons a.follow-button {
  border: 1.5px solid black;
  color: black;
}
/*SNSアイコンのサイズ設定*/
.widget_author_box .sns-follow-buttons.sns-buttons a{
	width:1.8rem;  /*アイコン枠の横幅*/
	height:1.8rem;  /*アイコン枠の高さ*/
}
.widget_author_box .sns-follow-buttons.sns-buttons a span{
	font-size:1.5rem;  /*アイコンフォントのサイズ*/
}
/* ブログカードカスタム */
/* ブログカード全体の枠 */
.custom-blogcard {
  border: 1px solid #6595bf;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s;
  margin-bottom: 1.5em;
}

/* ホバー時の演出（ふわっと浮く） */
.custom-blogcard:hover {
  box-shadow: 0 4px 40px rgba(0,0,0,0.1);
}

/* カード全体をリンク化し、縦並びにする */
.custom-blogcard a {
  display: flex;
  flex-direction: column; /* ← 縦並びの決め手！ */
  text-decoration: none;
  color: inherit;
}

/* タイトル部分 */
.card-title {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.5em 1em 0.5em;
  color: #333;
}

/* サムネイル画像 */
.custom-blogcard img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 0.5em;
}

/* 説明文 */
.card-description {
  font-size: 0.95em;
  color: #333;
  line-height: 1.6;
  margin: 0 1em 1em;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .custom-blogcard {
    font-size: 0.95em;
  }
}
/* サイドバーのウィジェットタイトルを完全リセット */
#sidebar .widget .widget-title,
#sidebar .widget .widget-sidebar-title {
  all: unset;                /* ← これで Cocoon のデフォルト装飾を一度リセット */
  display: block;            /* unsetで消えるので再指定 */
  background: #6595bf;       /* 好きな色を指定 */
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 2.0;
  padding: 0.5em 1em;
  border-radius: 4px;
}
#sidebar .widget .widget-title,
#sidebar .widget .widget-sidebar-title {
  margin-bottom: 1em; /* タイトルと中身の間に余白を追加 */
}
.widget-title {
  font-family:"Yu Gothic UI", "Hiragino Sans", "Noto Sans JP", sans-serif !important;
  font-weight: bold;
}