body #euair_form_box,
body #euair_form_box *  {
margin: 0;
padding: 0;
font-size: 18px;
color: #000;
background: none;
border: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body #euair_form_box {
width: 100%;
text-align: right;
clear: both;
} body #euair_form_box #e-openWindow {
display: inline-block;
color: blue;
font-size: 16px;
cursor: pointer;
}
body #euair_form_box #e-openWindow:hover {
text-decoration: underline;
} body #euair_form_box #e-form-popup-area {
display: none;
width: 334px;
background-color: #fff;
border: 1px solid #cdcdcd;
border-radius: 4px;
text-align: left;
box-shadow: 0 4px 6px rgba(0,0,0,.25);
overflow: hidden;
} body #euair_form_box #e-form-popup-area #e-popup-header {
padding: 0 14px;
position: relative;
background: -webkit-linear-gradient(top, #f7f7f7, #eaeaea);
background: linear-gradient(to bottom, #f7f7f7, #eaeaea);
border-bottom: 1px solid #cdcdcd;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 -1px 0 rgba(255,255,255,.4) inset;
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-title {
margin: 0;
padding: 0;
background: none;
color: #333;
border: none;
font-size: 13px;
font-weight: bold;
line-height: 35px;
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-title::before,
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-title::after {
display: none;
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn {
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
cursor: pointer;
z-index: 1;
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn::before,
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn::after {
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background-color: #333;
content: "";
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn::after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
} body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area {
padding: 14px 18px 0;
overflow: hidden;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .e-input-title {
margin: 0 0 5px;
font-size: 13px;
font-weight: bold;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .e-input-area {
margin: 0 0 10px;
padding: 0;
border: none;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .e-input-area:last-child {
margin: 0;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .e-input-title .option-republic::before {
margin: 0 0 0 5px;
padding: 1px 7px 0;
display: inline-block;
color: #fff;
background-color: #999966;
content: "任意";
font-size: 13px;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .e-input-title .option-republic.required::before {
background-color: #FF0004;
content: "必須";
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .caution {
padding: 3px 0 0;
display: block;
color: #FF0004;
font-size: 13px;
} body #euair_form_box #e-form-popup-area .e-button-inner {
margin: 15px 0 0;
padding: 0 18px 15px;
text-align: right;
}
body #euair_form_box #e-form-popup-area .e-button-inner .e-button-text {
padding: 0 20px;
display: inline-block;
color: #000;
background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
background: linear-gradient(to bottom, #f7dfa5, #f0c14b);
border: 1px solid;
border-color: #a88734 #9c7e31 #846a29;
border-radius: 3px;
font-size: 13px;
line-height: 28px;
cursor: pointer;
}
body #euair_form_box #e-form-popup-area .e-button-inner .e-button-text[disabled="disabled"] {
color: #aaa;
} body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .input-css,
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .select-box {
padding: 0 0 0 5px;
width: 100%;
height: 30px;
background-color: #fff;
border: 1px solid #c5c5c5;
border-radius: 4px;
font-size: 13px;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .select-box option {
font-size: 13px;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .input-css {
width: 80%;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area textarea.input-css {
height: auto;
font-size: 13px;
line-height: 1.7;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .input-css.error,
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .select-box.error {
border: 1px solid red;
} body #euair_form_box #e-form-popup-area #edpThankYouPage {
padding: 14px 18px 15px;
display: none;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-success,
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-error {
display: none;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-success .message-title,
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-error .message-title {
margin: 0 0 15px;
font-size: 23px;
line-height: 1.3;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-success dd,
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-error dd {
font-size: 13px;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage #e-message-error a {
color: blue;
font-size: 13px;
} body #euair_form_box #e-form-popup-area.on {
display: block;
position: fixed;
top: 50%;
left: 50%;
z-index: 54000;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: popup .5s;
animation: popup .5s;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper.off {
display: none;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage.on {
display: block;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage.on #e-message-success.on {
display: block;
}
body #euair_form_box #e-form-popup-area #edpThankYouPage.on #e-message-error.on {
display: block;
}
@media only screen and (max-device-width: 768px) {
body #euair_form_box #e-form-popup-area {
margin: 0 10px;
width: -webkit-calc( 100% - 20px );
width: calc( 100% - 20px );
max-height: 90%;
overflow-y: scroll;
}
body #euair_form_box #e-form-popup-area.on {
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-title {
font-size: 16px;
line-height: 52px;
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn {
width: 24px;
height: 24px;
}
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn::before,
body #euair_form_box #e-form-popup-area #e-popup-header #e-popup-header-close-btn::after {
height: 3px;
background-color: #777;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .input-css,
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .select-box,
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .select-box option {
height: 40px;
font-size: 16px;
}
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area textarea.input-css,
body #euair_form_box #e-form-popup-area #e-popup-wrapper #outsideForm #e-form-area .caution {
font-size: 16px;
}
body #euair_form_box #e-form-popup-area .e-button-inner .e-button-text {
width: 165px;
}
body #euair_form_box #e-form-popup-area.on ~ .popup-close-overlay {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: gray;
z-index: 53999;
}
}
@-webkit-keyframes popup {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes popup {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} #emplacement-recaptcha {
display: none;
}
#emplacement-recaptcha .grecaptcha-badge {
visibility: hidden;
}
#euair_form_box .recaptcha-policy {
padding: 10px 18px 20px;
}
#euair_form_box .recaptcha-policy,
#euair_form_box .recaptcha-policy a {
font-size: 13px;
}
#euair_form_box .recaptcha-policy a {
color: #2581c4;
}