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

/************************************
** 子テーマ用のスタイル
************************************/

/* フッターの著作権表示を非表示 */
.footer-bottom {
  display: none;
}

/* フッターウィジェットの下余白削除 */
.footer .widget,
.footer .widget_custom_html,
.footer .footer-widgets {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ウィジェット画像の上余白を削除 */
.widget_custom_html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ページ上部にあるCocoonのヘッダー領域を丸ごと非表示（余白対策） */
#header {
  display: none !important;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ヘッダー画像をスマホでも大きく表示させる */
@media screen and (max-width: 480px) {
  .header-container img {
    width: 100% !important;   /* 横幅を100%に */
    height: auto !important;  /* 高さは自動調整 */
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
  }
}
/* スマホ表示時のヘッダー画像を大きくする */
@media screen and (max-width: 480px) {
  .header-container img,
  .logo-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
  }
}