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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* reCAPTCHAバッジ非表示 */
.grecaptcha-badge {visibility: hidden;}

/* モバイルメニューで検索バーが飛ぶ対策 */
.search-menu-content {top:70%;}

/* モバイルメニュータイトルフォント */
.logo-menu-button {font-size:70%;}
/*.mobile-menu-buttons .menu-button > a {color:#FFFFFF;}*/

/* 目次の幅 */
.entry-content .toc {width:50%;max-width:100%;}

/* スポンサーリンクフォント */
.ad-label {font-size:70%;}

/* 投稿リストのカテゴリーラベル非表示 */
.cat-label {display:none;}

/* PCとモバイルのナビゲーションメニューを透明にして個々に色を付ける */
#navi .navi-in a, .menu-drawer a, .navi {background-color:#FFF0; color:#000;}
#menu-item-87323, .menu-item-87323 {background-color:#FFF9B2;}
#menu-item-87324, .menu-item-87324 {background-color:#94C7B2;}
#menu-item-87327, .menu-item-87327 {background-color:#93C7E4;}
#menu-item-87326, .menu-item-87326 {background-color:#F8AEB2;}
#menu-item-87325, .menu-item-87325 {background-color:#AD95CB;}

/* トップイメージトリミング */
.xiik_topimg{overflow:hidden;border-radius:25px;}
.xiik_topimg > img{object-fit:cover;aspect-ratio:calc(842/474)/1;display:block;width:100%;max-width:100%;}

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

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

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