@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/* 全体のスタイル */

.header{
	box-shadow: 0 0 45px rgb(0 12 66 / 25%);
    padding: 8px 0!important;
}

/* フォーム全体のスタイル */
.wpcf7 {
background-color: #f0f0f000;
padding: 20px;
border-radius: 10px;
max-width: 800px;
margin: auto;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
font-weight: bold;
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
color: #ff0000;
padding: 2px 0px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #A02DE8;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
width: 100%;
padding: 5px;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #ffffff;
color: #A02DE8;
border: 1px solid #A02DE8;
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
background-color: #ffffff;
	padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px;
}

.entry-content .sgb-box-menu__image, .sgb-box-menu__item .sgb-box-menu__image {
    height: 150px;
    width: 150px;
}