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

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





/****************
タブ見出しボックス
****************/
.tab-caption-box-label{ 
	font-weight: bold; /*タイトル文字の太さ*/
}
.tab-caption-box-content {
	font-weight: bold;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/****************
タグ背景色
****************/
/* タグの枠線色変更 */
.entry-card-tags-ex a {
    border-color: #fea443; /* 枠線を完全に削除 */
}
/* タグの枠線色変更（記事下） */
.entry-tags a {
    border-color: #fea443; /* 枠線の色を変更 */
}

/* 目次位置 */
.toc {
    margin-bottom: 20px; /* 目次の下に余白を追加 */
}

h2, h3, h4, h5, h6 {
    margin-top: 20px; /* 見出しの上に余白を追加 */
}
.ad-container {
    margin: 10px 0; /* 上下に10pxの余白を設定 */
}

/* 投稿日から一定期間newを表示する */
.my-new-post .card-title:before, /* エントリーカードのタイトル */
.my-new-post .entry-title:before { /* 投稿のタイトル */
    background-color: #ff0000; /* 背景色 */
    color: #fff; /* 文字色 */
    content: 'NEW'; /* ラベルの内容 */
    font-size: 8px; /* 文字サイズ */
    font-weight: normal; /* フォントの太さ */
    margin-right: 5px; /* 右側の余白 */
    padding: 0 3px; /* 内側の余白 */
    vertical-align: middle; /* 配置調整 */
}


/* インデックスカテゴリーラベル非表示 */
.cat-label {
 display: none;
}

/*投稿日から一定期間newを表示するリボン */
.new-ribbon {
    position: absolute;
    top: 0; /* 画像の上端に配置 */
    left: 0; /* 画像の左端に配置 */
    background-color: #ff0000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px; /* 角を少し丸く */
    z-index: 2;
}


/************************************
** ■カルーセル カスタマイズ
************************************/

.carousel-entry-card {
    width: 200px !important; /* お好みの幅に変更 */
}

.carousel .carousel-entry-card .carousel-entry-card-title.card-title {
  font-size: 14px; /*フォントサイズ*/
  font-weight:bold!important; /*文字強調*/
  word-break: break-all; /*表示範囲に合わせて改行*/
}
.carousel .carousel-entry-card .cat-label {
  color: #fff; /*ラベル 文字色*/
  border: none; /*枠削除*/
  display: none; /*ラベルを表示したい場合はコメントアウト*/
}

.carousel .carousel-entry-card-thumb.card-thumb img {
  border-radius: 6px; /*角丸コーナー*/
}


/*スマホのみサイズ変更 */
@media screen and (max-width: 768px) {
    .carousel-entry-card {
        width: 150px !important; /* お好みの幅に変更 */
    }
}

/************************************
** ■記事下関連記事コメント数表示
************************************/

.comment-count {
  font-size: 0.85em;
  color: #0000ff;
  text-align: right;
  margin: 4px 8px 0 0;
}