/*
Theme Name: Ekimo Yuru WordPress v1.10.27 Fix
Theme URI: https://yuru.marutakesyobou.com/
Description: v1.10.26を親テーマとして、体験者の声導線の重なりと体験者の声ページの幅潰れを修正する子テーマ。
Author: 丸竹書房 / OTOBON
Template: ekimoto-yuru-wordpress-v1.10.26
Version: 1.10.27
Text Domain: ekimoto-yuru-wordpress-v1-10-27-fix
*/

/*
 * Fix 1: Hero直下の「体験者の声」と、Online Class看板の重なりを解消。
 * 看板は親テーマで上方向へせり出す設計なので、その分の空間を明示的に確保する。
 */
body.home .home-voices-entry {
  max-width: 1180px;
  margin: 28px auto 110px !important;
  padding: 0 clamp(18px, 5vw, 76px);
  position: relative;
  z-index: 4;
}

body.home .home-voices-entry a {
  position: relative;
  z-index: 4;
}

body.home .home-online-class {
  position: relative;
  z-index: 1;
}

body.home .home-online-class .section-sign-rail {
  z-index: 2;
}

/*
 * Fix 2: /voices/ では通常固定ページの .section.content-area を使わない。
 * page-voices.php と組み合わせ、ショートコード側の1180px幅をそのまま利用する。
 */
body.page-template-page-voices .voices-page-main,
body.page-id-5158 .voices-page-main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(40px, 5vw, 76px) 0 clamp(72px, 8vw, 110px);
}

body.page-template-page-voices .voices-page-article,
body.page-id-5158 .voices-page-article {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.page-template-page-voices .voices-page-content,
body.page-id-5158 .voices-page-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.page-template-page-voices .voices-page-content > .oytp,
body.page-id-5158 .voices-page-content > .oytp {
  width: auto;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 980px) {
  body.home .home-voices-entry {
    margin-bottom: 82px !important;
  }
}

@media (max-width: 600px) {
  body.home .home-voices-entry {
    margin-top: 20px !important;
    margin-bottom: 64px !important;
  }

  body.page-template-page-voices .voices-page-main,
  body.page-id-5158 .voices-page-main {
    padding-top: 28px;
  }
}