/*----------フォーム----------*/
form {
text-align: center;
margin:0 auto;
padding: 30px 0 0;
}

form p {text-align: left;}

form.form-title {
text-align: center;
padding: 5px 0;
color: #fff;
clear: both;
}

.fbody {
max-width: 840px;
padding: 10px 10px 20px;
margin: 0 auto 20px;
border-radius: 30px;
text-align: center;
}

.flabel {color: #fff}
.mtitle {
padding: 10px;
border-radius: 45px;
max-width: 880px;
margin: 0 auto 15px;
}

.ftitle {
max-width: 820px;
margin: 0 auto;
}
.ftitle img {float:none;margin: 10px auto;}
.middle {display: none;}

/*----------ボタン----------*/
.gtb {
width: 70%;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 2px solid #fff;
padding: 10px;
margin: 30px auto 0;
}

.spcontainer {margin: 0 2%;}

img.img-responsive.img-center.sp {
    width: 100%;
}

@media screen and (min-width: 769px) {
.ftitle img {float:left;}
.middle {padding-top: 100px;display: block;}

}

table {
font-size: 80%;
margin: 0px auto;
max-width: 800px !important;
color: #666;
}

td {vertical-align:middle !important;}

hr.h100 {
    height: 100px;
}

hr.h10 {
height: 10px;
}

.pd30 {padding: 30px 10px;}
.pdb30 {padding-bottom: 30px;}
.mgb20 {margin-bottom: 20px;}

#name-label,
#name-element,
#email1-label,
#email1-element {
float: none;
}

form p {
margin: 0;
padding: 0;
}

#name-element input {
width: 90% !important;
}

#email1-element input {
width: 90% !important;
}

label {
font-weight: normal !important;
color: #fff;
width: 90%;
padding: 3px 0;
background: #638c0b;
}

input#buttons1-confirm,input#buttons1-submit {
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/btn_s.png) no-repeat left bottom !important;
width: 0;
height: 0;
margin: 0 auto !important;
text-indent: -9999px;
padding: 50px 140px;
display: block;
clear: both;
overflow:auto!important;
overflow /**/: hidden;
}

.description {
max-width: 94%;
font-size: 80%;
text-align: right;
margin: 0;
padding: 0;
color: #fff;
}

.errors {
list-style: none;
font-size: 90%;
padding-top: 5px;
background: #c60000;
width: 90%;
color: #fff;
padding: 0;
margin: 0 auto;
}

.errors li {
text-indent: none;
padding: 0;
margin: 0;
}

.errors li:before {
content: "※";
}

#form-error {
font-size: 90% !important;
padding: 10px 10px;
background: #c60000;
color: #fff !important;
border-radius: 30px;
border: 2px solid #fff;
}

@media screen and (min-width: 768px) {

form {
max-width: 700px;
margin: 0 auto;
}

#name-label,
#name-element,
#email1-label,
#email1-element {
float: left;
}

#name-element input {
width: 150px !important;
}

#email1-element input {
width: 250px !important;
}

label {
font-weight: normal !important;
color: #fff;
background: none;
width: 100%;
}

.description {
font-size: 80%;
}

#name-label,
#email1-label {
padding: 0 5px;
margin: 0 0 0 10px;
font-size: 80%;
}

input#buttons1-confirm,input#buttons1-submit {
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/btn.png) no-repeat left bottom !important;
width: 0;
height: 0;
margin: 0 auto !important;
text-indent: -9999px;
padding: 50px 300px;
display: block;
clear: both;
overflow:auto!important;
overflow /**/: hidden;
}

input#buttons1-submit:hover{
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/btnh.png) no-repeat left bottom !important;
overflow:auto!important;
overflow /**/: hidden;
}


.errors {
list-style: none;
font-size: 90%;
padding-top: 5px;
background: #c60000;
color: #fff;
padding: 0;
margin: 0;
width: 100%;
}

.errors li {
text-indent: none;
padding: 0;
margin: 0;
}

.errors li:before {
content: "※";
}

#form-error {
font-size: 120% !important;
padding: 10px 50px;
background: #c60000;
color: #fff !important;
border-radius: 30px;
border: 2px solid #fff;
}
}

iframe.fb_iframe_widget_lift {
    width: 700px !important;
    margin: auto !important;
    display: block;
}

.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
    max-width: 700px;
}

div#icloud-alert {
    max-width: 290px;
    text-align: left;
    width: 100%;
}


.form-profile {
    display: flex
;
}

label.form-label.required {
    color: #fff;
}

input#name ,input.postable.input-email {
    width: 90%;
    text-align: left;
    left: 0;
    display: block;
    border-color: #fff !important;
    font-size: 120%;
    background: #fff !important;
}

.placeholder-balloon {
    display: none;
}

input.postable.input-email {
    width: 554px !important;
}

label.confirm-label {
    color: #000;
}

@media screen and (max-width: 769px) {

.form-profile {
    display: block;
}

input#name {
    min-width: 100%;
}

input.postable.input-email {
    max-width: 100% !important;
}

label.form-label.required {
    padding: 6px;
}

label.confirm-label {
    color: #fff;
        text-align: center !important;
}

}