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




/* トップページ（フロントページ）のアイキャッチをフル幅に */
.home.page .eye-catch-wrap {
  margin-left: -30px !important;  /* 左余白を消す（Cocoonデフォルトの余白29px前後なので-30pxくらい） */
  margin-right: -30px !important; /* 右余白を消す */
  width: calc(100% + 60px) !important; /* 幅を広げてフルに */
}

/* スマホ（モバイル）でも対応（画面幅834px以下） */
@media screen and (max-width: 834px) {
  .home.page .eye-catch-wrap {
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
  }
}