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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* AFFINGER 時代の記事の部品用のスタイルは affinger-compat.css にある */

/************************************
** ヘッダー（AFFINGER5 時代と同じく、写真の上に社名のロゴ）
************************************/
.header {
  background-position: center center;
  background-size: cover;
}
/* ロゴ画像は上下に透明な余白が多いので、真ん中の文字の部分だけを大きく見せる */
.header .logo-image img,
.header .site-logo-image {
  width: 1100px;
  max-width: 92vw;
  height: 330px;
  max-height: none;
  object-fit: cover;
}

/* トップページは AFFINGER 時代と同じく、アイキャッチ・上部のシェアボタン・日付を出さない */
.home.page .eye-catch-wrap,
.home.page .sns-share.ss-top,
.home.page .date-tags { display: none; }

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .header .logo-image img,
  .header .site-logo-image { height: 120px; }
}