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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page-id-211 .toc,.page-id-211 .toc a,.page-id-211 .toc .toc-title{color:#d8dde3}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .mobile-header-menu-buttons .logo-menu-button,
  .mobile-header-menu-buttons .logo-menu-button a,
  .mobile-header-menu-buttons .logo-menu-button .site-name-text{font-size:15px;white-space:nowrap;letter-spacing:0}
  #header.header{display:none}
  body .hpW .hero .pl{height:30svh}
  .page .date-tags{display:none}
  .page .sns-share.ss-top{display:none}
  body.page .entry-content .hrkn .hrkn-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;padding:6px 0 10px!important;margin:0!important;-webkit-overflow-scrolling:touch}
  body.page .entry-content .hrkn .hrkn-nav a{flex:0 0 auto!important;font-size:14px!important;padding:6px 12px!important;white-space:nowrap}
}

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