@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/*---------------------------------
サイドバーの文字
--------------------------------*/
.sidebar {
font-size: 0.8em;
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f138"; /* FontAwesomeのユニコード */
  color: #AAA156; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f054"; /* FontAwesomeのユニコード */
  color: #B1A31F; /* アイコンの色 */
  padding-right: 6px;
}


/*サイドバータイトル文字（カテゴリーとか）と下線*/
.sidebar h3 {
  border-bottom:2px dotted #998675;/*下線の太さ、種類、色*/
  background:transparent;/*背景を透明に*/
  padding:10px 0 5px 3px;
}



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

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

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

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

/*Gemini指導*/
/* 内部ブログカードのレイアウトを縦長に変更 */
.blogcard-wrap {
  /* カード全体の横幅を調整（任意） */
  max-width: 350px; 
}

/* Flexboxによる横並びを解除（縦積みに変更） */
.blogcard-content-in {
  display: block; 
}

/* 画像コンテナをカード幅いっぱいに広げる */
.blogcard-thumbnail {
  flex: 0 0 100%; /* 横幅100%に */
  height: auto; /* 高さを自動調整 */
  margin-right: 0; /* 右の余白をなくす */
  margin-bottom: 10px; /* 画像の下に余白を追加 */
}

/* アイキャッチ画像自体をフル幅にする */
.blogcard-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* テキスト部分の調整 */
.blogcard-content {
  flex: 1 1 100%; /* 横幅100%に */
  padding: 0 15px 15px 15px; /* 上下のパディングを調整 */
}