/*
Theme Name: SYN Ownd Child
Template: syn-ownd
Theme URI: https://syn.design/
Author: 株式会社ウェブライダー
Author URI: https://web-rider.jp/
Description: SYN Ownd の子テーマ
Version: 1.0.0
Text Domain: syn-ownd-child
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@charset "utf-8";

/*----------------------------------------
　Contact Form 7のカスタマイズ
----------------------------------------*/
/* フォーム全体のスタイル */
.wpcf7 {
	padding: 20px;
}

/* フォーム内のラベルと入力フィールドのスタイル */
.wpcf7-form p {
	margin-bottom: 15px;
}
.wpcf7-form label {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	line-height: 1.5;
}
.wpcf7-form label .label-text {
	display: inline-block;
	vertical-align: middle;
}
.wpcf7-form label .yms-required {
	display: inline-block;
	background-color: #d9534f;
	color: #fff;
	padding: 2px 6px;
	margin-left: 10px;
	border-radius: 4px;
	font-size: 12px;
	vertical-align: middle;
}
.wpcf7-form-control {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	box-sizing: border-box;
	margin-top: 5px;
}
.wpcf7-form-control:focus {
	border-color: #007BFF;
	outline: none;
}

/* テキストエリアのスタイル */
.wpcf7-textarea,
.short-name-field,
.short-email-field {
	border: 1px solid #cccccc;
	border-radius: 6px;
}
.wpcf7-textarea {
	resize: vertical;
}
.short-name-field,
.short-email-field {
	width: 360px;
}

/* 送信ボタンのスタイル */
.wpcf7-submit {
	text-align: center;
	display: block;
	width: 420px;
	margin: auto;
	padding: 1em;
	background-color: #e69400;
	border: none;
	border-radius: 40px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s;
}
.wpcf7-submit:hover {
	background-color: #FFA600;
}

/* スピナーのスタイル */
.wpcf7-spinner {
	display: none;
}

/* レスポンシブ対応 */
@media (max-width: 600px) {
	.wpcf7 {
		padding: 15px;
	}
	.wpcf7-form-control {
		font-size: 14px;
	}
	.wpcf7-submit {
		font-size: 14px;
	}
}

/* フォームフォーカス */
input:focus, select:focus, textarea:focus {
	background-color: lightgoldenrodyellow;
}

/* 「Contact Form 7」内のTurunstileウィジェット調整 */
.wpcf7-turnstile.cf-turnstile div {
	display: grid;		/* グリッド指定 */
	margin: 2em 0 3em 0;	/* 上下マージンを揃える */
	place-items: center;		/* 中央揃え */
}

/* 改行位置の調整 */
.sp-only {
    display: none;
}
@media only screen and (max-width : 667px) {
    .sp-only {
        display: block;
    }