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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 
/* 
/* ヘッダー左寄せ */
.logo,
.tagline {
  text-align: left;
}

/* ロゴ・キャッチフレーズ周りの余白削除 */
.logo-header,
.header,
.header-in,
.header-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* ロゴ下の余白削除 */
.logo {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* キャッチフレーズ下の余白削除 */
.tagline {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.tagline {
  margin-bottom: -2px;
}

/* 本文・トップ画像側の上余白削除 */
#content,
#main,
.main,
.article,
.entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* PC：メニュー全体を右寄せ */
@media screen and (min-width: 835px) {

  .navi-in {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: 30px !important;
  }

  .navi-in > ul {
    display: flex !important;
    justify-content: flex-end !important;
  }

  .navi-in > ul > li {
    width: auto !important;
  }

}

/* PC：右寄せメニューの間隔を広げる */
@media screen and (min-width: 835px) {

  #navi .navi-in > ul > li,
  .navi .navi-in > ul > li {
    margin-left: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
  }

  #navi .navi-in > ul > li > a,
  .navi .navi-in > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

}

/* PC：ロゴとメニュー、メニューと画像の間を詰める */
@media screen and (min-width: 835px) {

  /* ロゴエリア下の余白を縮める */
  .logo-header {
    padding-bottom: 0 !important;
    margin-bottom: -18px !important;
  }

  /* メニュー全体を少し上へ */
  #navi,
  .navi {
    margin-top: -12px !important;
    margin-bottom: -18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* メニュー文字の上下余白を縮める */
  #navi .navi-in > ul > li > a,
  .navi .navi-in > ul > li > a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.2 !important;
  }

  /* スライダー上の余白を念押しで削除 */
  .wp-block-nextend-smartslider3,
  .n2-section-smartslider {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}



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

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

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