/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 31px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 31px;
    background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container .text-muted {
    margin: 5px 0;
}

.footer > .container {
    padding: 0 15px;
}


code {
    font-size: 80%;
}

#startDate {
    background-color: #fff;
}

.btn-default {
    text-shadow: none;
}

.btn-next {
    background-image: linear-gradient(to bottom, #f60 0, #c24e00 100%);
    background-color: #f60;
    color: #fff;
}

.image-over-text {
  position: relative;
}

.image-over-text span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size:200%
 }

/* ------------------------------
 *  処理中モーダル
 * ------------------------------ */
.modal-dialog-center {
    margin-top: 15%;
}
#processing-modal > .modal-dialog {
    width: 62px;
    min-height: 62px;
}

/* ------------------------------
 *  処理中モーダル (IE8専用)
 * ------------------------------ */
#processing-modal-ie8 {
    background-color: #a9a9a9;
    display: none;
    height: 100%;
    left: 0px;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 2000;
}
#processing-modal-ie8 .modal-content-ie8 {
    background-color: #fffafa;
    display: none;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: 1.0;
    position: fixed;
    text-align: center;
    top: 40%;
    width: 50px;
    z-index: 2001;
}
#processing-modal-ie8 .modal-content-ie8 > img {
    margin: 9px;
}

/* ------------------------------
 *  会社ロゴ
 * ------------------------------ */
.sjnk-logo {
    margin: 9.0px 13px 9.0px 13px;
    max-height: 51.8px;
    width: auto;
}

@media (max-width: 1024px) {

    .sjnk-logo {
        margin: 10.8px;
        max-height: 43.1px;
        width: auto;
    }

}