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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.skin-grayish :where(.navi-in) a {
  color: var(--skin-grayish-site-name-txt);
  color: #444!important;
  /*font-weight: bold;*/
  font-size: clamp(15px, 1.37vw, 16px);
  min-height: 0vw;
  font-weight:600!important; 
}
.skin-grayish .header-in .site-name-text {
  color: #555!important;
  font-weight:600!important; 
}
.tagline {
  text-align: center;
  font-size: 16px;
  margin: 0.6em 1em;
  color: #555!important;
  font-weight:600!important; 
}
.widget-entry-cards.large-thumb-on .card-content {
  font-weight: 600!important;
  letter-spacing: -0.005em;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .skin-grayish .mobile-menu-buttons .menu-caption {
    font-weight: 600!important;
  }
  .skin-grayish .mobile-menu-buttons .menu-button, .skin-grayish .mobile-menu-buttons .menu-button>a, .skin-grayish .sidebar-menu-content .sidebar-menu-close-button {
    color: #222!important;
  }
}
storong { color: #000000!important;}


/*834px以下*/
@media screen and (max-width: 834px){
   body {
    font-size: 15px!important;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  body {
    font-size: 15px!important;
  }
}