/* <div class="page__content">
                <h1 class="single__title">お問い合わせ</h1>
                <div class="single__head-area">
                    <div class="single__category">
                                            </div>
                </div>
                                                            
<form class="snow-monkey-form" id="snow-monkey-form-76" method="post" action="" enctype="multipart/form-data" data-screen="input">
	<div class="smf-focus-point" aria-hidden="true"></div>

	
	
<div class="smf-form">
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">お名前</span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls">
<div class="smf-placeholder" data-name="fullname"><div class="smf-text-control">
				<input type="text" name="fullname" value="" class="smf-text-control__control" data-validations="requi#c00000">
			</div>
			</div>
</div></div></div>



<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">Eメール</span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls">
<div class="smf-placeholder" data-name="email"><div class="smf-text-control">
				<input type="email" autocomplete="email" name="email" value="" class="smf-text-control__control" data-validations="email requi#c00000">
			</div>
			</div>
</div></div></div>



<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">お問い合わせ内容</span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls">
<div class="smf-placeholder" data-name="message"><div class="smf-textarea-control">
				<textarea name="message" rows="5" class="smf-textarea-control__control" data-validations="requi#c00000"></textarea>
			</div>
			</div>
</div></div></div>
</div>

	<div class="smf-action"><input type="hidden" name="snow-monkey-forms-meta[token]" value="13ce6e11756bb607d8a77a53b111118c298fb2f09107c40f6cced41adfabf06a"><span class="smf-button-control">
				<button type="submit" class="smf-button-control__control" data-action="complete">送信する<span class="smf-sending" aria-hidden="true"></span></button>
			</span><input type="hidden" name="snow-monkey-forms-meta[method]" value="complete"></div>

	<div class="smf-system-error-content-ready">
		予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。	</div>

	<input type="hidden" name="snow-monkey-forms-meta[formid]" value="76">	</form>



<p></p>
                    
                            </div> */

/* ----------------------------------------
   Contact (Snow Monkey Forms) 基本調整
   他ページの本文幅/余白に合わせる想定
----------------------------------------- */

/* セクション全体コンテナ（必要なら親に class を付与） */
.page__content .snow-monkey-form {
  max-width: 100%; /* 他ページ本文幅に合わせ調整 */
  margin: 0 auto 4rem;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
}

/* 項目行の縦間隔 */
.snow-monkey-form .smf-item {
  padding: 1.2rem 0;
  border-bottom: 1px solid #eee;
}
.snow-monkey-form .smf-item:first-child {
  border-top: 1px solid #eee;
}

/* 2カラム（ラベル / コントロール）レイアウト */
.snow-monkey-form .smf-item__col--label {
  width: 26%;
  padding-right: 1.5rem;
  box-sizing: border-box;
  vertical-align: top;
  font-weight: 600;
  color: #333;
}
.snow-monkey-form .smf-item__col--controls {
  width: 74%;
  box-sizing: border-box;
}

/* PC 横並びのためのテーブル風フレックス化 */
.snow-monkey-form .smf-item {
  display: flex;
  flex-wrap: nowrap;
}
.snow-monkey-form .smf-item__col {
  display: block;
}

/* ラベル文字 */
.snow-monkey-form .smf-item__label__text {
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}

/* テキスト/メール/テキストエリア共通 */
.snow-monkey-form input[type="text"],
.snow-monkey-form input[type="email"],
.snow-monkey-form textarea {
  width: 100%;
  padding: 0.75rem 0.9rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  font: inherit;
  transition: border-color 0.25s, box-shadow 0.25s, background-color 0.25s;
  box-sizing: border-box;
}

.snow-monkey-form input[type="text"]:hover,
.snow-monkey-form input[type="email"]:hover,
.snow-monkey-form textarea:hover {
  border-color: #999;
}

.snow-monkey-form input[type="text"]:focus,
.snow-monkey-form input[type="email"]:focus,
.snow-monkey-form textarea:focus {
  outline: 0;
  border-color: var(--color-accent, #c00000);
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--color-accent, #c00000) 40%, transparent);
}

/* textarea 高さ */
.snow-monkey-form textarea {
  min-height: 180px;
  resize: vertical;
}

/* 必須エラーメッセージ（プラグイン側クラスがあれば合わせる） */
.snow-monkey-form .smf-error,
.snow-monkey-form .smf-validation-error {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  color: #c0392b;
}

/* 送信ボタン */
.snow-monkey-form .smf-action {
  margin-top: 2.5rem;
  text-align: center;
}

.snow-monkey-form .smf-button-control__control {
  align-items: center;
  gap: 0.5em;
  padding: 1.6rem 3.2rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  background: var(--color-accent, #c00000);
  color: #fff;
  position: relative;
  transition: background 0.3s, transform 0.15s;
}

.snow-monkey-form .smf-button-control__control:hover {
  background: var(--color-accent-hover, #c00000);
}

.snow-monkey-form .smf-button-control__control:active {
  transform: translateY(2px);
}

.snow-monkey-form .smf-button-control__control:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--color-accent, #b67a32) 45%, #ffffff);
}

/* 送信中インジケータ */
.snow-monkey-form .smf-sending {
  width: 1em;
  height: 1em;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: smf-spin 0.8s linear infinite;
  display: inline-block;
}

[data-screen="complete"] .snow-monkey-form .smf-sending {
  display: none;
}

@keyframes smf-spin {
  to {
    transform: rotate(360deg);
  }
}

/* システムエラー表示 */
.snow-monkey-form .smf-system-error-content-ready {
  margin-top: 1.5rem;
  padding: 1rem 1.25rem;
  border: 1px solid #f5c2c2;
  background: #fff5f5;
  color: #b40000;
  font-size: 1.6rem;
  border-radius: 4px;
}

/* レスポンシブ（スマホ縦） */
@media (max-width: 760px) {
  .snow-monkey-form .smf-item {
    flex-direction: column;
    padding: 1rem 0;
  }
  .snow-monkey-form .smf-item__col--label,
  .snow-monkey-form .smf-item__col--controls {
    width: 100%;
    padding-right: 0;
  }
  .snow-monkey-form .smf-item__label__text {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
  }
  .snow-monkey-form .smf-button-control__control {
    width: 100%;
  }
}