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





 @media (max-width: 640px) { 
	 
	     .yk-hero-txt a[rel] {
      font-size: 12px !important;                                                                                                                                    padding: 12px 18px !important;                                                                                                                           
      white-space: nowrap !important;                                                                                                                              }
                                     

    .yk-hero-box {
      background-image: url('https://3-kids-mama.com/wp-content/uploads/2026/04/yogakuma-hero-mobile-v3.jpg') !important;
      background-position: right 65% !important;
      min-height: 400px !important;
    }

    .yk-hero-ovl {
      background: linear-gradient(
        to right,
        rgba(253,249,246,.97) 0%,
        rgba(253,249,246,.95) 40%,
        rgba(253,249,246,.60) 60%,
        transparent 78%
      ) !important;
    }

    .yk-hero-txt {
      max-width: 72% !important;
      padding: 0 18px !important;
      margin-top: 100px !important;
    }

    .yk-hero-txt h1 {
      font-size: 16px !important;
      line-height: 1.7 !important;
    }

    .yk-hero-txt ul { display: none !important; }
    .yk-hero-mob-img { display: none !important; }
  }



  /* フロントページ：タイトル・日付・メタ情報を非表示 */                                                                                                       
  .home .article-title,                                                                                                                                        
  .home .article-header,                                                                                                                                       
  .home .article-meta,                                                                                                                                           .home .post-date,                                                                                                                                            
  .home .article-date {                                                                                                                                        
    display: none !important;
  }

  /* フロントページ：ピックアップバナーを非表示 */                                                                                                             
  .home .pickup-contents-box,                                                                                                                                  
  .home .pickup-contents,                                                                                                                                        .home .swiper-container {                                                                                                                                    
    display: none !important;                                                                                                                                  
  }







  /* カテゴリ・アーカイブページのコンテンツ上を非表示 */                                                                                                         .archive .content-top,                                                                                                                                       
  .category .content-top {                                                                                                                                     
    display: none !important;                                                                                                                                  
  }

  /* カテゴリ・アーカイブページの人気記事ウィジェットを非表示 */                                                                                               
  .archive .widget-index-top,                                                                                                                                  
  .category .widget-index-top {                                                                                                                                    display: none !important;                                                                                                                                  
  }