@charset "utf-8";

/* btn */
.evBtn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.evBtn{transition:none}}.evBtn:focus,.evBtn:hover{text-decoration:none}.evBtn.focus,.evBtn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.show>.evBtn-primary.dropdown-toggle:focus,.evBtn-primary.focus,.evBtn-primary:focus,.evBtn-primary:not(:disabled):not(.disabled).active:focus,.evBtn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.evBtn.disabled,.evBtn:disabled{opacity:.65}.evBtn:not(:disabled):not(.disabled){cursor:pointer}a.evBtn.disabled,fieldset:disabled a.evBtn{pointer-events:none}.evBtn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.evBtn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.evBtn-primary.disabled,.evBtn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.show>.evBtn-primary.dropdown-toggle,.evBtn-primary:not(:disabled):not(.disabled).active,.evBtn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}.show>.evBtn-secondary.dropdown-toggle:focus,.evBtn-secondary.focus,.evBtn-secondary:focus,.evBtn-secondary:not(:disabled):not(.disabled).active:focus,.evBtn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.evBtn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.evBtn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.evBtn-secondary.disabled,.evBtn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.show>.evBtn-secondary.dropdown-toggle,.evBtn-secondary:not(:disabled):not(.disabled).active,.evBtn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}.show>.evBtn-success.dropdown-toggle:focus,.evBtn-success.focus,.evBtn-success:focus,.evBtn-success:not(:disabled):not(.disabled).active:focus,.evBtn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.evBtn-success{color:#fff;background-color:#28a745;border-color:#28a745}.evBtn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.evBtn-success.disabled,.evBtn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.show>.evBtn-success.dropdown-toggle,.evBtn-success:not(:disabled):not(.disabled).active,.evBtn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}.show>.evBtn-info.dropdown-toggle:focus,.evBtn-info.focus,.evBtn-info:focus,.evBtn-info:not(:disabled):not(.disabled).active:focus,.evBtn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.evBtn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.evBtn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.evBtn-info.disabled,.evBtn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.show>.evBtn-info.dropdown-toggle,.evBtn-info:not(:disabled):not(.disabled).active,.evBtn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}.show>.evBtn-warning.dropdown-toggle:focus,.evBtn-warning.focus,.evBtn-warning:focus,.evBtn-warning:not(:disabled):not(.disabled).active:focus,.evBtn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.evBtn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.evBtn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.evBtn-warning.disabled,.evBtn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.show>.evBtn-warning.dropdown-toggle,.evBtn-warning:not(:disabled):not(.disabled).active,.evBtn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}.show>.evBtn-danger.dropdown-toggle:focus,.evBtn-danger.focus,.evBtn-danger:focus,.evBtn-danger:not(:disabled):not(.disabled).active:focus,.evBtn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.evBtn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.evBtn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.evBtn-danger.disabled,.evBtn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.show>.evBtn-danger.dropdown-toggle,.evBtn-danger:not(:disabled):not(.disabled).active,.evBtn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}.show>.evBtn-light.dropdown-toggle:focus,.evBtn-light.focus,.evBtn-light:focus,.evBtn-light:not(:disabled):not(.disabled).active:focus,.evBtn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.evBtn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.evBtn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.evBtn-light.disabled,.evBtn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.show>.evBtn-light.dropdown-toggle,.evBtn-light:not(:disabled):not(.disabled).active,.evBtn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.show>.evBtn-dark.dropdown-toggle:focus,.evBtn-dark.focus,.evBtn-dark:focus,.evBtn-dark:not(:disabled):not(.disabled).active:focus,.evBtn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.evBtn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.evBtn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.evBtn-dark.disabled,.evBtn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.show>.evBtn-dark.dropdown-toggle,.evBtn-dark:not(:disabled):not(.disabled).active,.evBtn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}.show>.evBtn-outline-primary.dropdown-toggle:focus,.evBtn-outline-primary.focus,.evBtn-outline-primary:focus,.evBtn-outline-primary:not(:disabled):not(.disabled).active:focus,.evBtn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.evBtn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.evBtn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.evBtn-outline-primary.disabled,.evBtn-outline-primary:disabled{color:#007bff;background-color:transparent}.show>.evBtn-outline-primary.dropdown-toggle,.evBtn-outline-primary:not(:disabled):not(.disabled).active,.evBtn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}.show>.evBtn-outline-secondary.dropdown-toggle:focus,.evBtn-outline-secondary.focus,.evBtn-outline-secondary:focus,.evBtn-outline-secondary:not(:disabled):not(.disabled).active:focus,.evBtn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.evBtn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.evBtn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.evBtn-outline-secondary.disabled,.evBtn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.show>.evBtn-outline-secondary.dropdown-toggle,.evBtn-outline-secondary:not(:disabled):not(.disabled).active,.evBtn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}.show>.evBtn-outline-success.dropdown-toggle:focus,.evBtn-outline-success.focus,.evBtn-outline-success:focus,.evBtn-outline-success:not(:disabled):not(.disabled).active:focus,.evBtn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.evBtn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.evBtn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.evBtn-outline-success.disabled,.evBtn-outline-success:disabled{color:#28a745;background-color:transparent}.show>.evBtn-outline-success.dropdown-toggle,.evBtn-outline-success:not(:disabled):not(.disabled).active,.evBtn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}.show>.evBtn-outline-info.dropdown-toggle:focus,.evBtn-outline-info.focus,.evBtn-outline-info:focus,.evBtn-outline-info:not(:disabled):not(.disabled).active:focus,.evBtn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.evBtn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.evBtn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.evBtn-outline-info.disabled,.evBtn-outline-info:disabled{color:#17a2b8;background-color:transparent}.show>.evBtn-outline-info.dropdown-toggle,.evBtn-outline-info:not(:disabled):not(.disabled).active,.evBtn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.show>.evBtn-outline-warning.dropdown-toggle:focus,.evBtn-outline-warning.focus,.evBtn-outline-warning:focus,.evBtn-outline-warning:not(:disabled):not(.disabled).active:focus,.evBtn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.evBtn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.evBtn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.evBtn-outline-warning.disabled,.evBtn-outline-warning:disabled{color:#ffc107;background-color:transparent}.show>.evBtn-outline-warning.dropdown-toggle,.evBtn-outline-warning:not(:disabled):not(.disabled).active,.evBtn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}.show>.evBtn-outline-danger.dropdown-toggle:focus,.evBtn-outline-danger.focus,.evBtn-outline-danger:focus,.evBtn-outline-danger:not(:disabled):not(.disabled).active:focus,.evBtn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.evBtn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.evBtn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.evBtn-outline-danger.disabled,.evBtn-outline-danger:disabled{color:#dc3545;background-color:transparent}.show>.evBtn-outline-danger.dropdown-toggle,.evBtn-outline-danger:not(:disabled):not(.disabled).active,.evBtn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}.show>.evBtn-outline-light.dropdown-toggle:focus,.evBtn-outline-light.focus,.evBtn-outline-light:focus,.evBtn-outline-light:not(:disabled):not(.disabled).active:focus,.evBtn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.evBtn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.evBtn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.evBtn-outline-light.disabled,.evBtn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.show>.evBtn-outline-light.dropdown-toggle,.evBtn-outline-light:not(:disabled):not(.disabled).active,.evBtn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.show>.evBtn-outline-dark.dropdown-toggle:focus,.evBtn-outline-dark.focus,.evBtn-outline-dark:focus,.evBtn-outline-dark:not(:disabled):not(.disabled).active:focus,.evBtn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.evBtn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.evBtn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.evBtn-outline-dark.disabled,.evBtn-outline-dark:disabled{color:#343a40;background-color:transparent}.show>.evBtn-outline-dark.dropdown-toggle,.evBtn-outline-dark:not(:disabled):not(.disabled).active,.evBtn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}.evBtn-link{font-weight:400;color:#007bff;background-color:transparent}.evBtn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.evBtn-link.focus,.evBtn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.evBtn-link.disabled,.evBtn-link:disabled{color:#6c757d;pointer-events:none}.evBtn-group-lg>.evBtn,.evBtn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.evBtn-group-sm>.evBtn,.evBtn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.evBtn-block{display:block;width:100%}.evBtn-block+.evBtn-block{margin-top:.5rem}input[type=submit].evBtn-block,input[type=reset].evBtn-block,input[type=button].evBtn-block{width:100%}.evBtn-group,.evBtn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.evBtn-group-vertical>.evBtn,.evBtn-group>.evBtn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.evBtn-group-vertical>.evBtn.active,.evBtn-group-vertical>.evBtn:active,.evBtn-group-vertical>.evBtn:focus,.evBtn-group-vertical>.evBtn:hover,.evBtn-group>.evBtn.active,.evBtn-group>.evBtn:active,.evBtn-group>.evBtn:focus,.evBtn-group>.evBtn:hover{z-index:1}.evBtn-group .evBtn+.evBtn,.evBtn-group .evBtn+.evBtn-group,.evBtn-group .evBtn-group+.evBtn,.evBtn-group .evBtn-group+.evBtn-group,.evBtn-group-vertical .evBtn+.evBtn,.evBtn-group-vertical .evBtn+.evBtn-group,.evBtn-group-vertical .evBtn-group+.evBtn,.evBtn-group-vertical .evBtn-group+.evBtn-group{margin-left:-1px}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.evBtn-group>.evBtn:first-child{margin-left:0}.evBtn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.evBtn-toolbar .input-group{width:auto}.evBtn-group>.evBtn-group:not(:last-child)>.evBtn,.evBtn-group>.evBtn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.evBtn-group>.evBtn-group:not(:first-child)>.evBtn,.evBtn-group>.evBtn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropleft .dropdown-toggle-split::before{margin-right:0}.evBtn-group-sm>.evBtn+.dropdown-toggle-split,.evBtn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.evBtn-group-lg>.evBtn+.dropdown-toggle-split,.evBtn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.evBtn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.evBtn-group-vertical .evBtn,.evBtn-group-vertical .evBtn-group{width:100%}.evBtn-group-vertical>.evBtn+.evBtn,.evBtn-group-vertical>.evBtn+.evBtn-group,.evBtn-group-vertical>.evBtn-group+.evBtn,.evBtn-group-vertical>.evBtn-group+.evBtn-group{margin-top:-1px;margin-left:0}.evBtn-group-vertical>.evBtn-group:not(:last-child)>.evBtn,.evBtn-group-vertical>.evBtn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.evBtn-group-vertical>.evBtn-group:not(:first-child)>.evBtn,.evBtn-group-vertical>.evBtn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.evBtn-group-toggle>.evBtn,.evBtn-group-toggle>.evBtn-group>.evBtn{margin-bottom:0}.evBtn-group-toggle>.evBtn input[type=radio],.evBtn-group-toggle>.evBtn input[type=checkbox],.evBtn-group-toggle>.evBtn-group>.evBtn input[type=radio],.evBtn-group-toggle>.evBtn-group>.evBtn input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group-append .evBtn,.input-group-prepend .evBtn{position:relative;z-index:2}.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.evBtn,.input-group-append .evBtn+.input-group-text,.input-group-append .evBtn+.evBtn,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.evBtn,.input-group-prepend .evBtn+.input-group-text,.input-group-prepend .evBtn+.evBtn{margin-left:-1px}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-append>.evBtn,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-prepend>.evBtn{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-append>.evBtn,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-prepend>.evBtn{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:last-child>.evBtn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:not(:last-child)>.evBtn,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-prepend>.evBtn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.input-group-text,.input-group>.input-group-append>.evBtn,.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:first-child>.evBtn:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.evBtn{border-top-left-radius:0;border-bottom-left-radius:0}.evBtn .badge{position:relative;top:-1px}

.btn-pill,
.evBtn-pill {border-radius: 10rem; }

/* bootstrap上書き */
a {text-decoration: underline; }
a.btn, a.evBtn {text-decoration: none; }
p {margin-bottom: 0;}
p:not(:last-child) {margin-bottom: 1em; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-weight: 700;}
h2, .h2 {font-size: 1.9rem;}
h3, .h3 {font-size: 1.6rem; }
h4, .h4 {font-size: 1.4rem; }
.lead {font-weight: inherit; }
.small, small {font-weight: 500; }

.nav-item a {text-decoration: none; }
.nav-tabs {border-bottom: 0; }
.nav-tabs .nav-link {position: relative; border: none; height: 100%; padding: 0.5em;}
.nav-tabs .nav-link.active {
    /*cursor: default; */
    background-color: transparent;
    /*border-bottom:3px solid #7c6dff;*/
    border-right: none;
    border-left: none;
    border-top: none;
}
.nav-tabs .nav-link .txt {position: relative; z-index: 1}
.nav-tabs .nav-link.active .txt {color: #fff; }
.nav-tabs .nav-link::after {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #7c6dff; transform: scale(0); transition: all 0.2s ease-in-out; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; }
.nav-tabs .nav-link.active::after {transform: scale(1); }
.nav-tabs .nav-link::before {content: ""; position: absolute; bottom: 0; left: 5%; height: 3px; width: 90%; background: #ddd; transform: scaleX(0); transition: all 0.2s ease-in-out;}
.nav-tabs .nav-link:hover::before {transform: scaleX(1); }
.card {box-shadow: 0 0 8px rgba(0,0,0,.15); }
.modal-content {border: none; box-shadow: 0 0 10px rgba(0,0,0,.5); }
.modal-backdrop {background-color: #1e1e1e; }
.modal-backdrop.show {opacity: 0.9; }

/* bootstrap拡張 */
.table-happyGray,
.table-happyGray > th,
.table-happyGray > td {
    background-color: #eee;
}
.table-hover .table-happyGray:hover {
    background-color: #fcfcfc;
}
.table-hover .table-happyGray:hover > td,
.table-hover .table-happyGray:hover > th {
    background-color: #fcfcfc;
}
.row-narrow {margin-left: -5px; margin-right: -5px; }  .row-narrow > .col, .row-narrow > .col-1, .row-narrow > .col-10, .row-narrow > .col-11, .row-narrow > .col-12, .row-narrow > .col-2, .row-narrow > .col-3, .row-narrow > .col-4, .row-narrow > .col-5, .row-narrow > .col-6, .row-narrow > .col-7, .row-narrow > .col-8, .row-narrow > .col-9, .row-narrow > .col-auto, .row-narrow > .col-lg, .row-narrow > .col-lg-1, .row-narrow > .col-lg-10, .row-narrow > .col-lg-11, .row-narrow > .col-lg-12, .row-narrow > .col-lg-2, .row-narrow > .col-lg-3, .row-narrow > .col-lg-4, .row-narrow > .col-lg-5, .row-narrow > .col-lg-6, .row-narrow > .col-lg-7, .row-narrow > .col-lg-8, .row-narrow > .col-lg-9, .row-narrow > .col-lg-auto, .row-narrow > .col-md, .row-narrow > .col-md-1, .row-narrow > .col-md-10, .row-narrow > .col-md-11, .row-narrow > .col-md-12, .row-narrow > .col-md-2, .row-narrow > .col-md-3, .row-narrow > .col-md-4, .row-narrow > .col-md-5, .row-narrow > .col-md-6, .row-narrow > .col-md-7, .row-narrow > .col-md-8, .row-narrow > .col-md-9, .row-narrow > .col-md-auto, .row-narrow > .col-sm, .row-narrow > .col-sm-1, .row-narrow > .col-sm-10, .row-narrow > .col-sm-11, .row-narrow > .col-sm-12, .row-narrow > .col-sm-2, .row-narrow > .col-sm-3, .row-narrow > .col-sm-4, .row-narrow > .col-sm-5, .row-narrow > .col-sm-6, .row-narrow > .col-sm-7, .row-narrow > .col-sm-8, .row-narrow > .col-sm-9, .row-narrow > .col-sm-auto, .row-narrow > .col-xl, .row-narrow > .col-xl-1, .row-narrow > .col-xl-10, .row-narrow > .col-xl-11, .row-narrow > .col-xl-12, .row-narrow > .col-xl-2, .row-narrow > .col-xl-3, .row-narrow > .col-xl-4, .row-narrow > .col-xl-5, .row-narrow > .col-xl-6, .row-narrow > .col-xl-7, .row-narrow > .col-xl-8, .row-narrow > .col-xl-9, .col-xl-auto {padding-right:5px;padding-left:5px}

/* common */
ul, ol {padding-left: 20px; }
/*.cageRound {border-radius: 16px;}*/
/*.cageRound-top {border-radius: 16px 16px 0 0; }*/
/*.cageRound-bottom {border-radius: 0 0 16px 16px; }*/

.header {text-align: center;  margin-bottom: 1.25rem; background: #fff; }
.header::before,
.header::after {content: ""; display: block; height: 1px; width: 100%; background: linear-gradient(to right, #ffffff 0%,#ccc 8%,#ccc 92%,#ffffff 100%); }
.header::before {margin-bottom: 0.8rem; box-shadow: 0 -1px 2px rgba(0,0,0,.2); }
.header::after {margin-top: 0.8rem; box-shadow: 0 1px 2px rgba(0,0,0,.2); }


.iconImage {border-radius: 3px; border: 2px solid #999; box-shadow: 0 0 5px rgba(0,0,0,.2)}
.iconImage--big {min-width: 32px; max-width: 100%; }
.text-nowrap-adjuster {margin-right: -0.3em;}

ul.kome li {list-style:none; margin-left:0;}
ul.kome li::before {content:"※"; display:inline-block; margin-left:-1.5em;
    width:1.5em; text-align:center; }

.word-break-normal {word-break: normal;}
.word-break-breakAll {word-break: break-all;}
.word-break-keepAll {word-break: keep-all;}

.outerLink::after {content: "\f35d"; display: inline-block; margin-left: .2em; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.small2 {font-size: 88%; }




html {height: 100%; }
body {display: flex; flex-direction: column; min-height: 100%;  background: #fff; font-family: "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; font-feature-settings: "palt"; letter-spacing: 0.05em;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
b, strong {font-family: "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700;}

@media all and (-ms-high-contrast:none) {/* IE11 */
    body {font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 300;}
}

.allContent {overflow: hidden; }
.dateSet {position: relative; flex-shrink: 0; margin-right: 1em; width: 180px; }
.dateSet__inner {position: absolute; bottom: -16px; width: 100%; display: flex; align-items: center; justify-content: space-between; margin: -50px auto 0; }
.dateSet__direct {width: 0px; height: 0px;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #888888;
    transform: scale(0); transform-origin: center bottom;
}
.dateSet__direct.show {animation: dateDisplayAnime1 1s ease-in-out 1.5s forwards;}
.dateDisplay + .dateDisplay {margin-left: 16px; }
.dateDisplay {position: relative; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width: 80px; height: 80px; padding: 4px; background: #888; border-radius: 8px; box-shadow: 8px 8px 20px rgba(0,0,0,.5), 0 0 3px rgba(255,255,255,.6) inset; font-family: "ヒラギノUD丸ゴ W6 JIS2004"; transform: scale(0); transform-origin: center bottom; }
.dateDisplay.show {animation: dateDisplayAnime1 1s ease-in-out 1s forwards;}
@keyframes dateDisplayAnime1 {
    0% {transform: scale(0, 0);}
    1% {transform: scale(1.3, .2);}
    10% {transform: translateY(-50px) scale(.8, 1.2) rotate(-4deg);}
    20% {transform: scale(1.3, .2)  rotate(0deg);}
    30% {transform: translateY(-30px) scale(.9, 1.1) rotate(4deg);}
    40% {transform: scale(1.1, .7) rotate(4deg);}
    50% {transform: translateY(-5px) scale(.95, 1.05) rotate(-2deg);}
    60% {transform: scale(1.05, .98) rotate(1deg);}
    70% {transform: translateY(-2px) scale(.98, 1.03) rotate(-1deg);}
    80% {transform: scale(1.02, .99) rotate(1deg);}
    90% {transform: translateY(-1px) scale(.99, 1.01) rotate(0deg);}
    100% {transform: scale(1);}
}

.dateDisplay__month {text-align: left; color: #fff; }
.dateDisplay__waku {display: flex; align-items: center; justify-content: center; height: 48px; background: #fff; border-radius: 6px; color: #888; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; }
.dateDisplay__date {font-size: 40px; letter-spacing: -2px; display: inline-block; min-width: 40px; text-align: center;  }
.dateDisplay__day {letter-spacing: -2px; font-size: 14px; }
.dateDisplay__day::before {content: "("}
.dateDisplay__day::after {content: ")"}

.dateDisplay--1 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #ef8915; }
.dateDisplay--1 .dateDisplay__waku {color: #ef8915; }
.dateDisplay--1 + .dateSet__direct {border-color: transparent transparent transparent #ef8915;}

.dateDisplay--2 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #37c5c5; }
.dateDisplay--2 .dateDisplay__waku {color: #37c5c5; }
.dateDisplay--2 + .dateSet__direct {border-color: transparent transparent transparent #37c5c5;}

.dateDisplay--3 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #C75A8B; }
.dateDisplay--3 .dateDisplay__waku {color: #C75A8B; }
.dateDisplay--3 + .dateSet__direct {border-color: transparent transparent transparent #C75A8B;}

.dateDisplay--4 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #E66471; }
.dateDisplay--4 .dateDisplay__waku {color: #E66471; }
.dateDisplay--4 + .dateSet__direct {border-color: transparent transparent transparent #E66471;}

.dateDisplay--5 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #9D9800; }
.dateDisplay--5 .dateDisplay__waku {color: #9D9800; }
.dateDisplay--5 + .dateSet__direct {border-color: transparent transparent transparent #9D9800;}

.dateDisplay--6 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #5782BD; }
.dateDisplay--6 .dateDisplay__waku {color: #5782BD; }
.dateDisplay--6 + .dateSet__direct {border-color: transparent transparent transparent #5782BD;}

.dateDisplay--7 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #365ed8; }
.dateDisplay--7 .dateDisplay__waku {color: #365ed8; }
.dateDisplay--7 + .dateSet__direct {border-color: transparent transparent transparent #365ed8;}

.dateDisplay--8 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #58840e; }
.dateDisplay--8 .dateDisplay__waku {color: #58840e; }
.dateDisplay--8 + .dateSet__direct {border-color: transparent transparent transparent #58840e;}

.dateDisplay--9 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #bd1050; }
.dateDisplay--9 .dateDisplay__waku {color: #bd1050; }
.dateDisplay--9 + .dateSet__direct {border-color: transparent transparent transparent #bd1050;}

.dateDisplay--10 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #C54215; }
.dateDisplay--10 .dateDisplay__waku {color: #C54215; }
.dateDisplay--10 + .dateSet__direct {border-color: transparent transparent transparent #C54215;}

.dateDisplay--11 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #328066; }
.dateDisplay--11 .dateDisplay__waku {color: #328066; }
.dateDisplay--11 + .dateSet__direct {border-color: transparent transparent transparent #328066;}

.dateDisplay--12 {background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%), linear-gradient(135deg, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%), #da321c; }
.dateDisplay--12 .dateDisplay__waku {color: #da321c; }
.dateDisplay--12 + .dateSet__direct {border-color: transparent transparent transparent #da321c;}

.note {padding: 0.2em 0 0.2em 1em; border-left: 3px solid #ccc; }
.note-primary {border-color: #0062cc; }
.note-secondary {border-color: #6C757D; }
.note-success {border-color: #0062cc; }
.note-danger {border-color: #0062cc; }
.note-warning {border-color: #0062cc; }
.note-info {border-color: #0062cc; }
.note-light {border-color: #0062cc; }
.note-dark {border-color: #0062cc; }

.tableCage--scroll {width: 100%; overflow: auto; }

@media all and (-ms-high-contrast:none) {/* IE11 */
    .dateDisplay__waku {padding-top: 8px;}
}

/* scrollTrigger */
.invisible {
    opacity: 0.0;
}

.visible {
    animation: headerAnime 1s ease;
}
.headerAnime2.visible {
    animation: headerAnime2 .5s ease;
}
.headerAnime3.visible {
    animation: headerAnime3 1s ease;
}

@keyframes headerAnime {
    0% {opacity: 0; transform: translateX(-10px) scale(1); }
    10% {transform: translateX(10px);}
    20% {transform: translateX(-8px); opacity: 1; }
    30% {transform: translateX(5px);}
    40% {transform: translateX(-4px);}
    50% {transform: translateX(3px);}
    60% {transform: translateX(-2px);}
    70% {transform: translateX(2px);}
    80% {transform: translateX(-1px);}
    90% {transform: translateX(1px);}
    100% {transform: translateX(0) scale(1); }
}

@keyframes headerAnime2 {
    0% {opacity: 0; transform: scale(0.5); }
    50% {opacity: 1; }
    100% {transform: scale(1); }
}

@keyframes headerAnime3 {
    0% {opacity: 0; transform: rotate(-10deg) scale(1); }
    10% {transform: rotate(10deg);}
    20% {transform: rotate(-8deg); opacity: 1; }
    30% {transform: rotate(5deg);}
    40% {transform: rotate(-4deg);}
    50% {transform: rotate(3deg);}
    60% {transform: rotate(-2deg);}
    70% {transform: rotate(2deg);}
    80% {transform: rotate(-1deg);}
    90% {transform: rotate(1deg);}
    100% {transform: rotate(0) scale(1); }
}

/* SNS */
.ncjSnsHolder {position: fixed; right: 8px; top: 48px; transition: top .5s ease-in-out; z-index: 10; }
.ncjSnsHolder.move {top: 16px;}
.ncjSnsHolder.hide {display: none; }
.ncjSnsHolder ul {display: flex; }
.ncjSnsHolder ul li {margin: 0 4px; list-style: none; }
.ncjSnsHolder ul li a img {box-shadow: 1px 2px 6px rgba(0,0,0,.5); width: 32px; height: 32px;}
.ncjSnsHolder ul li a img.facebookLogo {border-radius: 100%; }

.eventFooterSns {padding: 16px; background: url(https://static.ncsoft.jp/images/channeling/bg_gnb.jpg) #252429 center top; font-size: 80%; }
.eventFooterSns__list {display: flex; justify-content: center; padding: 0; }
.eventFooterSns__list li {margin: 0 4px; list-style: none; }
.eventFooterSns__list li a img {box-shadow: 1px 2px 6px rgba(0,0,0,.5); width: 32px; height: 32px; }
.eventFooterSns__list li a img.facebookLogo {border-radius: 100%; }
.eventFooterSns__func {max-width: 960px; margin: auto; color: #aaa; }
.eventFooterSns__func a {white-space: nowrap;}
.eventFooterSns__func a:not(.btn):not(.evBtn) {color: #ccc; text-decoration: none; }
.eventFooterSns__func a:not(.btn):not(.evBtn):hover {color: #fff; }
.eventFooterSns .evBtn {border-color: #999; }

/* eventHeader */
.eventHeader {position: relative; background: #fff; overflow: hidden; height: 350px; transition: height 0.5s; margin: 0;}
.eventHeader__image {position: absolute; top: 0; left: 50%; height: 350px; transform: translateX(-50%); transition: height 0.5s; }
/*.eventHeader__image.normal {transform: translateX(-50%) scale(1) rotate(0deg);  filter: none; }*/
.eventHeader__imageMb {position: absolute; top: 0; left: 0; width: 100%; }
.eventHeader__title {position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; right: 50%; width: 45%;
    padding-top: 20px; max-width: 480px; height: 350px; margin: 0; transition: height 0.5s; color: #000; font-weight: bold; line-height: 1.2; text-shadow: 0 0 5px #fff; }
.eventHeader__homeLink {display: block; }

.eventHeader__gameLogo {position: absolute; top: 10px; left: 20px; transform-origin: left top; transition: transform .5s; }
.eventHeader__gameLogo a {display: block; width: 100%; height: 100%;}
.eventHeader__gameLogo--bns {top: 5px; left: 10px;}

.eventHeader__btn {position: absolute; bottom: 5%; width: 100%; }

    /* banner画像バージョン */
.eventHeader--bannerImg .eventHeader__image {height: 480px;}
.eventHeader__title--white {color: #fff; text-shadow:  0 0 2px #000, 0 0 5px #000; }
.eventHeader__size56 {font-size: 56px; font-family: "ゴシックMB101 B"; }
.eventHeader__size48 {font-size: 48px; font-family: "ゴシックMB101 B"; }
.eventHeader__size40 {font-size: 40px; font-family: "ゴシックMB101 B"; }
.eventHeader__size32 {font-size: 32px; font-family: "ゴシックMB101 B"; }
.eventHeader__size24 {font-size: 24px; }
.eventHeader__size16 {font-size: 16px; line-height: 1.4; }

    /* smallバージョン */
.eventHeader--small {height: 160px; }
.eventHeader--small .eventHeader__image {height: 160px; }

    /* bigバージョン */
.eventHeader--big {height: 640px; }
.eventHeader--big .eventHeader__image {height: 640px; }

/* biggerバージョン */
.eventHeader--bigger {height: 960px; }
.eventHeader--bigger .eventHeader__image {height: 960px; }

/* biggestバージョン */
.eventHeader--biggest {height: 1200px; }
.eventHeader--biggest .eventHeader__image {height: 1200px; }

.eventHeaderAnime .eventHeader__image {animation: eventHeaderAnime 1.5s ease .2s both; }
.eventHeaderAnime2 .eventHeader__image {animation: eventHeaderAnime2 1.5s ease .2s both; }
.eventHeaderAnime3 .eventHeader__image {animation: eventHeaderAnime3 1.5s ease .2s both; }

@keyframes eventHeaderAnime {
    0% {transform: translateX(-50%) scale(1.2) rotate(-3deg);}
    100% {transform: translateX(-50%) scale(1) rotate(0deg); }
}

@keyframes eventHeaderAnime2 {
    0% {filter: blur(10px); transform: translateX(-50%) scale(1.2); }
    100% {filter: blur(0px); transform: translateX(-50%) scale(1); }
}

@keyframes eventHeaderAnime3 {
    0% {filter: sepia(50%) contrast(180%) brightness(130%);}
    /*50% {filter: sepia(0%) contrast(10%) brightness(20%);}*/
    100% {filter: sepia(0%) contrast(100%) brightness(100%);}
}


.eventBody {position: relative; transition: margin-top .5s; background: #fff }

.eventBtn {display: inline-block; padding: 0.5em 1em; background: #fff; border: 1px solid #ccc; border-radius: 0.5em; text-decoration: none; font-size: 1rem;}
.eventBtn:hover {text-decoration: none; }

/* dateInfo */
.dateInfo {padding: 24px; color: #fff; background: #C81E1B; }

/* 記事 normalArticle */
.normalArticle {max-width: 832px; padding-left: 16px; padding-right: 16px; margin: auto; }



/* 下部イベントリスト */
.eventListModule {background: #f9f9f9; border-top: 1px solid #f0f0f0; }
.eventListModule__inner {max-width: 1076px; padding: 32px 16px; margin: auto; font-size: 0.8rem; }
.eventListModule [class^="col-"] {padding-left: 8px; padding-right: 8px; }
.eventListModule__link {text-decoration: none; color: #666; }
.eventListModule__set {width: 245px; max-width: 100%; padding-bottom: 1em; }
.eventListModule__imgHolder {margin-bottom: 0.4em; border-radius: 6px; box-shadow: 1px 2px 10px rgba(0,0,0,0.15); overflow: hidden; transition: all .3s; }
.eventListModule__imgHolder:hover {transform: translateY(-8px);    box-shadow: 0 20px 30px rgba(0,0,0,0.1);}
.eventListModule__set img {width: 100%; image-rendering: -webkit-optimize-contrast; }

@media (max-width: 767px) {
    .eventHeader {height: 264px;}
    .eventHeader__gameLogo {transform: scale(0.8);}
    .eventHeader__image {height: 264px; }
    .eventHeader--small {height: 160px;}
    .eventHeader--big {height: 480px;}
    .eventHeader--big .eventHeader__image {height: 480px; }
    .eventHeader--bigger {height: 720px;}
    .eventHeader--bigger .eventHeader__image {height: 720px; }
    .eventHeader--biggest {height: 900px;}
    .eventHeader--biggest .eventHeader__image {height: 900px; }
    .eventHeader--small {height: 120px;}
    .eventHeader--small .eventHeader__image {height: 120px; }
    .eventHeader__title {height: 264px;}
    .eventHeader--bannerImg .eventHeader__image {height: 360px; }

    /*.eventHeader--imageText .eventHeader__title {right: 45%; width: 50%;}*/
    /*.eventBody {margin-top: -96px; }*/
    .ncjSnsHolder {display: none; }
    /*.eventHeader__gameLogo {left: auto; right: 10px;  }*/

    .eventHeader__size56 {font-size: 48px; }
    .eventHeader__size48 {font-size: 40px; }
    .eventHeader__size40 {font-size: 32px; }
    .eventHeader__size32 {font-size: 24px; }
    .eventHeader__size24 {font-size: 16px; }
}

@media (max-width: 575px) {
    .eventHeader {height: 0; padding-top: 60%; transition: none; }
    .eventHeader--bannerImg {height: 264px; padding-top: 0; }
    .eventHeader__gameLogo {left: 5px; top: 5px; transform: scale(0.7);}
    .eventHeader--bannerImg .eventHeader__gameLogo {left: auto; right: 5px; top: 5px; transform-origin: right top; }
    .eventHeader--smallMB {padding-top: 16%; }
    .eventHeader--bigMB {padding-top: 100%; }
    .eventHeader--biggerMB {padding-top: 128%; }
    .eventHeader--biggestMB {padding-top: 160%; }

    .eventBody {padding-left: 0; padding-right: 0; margin-bottom: 0;}
    /*.cage {border-radius: 0;}*/
    /*.cageRound,*/
    /*.cageRound-top,*/
    /*.cageRound-bottom {border-radius: 0; }*/

    .eventHeader__size56 {font-size: 40px; }
    .eventHeader__size48 {font-size: 32px; }
    .eventHeader__size40 {font-size: 24px; }
    .eventHeader__size32 {font-size: 16px; }

    .dateInfo {padding: 16px; }
}

/* parts */
.returnTop {display: none; opacity: 0; position: fixed; bottom: 10px; right: 10px; transition: opacity .5s; }
.returnTop__inner {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #000; border-radius: 10px; border: 1px solid #999; box-shadow: 0 0 5px rgba(0,0,0,.2);  text-decoration: none; color: #fff; font-size: 24px; opacity: 0.4;}
.returnTop.show {display: block; opacity: 1; animation: show .5s ease both;}
@keyframes show {
    from {opacity: 0; }
    to {opacity: 1; }
}
.returnTop a:hover,
.returnTop a:active {color: #fff; text-decoration: none; }