@charset "UTF-8";

form { padding: 0; margin: 0; }
input, textarea { border: solid 1px #CCC; padding: 5px } 
dl.mailform { width: calc(100% - 20px); margin:10px 10px;  overflow-x: hidden; }

dt.mfp.bono, dd.mfp.bono { border-top-width: 0!important; padding-top: 0 }

dd.mfp:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

dd.mfp ul, dl.mailform dd.mfp ol {
margin: 0px;
padding: 0px;
}
dd.mfp ul li, dl.mailform dd.mfp ol li {
margin: 0px;
padding: 0px;
list-style: none;
}

dd.mfp input, dd.mfp select { margin: 4px 0; width: 98%; } 
dd.mfp.radio { background-color: hsla(0,0%,80%,.00); } 
dd.mfp.radio input { background-color: hsla(0,0%,80%,.00); width: 20px } 

dd.mfp label.w50 { width: 50px } 

#formprobox  { margin: -30px 0 0 0; padding: 0; }

#formprobox h3.contacth3 
{ width: 100%; float: none; clear: both; display: block; margin: 0 0 30px 0; background-color: #777; padding: 8px 16px; color: #fff; font-size: 1em;  }


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

dt.mfp, dt.checkb { width: 35%; margin: 0; background-color: #fff; }
dd.mfp, dd.checkb { width: 65%; margin: 0; background-color: #fff; }

dt.mfp, dd.mfp
{ float: left; text-align: left; border-top: solid 1px #CCC; padding: 10px 0 10px }

dt.checkb, dd.checkb 
{ float: left; text-align: left; border-top: solid 1px #CCC; padding: 10px 0 10px }

dd.mfp input { margin: 4px 0; width: 98%; }
dd.mfp select  { margin: 4px 0; width: auto; }

dd.mfp textarea { margin: 2px 0; width: 98%!important; background-color: #fff; } 
dd.checkb input { margin: 2px 0; } 
dd.mfp.gattai input { width: 46%!important; float: left; } 
dd.mfp.gattai input:first-child { margin-right: 2% } 

dd.mfp input { width: 95% }
dd.mfp.mini input { width: 30% }
dd.mfp.smal input { width: 40% }
dd.mfp.mido input { width: 60% }
dd.mfp.maxx input { width: 80% }
dd.mfp.maxx textarea { width: 96%; height: 6em; margin-top: .6em; }

#formprobox .hddb { width: 25%!important; float: left; padding: 20px 0 0 20px; border: none!important;}
#formprobox .hddb p { display: block!important; width: 100%; border: none!important;}
.hddb .avantgardeBook { font-size: .9em; line-height: 1.0em; padding: 0!important;  margin: 0!important; }
.hddb h3 { font-size: 1.1em; line-height: 1.6em; padding: 0!important;  margin: 0!important; }
.hddb { text-align: left; }

#formprobox .mainb { width: 70%!important; float: right;padding: 0 20px 0 0  }

#formprobox { padding: 80px 0 30px 0!important; }
#formprobox p input { border-style: none; border: #ccc 1px solid; }
#formprobox p { float: left; border-top: #ccc 1px solid; padding: 10px 0 0; height: 40px; }
#formprobox p.jusho { border-top: #ccc 0px solid; } 
#formprobox p.yubin input { border-color: #777; }
#formprobox p.thlike { width: 30% }
#formprobox p.tdlike { width: 60% }


#formprobox p.h50 { height: 50px; }
#formprobox p.h60 { height: 60px; }
#formprobox p.h70 { height: 70px; }
#formprobox p.h80 { height: 80px; }
#formprobox p.h90 { height: 90px; }
#formprobox p.h100 { height: 100px; }
#formprobox p.h110 { height: 120px; }
#formprobox p.h120 { height: 130px; }
#formprobox p.h140 { height: 150px; }

span.formatt { font-size: .8em; line-height: 1.0em!important; padding: 0; margin: 0; }

/**/
}


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

.hddb { margin-bottom: 20px; }
.hddb { text-align: center; }
.hddb h3{ margin-top: 5px; }

dt.mfp, dt.checkb { width: 100%; margin: 0; background-color: #fff; padding: 10px 0 5px; border-top: solid 1px #CCC; }
dd.mfp, dd.checkb { width: 100%; margin: 0; background-color: #fff; border-top: solid 1px #fff; padding: 5px 0 10px }

dd.mfp input, dd.mfp textarea { -webkit-appearance: none; border: solid 1px #CCC; } 
dd.mfp input, dd.mfp select { margin: 4px 0; width: 95%; } 
dd.mfp textarea { margin: 2px 0; width: 95%!important; background-color: #fff; } 
dd.mfp.gattai input { width: 44%!important; float: left;  } 
dd.mfp.gattai input:first-child { margin-right: 2% } 
dd.mfp.checkb input { margin: 2px 0; } 

#formprobox h3.contacth3 { display: block; margin: 0 0 30px 0; background-color: #777; padding: 8px 16px; color: #fff; font-size: 1.4em;  }
.hddb h3 { line-height: 1.6em; }
#formprobox p.thlike { border-top: #ccc 1px solid; padding: 20px 0 5px; }
#formprobox p.thlike.soushin { padding: 20px 0 5px; }
#formprobox p.tdlike { padding: 0 0 20px; }
#formprobox p.tdlike.soushin { padding: 20px 0 20px; }

#formprobox p input { border-style: none; border: #ccc 1px solid; }
#formprobox p.jusho { border-top: #ccc 0px solid; } 
#formprobox p.yubin input { border-color: #777; width: 60% }

input.mido { width: 100% }
input.maxx { width: 100% }
textarea.maxx { width: 100%; height: 6em; margin-top: .6em; }

#formprobox { padding: 80 30px 0!important; }
#formprobox p.h50 { height: 50px; }
#formprobox p.h60 { height: 60px; }
#formprobox p.h70 { height: 70px; }
#formprobox p.h80 { height: 80px; }
#formprobox p.h90 { height: 90px; }
#formprobox p.h100 { height: 100px; }
#formprobox p.h110 { height: 110px; }
#formprobox p.h120 { height: 120px; }
#formprobox p.h140 { height: 150px; }
}

/*


input[type=text] { font-size: 16px; transform: scale(0.8); }

form#mailformpro dl dt, form#mailformpro dl dd { width: auto; padding: 10px 5px; font-size: 12px; line-height: 1.5em; float: none; clear: both; text-align: left; }

form#mailformpro dl dt { width: auto; }
form#mailformpro dl dd { border-top: none; }

form#mailformpro { background-color: hsla(60,100%,50%,.0) }