@charset "utf-8";
/* CSS Document */

/* Contents */
#contentMain               {  }
#contentMain.container     { padding-top:15px; padding-bottom:25px; border-radius:20px; }
#contentMain.container img { max-width:100%; }
.contentHeader             { margin-bottom:10px; padding:15px 0; border-radius:20px; }

/* Forms */
.form-group:after               { display:block; margin:0 15px 15px 15px; padding-bottom:20px; height:auto; width:auto; border-bottom:dotted 1px #CCC; }
.formInputOuter                 { display:inline-block; width:100%; }
.formInputOuter label           { margin-left:3px; font-weight:normal; }
.formInputOuter span.value span { display:inline-block; margin-right:1em; }
.formHeading                    { margin-bottom:10px; }
.formHeading label              { margin-bottom:0; }
.formInputInner                 {  }
.formInputInner:before          { padding-right:5px; }
.formInputInner:after           { padding-left:5px; }
.formInputInner.zip:before      { content:"〒"; }
.formInputInner.last_name, .formInputInner.first_name, .formInputInner.last_kana, .formInputInner.first_kana { display:block; float:left; width:50%; }
.formInputInner.last_name, .formInputInner.last_kana, .formInputInner.last_name p.description, .formInputInner.last_kana p.description { padding-right:5px; }
.formInputInner.first_name, .formInputInner.first_kana, .formInputInner.first_name p.description, .formInputInner.first_kana p.description { padding-left:5px; }
.formInputInner.state, .formInputInner.city, .formInputInner.address_one, .formInputInner.address_two { margin-top:10px; }
.formInputInner.zip input   { width:8em; }
.zip input, .state select, .formInputInner.city input { display:inline-block; }
p.description           { margin:7px 0 0 0; }
.contentFormAfter       { box-sizing:border-box; width:100%; height:250px; margin:10px 0 20px 0; padding:12px; overflow-x:hidden; overflow-y:scroll; border:solid 1px #CCC; font-size:90%; }
.contentFormAfter h1, .contentFormAfter h2, .contentFormAfter h3, .contentFormAfter h4, .contentFormAfter h5 { font-size:110%; font-weight:bold; }
.contentHeader:empty, .contentFormAfter:empty { display:none; }
.form-control           { max-width:100%; }
p.error                 { margin-top:6px; }
.formHeading span       { display:inline-block; }
.btn-lg                 { padding:12px 55px; }
.formBlockMailmag p.formDescription { margin:2px 0; font-size:12px;}
.form-group ul          { margin:0; padding:0 0 0 1em; }
.ui-datepicker-header   { margin-bottom:5px; }
#ui-datepicker-div      { padding:7px; background:#FFF; border:solid 1px #CCC; }
#ui-datepicker-div tr th, #ui-datepicker-div tr td { width:2em; text-align:center; }
.ui-datepicker-week-end { background-color:#DDE6FF; }
.ui-datepicker-prev     { float:left; }
.ui-datepicker-next     { float:right; }
.ui-datepicker-title    { text-align:center; }
#ui-datepicker-div      { display:none; }

/* for CAPTCHA */
.pd-captcha.hidden       { display:inherit!important; visibility:inherit!important; }
.pd-captcha .formHeading { display:none; }
.pd-captcha .col-sm-9    { width:100%; }
.g-recaptcha             { margin:0 auto; width:304px; }

/* Color Settings */
.important         { color:#FF0000; }

/* font-size */
.required .formHeading:after { font-size:11px; }

/* Responsive */
@media all and (min-width:768px) {
.formInputOuter.zip         { overflow:hidden; }
.formInputInner.state       { padding-right:10px; }
.formInputInner.state, .formInputInner.city, .formInputInner.address_one, .formInputInner.address_two { float:left; }
.formInputInner.address_one, .formInputInner.address_two { width:100%; }
.state select               { width:8em; }
.formInputInner.city input  { width:12em; }
p.description               { white-space:pre; }
    }

@media all and (max-width:767px) {
.formInputInner.state  { margin-top:10px; }
    }

@media all and (max-width:414px) {
body, .form-control { font-size:16px; }
.contentHeader h1   { font-size:20px; }
    }