/*===========================================================================================================*/

/*=============================================== loading過場 ================================================*/

/*===========================================================================================================*/
.iframe_ch { display: none; }
.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; }
.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); }
.modal.in .modal-dialog { transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.in { opacity: 0.5; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header::after { content: ""; display: table; clear: both; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.5; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer::after { content: ""; display: table; clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.loader, .loader:before, .loader:after { background: #ffffff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
.loader { color: #ffffff; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.loader:before, .loader:after { position: absolute; top: 0; content: ''; }
.loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader:after { left: 1.5em; }
@-webkit-keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0; height: 4em; }
    40% { box-shadow: 0 -2em; height: 5em; }
}
@keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0; height: 4em; }
    40% { box-shadow: 0 -2em; height: 5em; }
}
.loading-font { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: .5; }