@import url('https://fonts.googleapis.com/css2?family=Peralta&display=swap');

.l-header {
  background-color: #EFE900;
}

body.home .l-header {
  background-color: rgba(255,255,255,0.2);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.l-header__logo {
 font-family: "Peralta", serif;
  font-weight: 400;
  font-style: normal;
}
.home .l-footer {
    background-color: rgba(255,255,255,0.1);
}
.l-footer {
    background-color: #EFE900;
    color:#000;
}
body {
    background-color: #EFE900;
}

body:not(.home) .l-content {
    background-color: rgba(255,255,255,0.9);
}

.headings_class {
 font-family: "Peralta", serif;
  font-weight: 400;
  font-style: normal;
}
.c-pageTitle__main {
 font-family: "Peralta", serif;
  font-weight: 400;
  font-style: normal;
}


/* 背景処理　WebGLキャンバスを全画面 */
body.home #canvas {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* z-indexをマイナスではなく、1 くらいにする */
    z-index: 1 !important; 
    pointer-events: none !important;
}

/* body全体でイベントを拾えるようにする */
html, body.home {
    cursor: default;
}
/* 親要素の干渉を避けるための保険 */
body, html {
    margin: 0;
    padding: 0;
}

/* 元の動画要素は非表示（WebGLが吸い上げるため） */
#back-video-wrapper {
    display: none;
}
/* キャンバスを一番奥へ */
body.home #canvas {
    position: fixed !important;
    z-index: -100 !important;
    pointer-events: none !important;
}

/* ビデオ要素（種）を隠す */
#back-video-wrapper {
    display: none !important;
}

/* 重要：ページ全体でマウスを拾えるようにする */
html, body.home {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
/* 背景処理関連 END */

/* ドロワーメニュー */
.p-drawer {
    background-color:  rgba(5, 52, 30, 0.9);
}


/* Snow Monkey Forms テキストフィールド透過 */
.smf-form .smf-text-control__control,
.smf-form input[type="text"],
.smf-form input[type="email"],
.smf-form input[type="tel"],
.smf-form input[type="url"],
.smf-form textarea {
    background-color: rgba(255, 255, 255, 0.3)!important; /* 黒の30%の透明度 */
    border: 1px solid rgba(255, 255, 255, 0.6)!important;
    color: #000;
    padding: 10px;
    border-radius: 5px;
}