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

/* Header navigation: four columns, two rows */
#navi #navi-in > ul.menu-pc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;margin:0 auto;padding:0;}
#navi #navi-in > ul.menu-mobile{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:0;margin:0;}
#navi #navi-in > ul > li{width:auto;min-width:0;float:none;margin:0;}
#navi #navi-in > ul > li > a{display:flex;align-items:center;justify-content:center;min-height:52px;height:auto;padding:12px 8px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);box-sizing:border-box;}
#navi .caption-wrap{width:100%;}
#navi .item-label{white-space:normal;font-size:17px;}
@media(max-width:834px){#navi #navi-in > ul.menu-pc{display:none;}#navi #navi-in > ul.menu-mobile{display:grid;}#navi .item-label{font-size:14px;}}
#navi #navi-in > ul > li{height:auto;min-height:52px;}