/* ===========================================================================
 * Bootstrap {
 * ======================================================================== */
.rcms-bs-fade {
    /* .fade */
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.rcms-bs-fade.rcms-bs-in {
    /* .fade.in */
    opacity: 1;
}
.rcms-bs-modal,
.rcms-bs-modal-dialog,
.rcms-bs-modal-content,
.rcms-bs-modal-dialog,
.rcms-bs-modal-content,
.rcms-bs-modal-header,
.rcms-bs-modal-header .rcms-bs-close,
.rcms-bs-modal-title,
.rcms-bs-modal-body,
.rcms-bs-modal:before,
.rcms-bs-modal-dialog:before,
.rcms-bs-modal-content:before,
.rcms-bs-modal-dialog:before,
.rcms-bs-modal-content:before,
.rcms-bs-modal-header:before,
.rcms-bs-modal-header .rcms-bs-close:before,
.rcms-bs-modal-title:before,
.rcms-bs-modal-body:before,
.rcms-bs-modal:after,
.rcms-bs-modal-dialog:after,
.rcms-bs-modal-content:after,
.rcms-bs-modal-dialog:after,
.rcms-bs-modal-content:after,
.rcms-bs-modal-header:after,
.rcms-bs-modal-header .rcms-bs-close:after,
.rcms-bs-modal-title:after,
.rcms-bs-modal-body:after {
    /* *, *:before, *:after */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* .rcms-bs-modal, */
.rcms-bs-modal-dialog,
.rcms-bs-modal-content,
.rcms-bs-modal-dialog,
.rcms-bs-modal-content,
.rcms-bs-modal-header,
.rcms-bs-modal-title,
.rcms-bs-modal-body,
.rcms-bs-modal:before {
    /* div */
    display :block;
}
.rcms-bs-modal {
    /* .modal */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}
.rcms-bs-modal-dialog {
    /* .modal-dialog */
    position: relative;
    z-index: 1050;
    width: auto;
    margin: 10px;
}
@media screen and (min-width: 768px) {
    /* .modal-dialog */
    .rcms-bs-modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}
.rcms-bs-modal.rcms-bs-fade .rcms-bs-modal-dialog {
    /* .modal.fade .modal-dialog */
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.rcms-bs-modal.rcms-bs-in .rcms-bs-modal-dialog {
    /* .modal.in .modal-dialog */
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.rcms-bs-modal-content {
    /* .modal-content */
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
}
@media screen and (min-width: 768px) {
    /* .modal-content */
    .rcms-bs-modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    }
}
.rcms-bs-modal-header {
    /* .modal-header */
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.rcms-bs-modal-header .rcms-bs-close {
    /* button, input, select, textarea */
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    /* button, input */
    line-height: normal;
    /* button, select */
    text-transform: none;
    /* button, html input[type="button"], input[type="reset"], input[type="submit"] */
    cursor: pointer;
    -webkit-appearance: button;
    /* input, button, select, textarea */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    /* .close */
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    /* button.close */
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    /* .modal-header .close */
    margin-top: -2px;
}
.rcms-bs-close:hover,
.rcms-bs-close:focus {
    /* .close:hover, .close:focus */
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}
.rcms-bs-modal-title {
    /* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    /* h4, h5, h6 */
    margin-top: 10px;
    margin-bottom: 10px;
    /* h4, .h4 */
    font-size: 18px;
    /* .modal-title */
    margin: 0;
    line-height: 1.428571429;
}
.rcms-bs-modal-body {
    /* .modal-body */
    position: relative;
    padding: 20px;
}
.rcms-bs-modal-backdrop {
    /* .modal-backdrop */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000;
}
.rcms-bs-modal-backdrop.rcms-bs-fade {
    /* .modal-backdrop.fade */
    opacity: 0;
    filter: alpha(opacity=0);
}
.rcms-bs-modal-backdrop.rcms-bs-in {
    /* .modal-backdrop.in */
    opacity: .5;
    filter: alpha(opacity=50);
}
.rcms-bs-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.rcms-bs-btn:active,
.rcms-bs-btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.rcms-bs-btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.rcms-bs-btn-default:active,
.rcms-bs-btn-default.active {
    background-image: none;
}
.rcms-bs-btn-default:hover,
.rcms-bs-btn-default:focus,
.rcms-bs-btn-default:active,
.rcms-bs-btn-default.active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
/* ===========================================================================
 * } Bootstrap
 * ======================================================================== */

/* ===========================================================================
 * Bootstrap (Custom) {
 * ======================================================================== */
.rcms-bs-modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
/* ===========================================================================
 * } Bootstrap (Custom)
 * ======================================================================== */

/* ===========================================================================
 * Easy Modal {
 * ======================================================================== */
/* ---------------------------------------------------------------------------
 * Easy Modal > プリローディング {
 * ------------------------------------------------------------------------ */
.rcms-easy-modal-preloader {
    background: url(../images/spinner.gif) no-repeat 50% 50%;
}
/* ---------------------------------------------------------------------------
 * } Easy Modal > プリローディング
 * ------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------
 * Easy Modal > Modal
 * ------------------------------------------------------------------------ */
.rcms-easy-modal-modal {
    overflow-y: hidden;
}
.rcms-easy-modal-modal .rcms-bs-modal-dialog {
    position: absolute;
    width: 960px;
    margin: auto;
    top: 5%;
    right: 0;
    bottom: 5%;
    left: 0;
}
.rcms-easy-modal-modal .rcms-bs-modal-content {
    height: 100%;
}
.rcms-easy-modal-modal .rcms-bs-modal-body {
    height: 90%;
}
.rcms-easy-modal-modal__iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
/* 読み込み中 */
.rcms-easy-modal-modal--loading .rcms-bs-modal-body {
    background: url(../images/spinner.gif) no-repeat 50% 50%;
}
/* ---------------------------------------------------------------------------
 * } Easy Modal > Modal
 * ------------------------------------------------------------------------ */

/* ===========================================================================
 * } Easy Modal
 * ======================================================================== */