/* Styles definition here */

#fbuilder .slots div.htmlUsed a {
    background: #2271B3;
    color: #fff;
}
#fbuilder .slots .htmlUsed.currentSelection{
	border:none;
}

.cpp_form{
	    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.fields {
	margin-bottom:20px;
}

#fbuilder .ui-datepicker-inline { max-width:none !important; }
.ahbfield_service { display: none }
#fbuilder .pbSubmit{
  margin:5px auto;
  float:none;
  display:inline-block;
}
#fbuilder .ui-datepicker th {background:＃6cc72b; color:＃f00;}
.pbSubmit:hover { background-color: #4CAF50; color: white; }
#fbuilder .ui-datepicker th:first-child{
	color:#cc2525;
}#fbuilder .ui-datepicker th:last-child{
	color:#2525cc;
}
#fbuilder .notavailslot a{ background:#f00; }

#fbuilder .large {
    width:100% !important;
    padding:10px;
    font-size:18px;
}
#fbuilder .medium {
  width: 100% !important;
  padding: 10px;
  font-size: 18px;
}
#fbuilder .slots div{
	border:none;
}
#fbuilder .slots div a {
    background: #999;
    box-shadow: none;
    display: inline-block;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}
#fbuilder .slots div a:hover {
    background: #ccc;
}
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-active {
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    background-color: #2271b3;
    border: 0px solid;
    border-radius: 5px;
}
#fbuilder .left_aligned .fields label {
    float: left;
    width: 24%;
    margin-right: 2%;
    color: #fff;
    background-color: #666;
    padding: 10px 5px;
    text-align: left;
	height: 80%;
}
#fbuilder .left_aligned .fields.non-required label{
	background-color: #999;
}

#fbuilder .fields, #fbuilder .fform {
    padding: 5px 0px;
    display: flex;
}
#fbuilder .fields.privacy-policy .dfield{
	width:80%;
	max-width:380px;
	margin:0 auto 50px;
	text-align: center;
}
#fbuilder .left_aligned .fields.privacy-policy label{
	margin-right: auto;
    color: #fff;
    background-color: #83aacb;
    padding: 15px;
}
#fbuilder .left_aligned .fields.privacy-policy label input{
	float:right;
	margin: 6px;
}
#fbuilder .left_aligned .fields.privacy-policy label a{
	color:#fff;
}
#fbuilder .left_aligned .fields.calender-third-child{
	margin-bottom:80px;
}
#fbuilder .pbSubmit{
	width:80%;
	max-width:380px;
	text-align: center;
    color: #fff;
    background-color: #3071a9;
    padding: 15px;
	border: none;
	font-size: 16px;
}
#fbuilder div.cpefb_error {
    font-size: 14px;
    background: none;
    border:none;
    opacity: 0.9;
    margin-top: 0;
	float: right;
    position: relative;
	top: -12px;
    color: #ff2525;
    padding: 0;
    z-index: 1000;
    display: inline-block;
    min-width: 260px;
    text-align: right;
}

#fbuilder .questionary_list div.cpefb_error{
  top: 5px;
}
#fbuilder #fieldname3_1-error.cpefb_error,#fbuilder #fieldname4_1-error.cpefb_error,#fbuilder #fieldname7_1-error.cpefb_error,#fbuilder #fieldname9_1-error.cpefb_error{
	visibility:hidden;
}
#fbuilder #fieldname3_1-error.cpefb_error:before{
	content:"11桁の番号を入力してください。";
	visibility:visible;
	position: absolute;
  background: #fff;
  padding: 3px 8px;
	font-size:90%;
}
#fbuilder #fieldname4_1-error.cpefb_error:before{
	content:"7桁の郵便番号を入力してください。";
	visibility:visible;
	position: absolute;
  background: #fff;
  padding: 3px 8px;
	font-size:90%;
}
#fbuilder #fieldname7_1-error.cpefb_error:before{
	content:"9桁以上の番号を入力してください。";
	visibility:visible;
	position: absolute;
  background: #fff;
  padding: 0;
  top: -3px;
	font-size:90%;
  top:0;
  right:0;
}
#fbuilder #fieldname9_1-error.cpefb_error:before{
	content:"メールアドレスを再度入力してください。";
	visibility:visible;
	position: absolute;
  background: #fff;
  padding: 0;
	font-size:90%;
  top:0;
  right:0;
}
#fbuilder div#fieldname1_1-error{
	top: 0;
}
#fbuilder div#fieldname13_1-error{
	float: none;
}
#fbuilder div#fieldname40_1-error{
	float: none;
}

#fbuilder div.cpefb_error:after{
	background:none;
}
#fbuilder .slotsCalendar .slots span:after{
	content: " の予約希望日";
}
#fbuilder .left_aligned .fields.privacycheck .dfield {
  width: 100%;
}
#fbuilder .left_aligned .fields.privacycheck .dfield .one_column{
  text-align: center;
}
#fbuilder .left_aligned .fields.privacycheck label{
	color:#000;
	background:none;
	text-align:center;
	margin-right:0;
}
#fbuilder .left_aligned .fields.privacycheck label > span:after{
	content: " に同意をする*";
}
#fbuilder .left_aligned .fields.privacycheck label span.r{
	display:none;
}
#fbuilder .left_aligned .fields.hanshacheck label > span:after{
	content: " を確約します。*";
}


#fbuilder .pbSubmit[disabled]{
    background:#DCDCDC;
    cursor:not-allowed; 
}
#fieldname13_1,#fieldname38_1,#fieldname40_1{
	width:18px;
	height:18px;
}
#fbuilder .left_aligned #field_1-9 label,#fbuilder .left_aligned #field_1-10 label,#fbuilder .left_aligned #field_1-11 label,#fbuilder .left_aligned #field_1-12 label,#fbuilder .left_aligned #field_1-13 label,#fbuilder .left_aligned #field_1-14 label,#fbuilder .left_aligned #field_1-15 label,#fbuilder .left_aligned #field_1-16 label,#fbuilder .left_aligned #field_1-17 label{
	height:inherit;
}
.showroom-name input{
	pointer-events:none;
}
#fbuilder .fields.neworold .dfield .three_column{
  float: left;
  width: auto;
  margin-right: 20px;
}

#fbuilder .fields.neworold .dfield .three_column label{
  background: none;
  color: #000;
}

@media (max-width: 768px){
#fbuilder .fields, #fbuilder .fform {
  padding: 5px 0px;
  display: inherit;
}
#fbuilder .left_aligned .fields label {
  width: 100%;
  color: #000;
  background-color: #fff;
  padding: 0 0 5px;
  height: auto;
}
#fbuilder .left_aligned .fields .dfield {
  width: 100%;
}
#fbuilder .left_aligned #field_1-9,#fbuilder .left_aligned #field_1-10,#fbuilder .left_aligned #field_1-11,#fbuilder .left_aligned #field_1-12,#fbuilder .left_aligned #field_1-13,#fbuilder .left_aligned #field_1-14,#fbuilder .left_aligned #field_1-15,#fbuilder .left_aligned #field_1-16,#fbuilder .left_aligned #field_1-17,#fbuilder .left_aligned #field_1-18,#fbuilder .left_aligned #field_1-19,#fbuilder .left_aligned #field_1-20,#fbuilder .left_aligned #field_1-21,#fbuilder .left_aligned #field_1-22,#fbuilder .left_aligned #field_1-23{
	margin-bottom: 20px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 20px;
}
#fbuilder .left_aligned .fields.non-required label {
  background-color: #fff;
}
}
@media (max-width: 530px){
	#fbuilder .pbSubmit{
		margin:0 10% 30px!important;
	}
}


@media (max-width: 400px){
#fbuilder div.cpefb_error{
top: 0px;
}
  #fbuilder .questionnaire div.cpefb_error{
    top: 0px;
  }
  #fbuilder #fieldname16_1-error{
    top: 0px;
  }
}