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


/* アピールエリアの画像を全体表示 */
.appeal {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* PC表示 */
@media screen and (min-width: 835px) {
  .appeal {
    height: 450px !important;
  }
}

/* スマホ表示 */
@media screen and (max-width: 834px) {
  .appeal {
    height: 200px !important;
  }
}


/* トップページの記事一覧の上に余白 */
.home #content {
  margin-top: 180px;
}

/* スマホでは余白を小さくする */
@media screen and (max-width: 834px) {
  .home #content {
    margin-top: 60px;
  }
}