@charset "utf-8";

.site-header .header-inner .movie-subtitle {
justify-content:center;
}

button.submit.tw.is-active,
.main-content .btn-area .btn-x.is-active {
background-color:#000000;
color:#ffffff;
pointer-events:auto;
cursor:pointer;
}
button.submit.tw.is-active:hover,
.main-content .btn-area .btn-x.is-active:hover {
background-color:#222222;
}
button.submit.ml.is-active,
.main-content .btn-area .btn-mail.is-active {
background-color:#e61e0f;
color:#ffffff;
pointer-events:auto;
cursor:pointer;
}
button.submit.ml.is-active:hover,
.main-content .btn-area .btn-mail.is-active:hover {
background-color:#cc1a0d;
}

.msg {
display:block;
color:#e61e0f;
font-size:12px;
font-weight:700;
margin-top:4px;
line-height:1.6;
}

.site-header .step-indicator .step.active .step-num {
background-color:#e61e0f;
color:#fff;
}

.site-header .step-indicator .step.active .step-label {
color:#fff;
}

.main-content .btn-area .btn-x,
.main-content .btn-area .btn-mail {
pointer-events:auto;
border:none;
cursor:pointer;
font-family:inherit;
}

.main-content .form-submit .btn-submit,
.main-content .form-submit .btn-back {
font-family:inherit;
}

.main-content .container .section .entry-form .form-row .form-input-wrap.form-value {
font-size:15px;
color:#000;
line-height:1.6;
padding-top:2px;
word-break:break-all;
}

.main-content .container .section .entry-form .form-row .form-input-wrap .form-textarea {
width:100%;
min-height:110px;
border:1px solid #ccc;
border-radius:6px;
padding:10px 12px;
font-size:16px;
color:#000;
background-color:#fff;
font-family:inherit;
appearance:none;
-webkit-appearance:none;
}

.main-content .container .section .entry-form .form-row .form-input-wrap .form-textarea:focus {
outline:2px solid #333;
outline-offset:-1px;
}

.tw-preview {
border:1px solid #333;
font-size:13px;
line-height:1.7;
background-color:#fff;
word-break:break-all;
}

.tw-preview img {
width:100%;
display:block;
}

.tw-fallback-note {
margin-top:12px;
font-size:13px;
line-height:1.7;
text-align:center;
}

.tw-fallback-note a {
color:#e61e0f;
text-decoration:underline;
word-break:break-all;
}

.tw-fallback-note a:hover {
opacity:.8;
}

.main-content .container .section .complete-message {
font-size:16px;
text-align:center;
padding:48px 0;
line-height:2;
color:#000;
}

@media (min-width:768px) {

.main-content .container .section .entry-form .form-row .form-input-wrap.form-value {
padding-top:10px;
}

.main-content .container .section .complete-message {
font-size:20px;
padding:72px 0;
}

}