/*
Theme Name: 桜ヴィレッジ 公式サイト
Author: (あなたの名前)
Description: 桜ヴィレッジ株式会社の公式サイト用カスタムテーマです。
Version: 1.1.0
*/

body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #384353;
}
.font-accent {
    font-family: 'Zen Maru Gothic', sans-serif;
}
.bg-main { background-color: #FFF5F7; }
.text-primary { color: #D53F8C; }
.bg-primary { background-color: #ED64A6; }
.hover-bg-primary:hover { background-color: #D53F8C; }
.border-primary { border-color: #D53F8C; }

/*
 * Contact Form 7 Styles
 * -------------------------------------------------------------------------- */
.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 1.5rem;
}

.wpcf7-form-control {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db; /* 枠線の色 */
    border-radius: 0.5rem; /* 角を丸くする */
    background-color: #f9fafb; /* 背景色を少しつける */
    transition: border-color 0.2s, box-shadow 0.2s;
}

.wpcf7-form-control:focus {
    outline: none;
    border-color: #D53F8C; /* フォーカス時の枠線の色 */
    box-shadow: 0 0 0 3px rgba(237, 100, 166, 0.2); /* フォーカス時の影 */
}

.wpcf7-textarea {
    min-height: 150px; /* メッセージ入力欄の高さ */
}

/* 送信ボタンのスタイル */
.wpcf7-submit {
    display: inline-block;
    background-color: #ED64A6;
    color: white;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wpcf7-submit:hover {
    background-color: #D53F8C;
}

/* エラーメッセージ等のスタイル */
.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-acceptance-missing {
    color: #D53F8C;
}