@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{ /*投稿日・更新日*/
display: none;
}
/* モバイルだけ：Aboutの文字を半段階“濃く”＆少し締める */
@media (max-width: 768px){
  .about-wrap{ color:#111111; font-size:16px; line-height:1.9; }
  .about-wrap p, .about-wrap li{ color:#111111; }
  .about-wrap a{ color:#1a1815; }
}
/* モバイルだけ：Aboutを半段階濃く＋サイズ16pxで締める */
@media (max-width: 768px){
  .about-wrap{
    color:#0f0f0f;     /* ← #111111 より一段濃い */
    font-size:16px;    /* Cocoon側も16pxにしてOK */
    line-height:1.9;
  }
  .about-wrap p, .about-wrap li{ color:#0f0f0f; }
  .about-wrap a{ color:#141311; }  /* リンクも少しだけ濃く */
}
@media (max-width: 768px){
  .about-wrap p,
  .about-wrap li,
  .offering-wrap p,
  .offering-wrap li{
    font-weight: 600;   /* しっかり濃く */
  }
  .about-wrap a,
  .offering-wrap a{
    font-weight: 600;
  }
}