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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/** note 風のワンカラム*/

@media screen {
  .no-sidebar .wrap {
    width: 700px;
    background: #ffffff;
  }
  body.no-sidebar {
    background: #ffffff;
  }
  /* ヘッダーをすっきりさせる */
  .no-sidebar .header {
    display: none;
  }
  .no-sidebar .content {
    margin-top: 0;
  }
  .no-sidebar .main {
    padding: 0px 29px;
  }
  .no-sidebar .header-container {
    background: #ffffff !IMPORTANT;
  }
  .no-sidebar .navi-in>ul li {
    width: 120px;
  }
  .no-sidebar .navi-in>ul li:hover {
    background: #eee;
  }
  .no-sidebar .navi-in .item-label {
    color: #000 !IMPORTANT;
  }
  .no-sidebar .footer-bottom {
    color: #000 !IMPORTANT;
  }
  .no-sidebar .widget_search {
    position: relative;
    top: 0px;
  }
}

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

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

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