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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ===== Aumenta カスタムCSS ===== */

/* ヘッダー */
#header { flex-shrink: 0 !important; min-width: 200px !important; }
.logo-image img { height: 50px !important; width: auto !important; }
#navi .menu-header li a {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #333 !important;
  padding: 0 20px !important;
}
#navi .menu-header li a:hover { color: #D4A93A !important; }
#navi .menu-header li:last-child a {
  background: #E8740C !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 8px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
#navi .menu-header li:last-child a:hover { background: #d16200 !important; color: #fff !important; }
#header-container { border-bottom: 1px solid #eee !important; }

/* 固定ページ */
.page-body .date-tags { display: none !important; }
.page-body .breadcrumb { display: none !important; }
.entry-content .mobile-nav { display: none !important; }
.page-body #container { max-width: 100% !important; padding: 0 !important; }
.page-body .main { max-width: 100% !important; padding: 0 !important; }
.page-body .content-in { max-width: 100% !important; padding: 0 !important; }
.page-body .article { max-width: 100% !important; padding: 0 !important; }
.page-body .entry-content { max-width: 100% !important; padding: 0 !important; }

/* サイト幅 */
#container { max-width: 1400px !important; }

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

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

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


/* ヘッダーとコンテンツの隙間を削除 */
.page-body #content { margin-top: 0 !important; }
.page-body .entry-content { margin-top: 0 !important; }

/* 固定ページ背景 */
.page-body { background: #fff !important; }