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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* FrontPage MV navi-color-change */
.skin-grayish #navi-in[data-navi-active=false] {
  background-color: transparent;
}
.skin-grayish #navi-in[data-navi-active=false]>ul.menu-top.menu-header.menu-pc>li>a,
.skin-grayish #navi-in[data-navi-active=false] [class^="icon-"],
.skin-grayish #navi-in[data-navi-active=false] .search-menu-icon span::before {
  color: #333a3f;
  filter: drop-shadow(0px 0px 4px white);
}
.item-description.sub-caption {
  display: none !important;
}


/*サイトタイトルのフォント変更*/
#header .site-name-text {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
}
/*記事タイトルの文字間をゆったりに*/
.entry-card-title {
  letter-spacing: 0.03em;
  font-weight: 500;
}
/*メニューの文字を小さめ＆丸め*/
#navi ul li a {
  font-size: 15px;
  border-radius: 20px;
  padding: 6px 14px;
}


/*固定ページで投稿日を非表示*/
.page .date-tags,
.page .entry-meta,
.page .post-meta {
  display: none !important;
}

/* ホバー時に薄くする */
.hover-opacity:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}


/* 文章ブロック間の余白をもっと空ける */
.entry-content p {
  margin-bottom: 2em;
}
.entry-content {
  line-height: 2;
}


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

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

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