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

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

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/* ヘッダーのタイトル部分 */
.header-container-in {
//  padding: 0.5em;/*文字周りの余白*/2
  color: #010101;/*文字色*/
//  background: #1f5c72;	
//  border-bottom: dashed 2px #1f5c72
}

/* ヘッダーメニューのメニュー間の空白 */
#navi ul li {
    margin-right: 20px; /* 数値を変更して調整 */
}

/* 固定 or 投稿ページのタイトル */
.entry-title {
  padding: 0.5em;/*文字周りの余白*/
//  color: #010101;/*文字色*/
//  background: #4f5c72;
  color: #4f5c72;/*文字色*/
  background: #ffffff;
  /* background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}

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

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

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

/************************************
** 自作サイトマップ ul デザイン
************************************/
.my_cls_sitemap_ul {
  overflow: auto;
  height: 600px;
  width: 100%;
  padding-top: 0px;
  padding-left: 5px;
}
.my_cls_sitemap_ul li {
  border-bottom: 1px dashed #b9b9b9;
  padding: .1em 0;
  list-style-type: none!important;/*ポチ消す*/
}

/************************************
** 新着情報リストのスタイル
************************************/
.whatsnew {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 5px;
}

/* 日付のスタイル */
.whatsnew dt {
    color: #888;
    font-size: 0.9em;
    margin-bottom: 3px;
}

/* 記事タイトルのスタイル */
.whatsnew dd {
    margin: 0 0 5px;
    padding: 3px;
}

/* NEW ラベルのスタイル */
.newmark {
    background-color: #ff4d4d;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    margin-right: 6px;
}

/* 新着情報リストの間隔を調整 */
.whatsnew dt, .whatsnew dd {
    margin-bottom: 5px; /* 各要素の間隔を少し広げる */
}

/* 新着情報の見出しスタイル */
.whatsnew h4 {
    font-size: 1.2em;
    padding-bottom: 5px;
    border-bottom: 2px solid #cccccc;
}

/* カテゴリー名のスタイルを調整 */
.cat {
    background-color: #d0e0ff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.85em;
    color: #333;
}

/* ブログカードのサイト名を非表示にする */
.blogcard-site {
  display: none;
}