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

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

/* サイドバープロフィール画像に縁をつける */
.sidebar.nwa .author-box .author-thumb img {
    border: 3px solid #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); /* 追加行 */
}
/* サイドバープロフィール説明の文字サイズ */
.author-box .author-description {
    font-size: 14px; /* ここに希望の文字サイズを指定 */
}

/*グローバルメニューの高さを変更*/
#navi .navi-in > ul li{
	height: 60px;
	line-height: 60px;
}
/*グローバルメニュー 文字の大きさを変更*/
#navi .navi-in > .menu-header .item-label{
	font-size: 18px;
	font-weight: bold;
}
/* 目次全体を1つのカードにまとめる */
.toc {
  background-color: #fff8f0; /* 淡いベージュ */
  border: 1px solid #ddb271; /* 枠線をヘッダー色で */
  border-radius: 8px; /* 角を丸める */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* ほんのり影 */
  overflow: hidden; /* タイトルとリストを丸くまとめるため */
}
/* 目次タイトルバー（バナー風） */
.toc .toc-title {
  background-color: #ddb271; /* ヘッダー色 */
  color: #fff;
  padding: 12px 16px;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
　border-radius: 8px 8px 0 0;
}

/* リンクデザイン */
.toc a {
  color: #333;
  text-decoration: none;
}
.toc a:hover {
  color: #ddb271;
  text-decoration: underline;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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