/*
Theme Name: yuuai.org
Author: 
Author URI: https://yuuai.org/

*/
/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*　フォーム全体　*/



#cf7-area {
width:100%;
margin: 0 auto !important;
	padding:0 !important;
	clear:both !important;
}

.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 1.75em;
		clear:both !important;
}

.cf7-q {
width: 25% !important;
margin: 0 0 0 10px;
		padding:0 !important;
		clear:both !important;
}

.cf7-a {
width: 65% !important;
		padding:0 !important;
		clear:both !important;
}


/* 各項目共通 */
#cf7-area label{
font-weight:bold;
}

#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea ,.page_editor input[type="password"]{
background: #ddd;
	border: 2px solid #ddd;
width:100%;
margin-left:10px;
	padding:2px 10px;
}
#cf7-area select{
background: #fff;
	border: 2px solid #ddd;
width:100%;
margin-left:10px;
	padding:2px 0px 2px 10px;
}
.cf7-s{
    position: relative;
}
.cf7-s::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 15px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
}



#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus {
background: #E7F3E4;
border: 2px solid #8AB38F;
outline: 0;
}

#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
appearance: auto;
}

#cf7-area .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
padding: 0.625em 0.4375em;
}

.cf7-accept-check{
text-align: center;
margin: 50px auto;
}

.wpcf7-submit {
display: block  !important;
	margin: 0 auto !important;
}
.cf7-submit p {	
clear:both !important;
	text-align:center !important;
	margin: 15px auto  50px !important;
	width:100%;
}
 .cf7-previous p {	
clear:both !important;
	text-align:center !important;
	margin: 50px auto 0 !important;
	width:100%;
}
.cf7-submit input[type="submit"] ,.post-password-form  input[type="submit"]
{
width: 250px;
background-color: #F7EAF0;
color: #B4566B;
border-radius: 5px;
font-size: 1.2em;
padding: 1em 10px;
text-align:center;

}
.post-password-form  input[type="submit"]
{margin-top:18px;}


.cf7-submit input[type="submit"]:hover ,.post-password-form  input[type="submit"]:hover
{
background-color:#B4566B;
color:#fff;
}
.cf7-previous input[type="button"]
{
width: 250px;
background-color: #e7eef6;
color: #375783;
border-radius: 5px;
font-size: 1.2em;
padding: 1em 10px;
text-align:center;
}
.cf7-previous input[type="button"]:hover
{
background-color:#375783;
color:#fff;
}

.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
}

/*　必須ラベル　*/
.cf7-req{
font-size:.7em;
padding: 0px 4px;
background: #D46565;
color: #ffffff;
margin-left: 5px;
display:inline-block;
	border-radius:3px;
}

@media screen and (max-width:768px){
.cf7-item {
display: block;
}

#cf7-area label{
display: block;
margin-bottom: 10px;
}

.cf7-q {
width: 100% !important;
margin: 0;
}

.cf7-a {
width: 100% !important;
}

#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea{
margin-left: 0;
}

.cf7-submit{
width: 90%;
}
}