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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*固定ページ日付削除*/
.date-tags {
display: none;
}



/* 全幅背景 */
.full-width-bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #f5f5f5; /* 好きな色に変更 */
  padding: 2em 0;
}

.full-width-bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #f5f5f5;
  padding: 0; /* ← パディングをゼロに */
}

.full-width-bg img {
  display: block;
  margin: 0 auto;
  padding: 0;
}


.mobile-menu-buttons .menu-button > a {
  margin-top: 6px !important;
  margin-bottom: 20px !important; /* ← 下に余白をしっかり確保 */
}


/* Cocoonのヘッダーの高さを増やす */
.header-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}