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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.header-in {
  width: 100%;
}

.logo-image span,
.logo-image a {
  width: 100%;
}

.header-in img {
  width: 100%;
}
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {}

/*1030px以下*/
@media screen and (max-width: 1030px) {}

/*768px以下*/
@media screen and (max-width: 768px) {}



/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 400px;
}

.footer-bottom-logo img {
  height: 105px;
  width: auto;
}

/***** シニアモンド（Cocoon）ホームをフル幅に *****/

/* 横スクロール抑止（ホームだけ） */
.home { overflow-x: hidden; }

/* ラッパー側の最大幅・左右パディングを解除（ホームだけ） */
.home .wrap,
.home .container,
.home .content,
.home .content-in,
.home .main,
.home .entry-content {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Gutenbergの「全幅（alignfull）」や「幅広（alignwide）」を画面いっぱいに */
.home .alignfull,
.home .alignwide,
.home .wp-block-cover.alignfull,
.home .wp-block-group.alignfull,
.home .wp-block-image.alignfull,
.home .wp-block-columns.alignfull,
.home .canva-header {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  display: block;
}


/* Canvaヘッダー（重複定義を一本化） */
.canva-header { margin: 0; padding: 0; overflow: hidden; }
.canva-header iframe {
  width: 100%;
  height: 300px;     /* PC時の高さはお好みで */
  border: none;
  display: block;
  opacity: 1;
  transition: opacity .4s ease;  /* フェード用（任意） */
}
@media (max-width: 768px) {
  .canva-header iframe { height: 220px; }  /* iPad/スマホ */
}

/* フッターロゴは現状のまま */
.footer-bottom-logo .logo-image { padding: 0; max-width: 400px; }
.footer-bottom-logo img { height: 105px; width: auto; }

/* 文章余白（スマホ時のみ） */
@media (max-width: 480px) {
  p { margin-left: 10px; margin-right: 10px; }
}