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


/* wdp-site-style:start (apply_site_style.ps1 が足したブロック。外すときは apply_site_style.ps1 -Revert) */
@media screen and (max-width: 1023px) {
  /* ヘッダーのメニュー(スマホ): 項目を縮めず、横にスクロールする */
  #navi .navi-in > .menu-mobile { justify-content: space-around; -webkit-overflow-scrolling: touch; }
  #navi .navi-in > .menu-mobile > li { flex: 0 0 auto; width: auto; padding: 0 12px; }
}
/* 記事の画像の左上のカテゴリーのラベル: 長い名前を切らない */
.cat-label { max-width: 100%; }
/* カテゴリーページの先頭の案内: 小さく詰めて、記事の一覧が先に見えるようにする(スマホで、案内が画面の大半を占めていた) */
.category-page-content.entry-content { font-size: 14px; line-height: 1.7; }
.category-page-content.entry-content p { margin: 0 0 .5em; }
.category-content.article { margin-bottom: 1em; }
/* wdp-site-style:end */