/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification

for details on configuring this project to bundle and minify static web assets. */



a.navbar-brand {

  white-space: normal;

  text-align: center;

  word-break: break-all;

}



/* Provide sufficient contrast against white background */

a {

  color: #0366d6;

}



.btn-primary {

  color: #fff;

  background-color: #1b6ec2;

  border-color: #1861ac;

}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

  color: #fff;

  background-color: #1b6ec2;

  border-color: #1861ac;

}



/* Sticky footer styles

-------------------------------------------------- */

html {

  font-size: 14px;

}

@media (min-width: 768px) {

  html {

    font-size: 16px;

  }

}



.border-top {

  border-top: 1px solid #e5e5e5;

}

.border-bottom {

  border-bottom: 1px solid #e5e5e5;

}



.box-shadow {

  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);

}



button.accept-policy {

  font-size: 1rem;

  line-height: inherit;

}



/* Sticky footer styles

-------------------------------------------------- */

html {

  position: relative;

  min-height: 100%;

}



body {

  margin: 0px;

}



.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  white-space: nowrap;

  line-height: 60px; /* Vertically center the text there */

}



/*********************************************************/

/* Logo */

.Logo-img {

    width: 38px;

    height: 38px;

}



/* Font Color */

body {

    color: #4682B4;

}



.fcolor {

    color: #4682B4;

}



/* Title */

.Title-img {

    width: 70%;

}



/* 過去の年月日フォント */

.historydate-text {

    font-size: 18px !important;

    color: #000000;

}



/* 画像上のマウスカーソル */

.card-img-top {

    cursor: zoom-in;

}



.card-img-top[src*="error"] {

    cursor: not-allowed !important;

}



/* 文字を中央に揃える */

.card-img-overlay {

    padding: 0;

    top: calc(50% - 0.5rem);

    text-align: center;

    font-weight: bold;

}



/*画面幅 576px以上の場合*/

@media (min-width: 576px) {

    /* 過去の年月日フォント */

    .historydate-text {

        font-size: 18px !important;

    }

}



/*画面幅 768px以上の場合*/

@media (min-width: 768px) {

    /*    .bd-placeholder-img {

        height: 100%;

        width: 375px;

    }

*/

    /* 過去の年月日フォント */

    .historydate-text {

        font-size: 18px !important;

    }



    /*独自マージン*/

    .mx-md-6 {

        margin-left: calc(1.5rem*3) !important;

        margin-right: calc(1.5rem*3) !important;

    }

    .mx-md-7 {

        margin-left: calc(1.5rem*4) !important;

        margin-right: calc(1.5rem*4) !important;

    }

    .mx-md-8 {

        margin-left: calc(1.5rem*5) !important;

        margin-right: calc(1.5rem*5) !important;

    }

    .mx-md-9 {

        margin-left: calc(1.5rem*6) !important;

        margin-right: calc(1.5rem*6) !important;

    }

    .mx-md-10 {

        margin-left: calc(1.5rem*7) !important;

        margin-right: calc(1.5rem*7) !important;

    }

}



/*画面幅 992px以上の場合*/

@media (min-width: 992px) {

/*    .bd-placeholder-img {

        height: 100%;

        width: 622px;

    }

*/

    /* 過去の年月日フォント */

    .historydate-text {

        font-size: 12px !important;

    }





    /*独自マージン*/

    .mx-lg-6 {

        margin-left: calc(1.5rem*3) !important;

        margin-right: calc(1.5rem*3) !important;

    }



    .mx-lg-7 {

        margin-left: calc(1.5rem*4) !important;

        margin-right: calc(1.5rem*4) !important;

    }



    .mx-lg-8 {

        margin-left: calc(1.5rem*5) !important;

        margin-right: calc(1.5rem*5) !important;

    }



    .mx-lg-9 {

        margin-left: calc(1.5rem*6) !important;

        margin-right: calc(1.5rem*6) !important;

    }



    .mx-lg-10 {

        margin-left: calc(1.5rem*7) !important;

        margin-right: calc(1.5rem*7) !important;

    }

}



/*画面幅 1200px以上の場合*/

@media (min-width: 1200px) {

/*    .bd-placeholder-img {

        height: 100%;

        width: 622px;

    }

*/





    /*独自マージン*/

    .mx-xl-6 {

        margin-left: calc(1.5rem*3) !important;

        margin-right: calc(1.5rem*3) !important;

    }



    .mx-xl-7 {

        margin-left: calc(1.5rem*4) !important;

        margin-right: calc(1.5rem*4) !important;

    }



    .mx-xl-8 {

        margin-left: calc(1.5rem*5) !important;

        margin-right: calc(1.5rem*5) !important;

    }



    .mx-xl-9 {

        margin-left: calc(1.5rem*6) !important;

        margin-right: calc(1.5rem*6) !important;

    }



    .mx-xl-10 {

        margin-left: calc(1.5rem*7) !important;

        margin-right: calc(1.5rem*7) !important;

    }

}



/*画面幅 1400px以上の場合*/

@media (min-width: 1400px) {

/*    .bd-placeholder-img {

        height: 100%;

        width: 622px;

    }

*/





    /*独自マージン*/

    .mx-xxl-6 {

        margin-left: calc(1.5rem*3) !important;

        margin-right: calc(1.5rem*3) !important;

    }



    .mx-xxl-7 {

        margin-left: calc(1.5rem*4) !important;

        margin-right: calc(1.5rem*4) !important;

    }



    .mx-xxl-8 {

        margin-left: calc(1.5rem*5) !important;

        margin-right: calc(1.5rem*5) !important;

    }



    .mx-xxl-9 {

        margin-left: calc(1.5rem*6) !important;

        margin-right: calc(1.5rem*6) !important;

    }



    .mx-xxl-10 {

        margin-left: calc(1.5rem*7) !important;

        margin-right: calc(1.5rem*7) !important;

    }

}



/* １時間・１０分間隔ボタンスタイル */

input[type="radio"][name="HistoryInterval"]:checked {

    color: #fff;

    background-color: #0d6efd;

    border-color: #0d6efd;

}



.btn3d {

    position:relative;

    top: -2px;

    border:0;

     transition: all 40ms linear;

     margin-top:10px;

     margin-bottom:10px;

     margin-left:2px;

     margin-right:2px;

}

.btn3d:active:focus,

.btn3d:focus:hover,

.btn3d:focus {

    -moz-outline-style:none;

         outline:medium none;

}

.btn3d:active, .btn3d.active {

    top:2px;

}

.btn3d.btn-white {

    color: #666666;

    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 3px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);

    background-color:#fff;

}

.btn3d.btn-white:active, .btn3d.btn-white.active {

    color: #666666;

    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);

    background-color:#fff;

}

.btn3d.btn-default {

    color: #666666;

    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 3px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);

    background-color:#f9f9f9;

}

.btn3d.btn-default:active, .btn3d.btn-default.active {

    color: #666666;

    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);

    background-color:#f9f9f9;

}

.btn3d.btn-primary {

    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 3px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#4274D7;

}

.btn3d.btn-primary:active, .btn3d.btn-primary.active {

    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);

    background-color:#4274D7;

}

.btn3d.btn-success {

    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 3px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#78d739;

}

.btn3d.btn-success:active, .btn3d.btn-success.active {

    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);

    background-color: #78d739;

}

.btn3d.btn-info {

    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 3px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#39B3D7;

}

.btn3d.btn-info:active, .btn3d.btn-info.active {

    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);

    background-color: #39B3D7;

}

.btn3d.btn-warning {

    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 3px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#FEAF20;

}

.btn3d.btn-warning:active, .btn3d.btn-warning.active {

    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);

    background-color: #FEAF20;

}

.btn3d.btn-danger {

    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 3px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#D73814;

}

.btn3d.btn-danger:active, .btn3d.btn-danger.active {

    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);

    background-color: #D73814;

}

.btn3d.btn-magick {

    color: #fff;

    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 3px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#bb39d7;

}

.btn3d.btn-magick:active, .btn3d.btn-magick.active {

    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);

    background-color: #bb39d7;

}