@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){
  /*必要ならばここにコードを書く*/
}

/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}

/*ボックスメニューアイコン色*/
.box-menu-icon{
	color: #FF99CC;
}

/*ボックスメニュー背景色*/
.box-menu{
	background: #fffafa;
}




 /*ブログカード*/
.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #ffb6c1; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/*ラベルカラー*/
.blogcard-type .blogcard-label{
background-color:#6495ed;
}

/*ブログカード枠線*/
.blogcard{
border: 1px solid #e6e6fa;
}

/*ブログカード背景*/
.blogcard-wrap {
background-color: #f8f8f8;
}

@media screen and (max-width: 768px) {
  #sidebar {
    display: none !important;
  }
}

/* モバイル（768px以下）でのグローバルメニューの高さ調整 */
@media screen and (max-width: 768px) {
  #navi ul li a {
    padding: 12px 8px;  /* 上下12px、左右8px */
    font-size: 15px;     /* 必要に応じて調整 */
    display: inline-block;
  }
}


/* インフォメーションバー下の余白調整とコンテンツ下の余白の調整 */
#main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}