html {
  font-size: 14px;
}
body{
  /*background-image: url("../images/background.jpg");*/
  overflow-y: auto;
  
}
.siteseal img{
  width:80px!important;
}

#loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  background: #000;
  z-index: 9998;
}
#spinner {
  display: none;
  color: #fff;
  opacity: 1 !important;
  z-index: 9999;
}
.spinner-border {
  opacity: 1;
}


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: '游ゴシック'!important;

}

.btn-flat {
  /*color: navajowhite;*/
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  padding: 5px 10px;
  border: 1px solid #333;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  transition: .3s;
  overflow: hidden;
}

.btn-flat::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #333;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.btn-flat:hover:not([disabled]) {
  color: #fff;
  cursor: pointer;
}

.btn-flat:hover:not([disabled])::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

.btn-flat-danger, .btn-flat-danger svg {
  /*border: 1px solid #cc0000;*/
  color: #cc0000;
  border-color: #cc0000;
}

.btn-flat-danger:hover, .btn-flat-danger:hover svg {
  color: #fff;
  cursor: pointer;
}

.btn-flat-danger:not([disabled])::before {
  background: #cc0000;
}


.btn-flat-purple, .btn-flat-purple svg {
  /*border: 1px solid #cc0000;*/
  color: #7306a8;
}

.btn-flat-purple:hover, .btn-flat-purple:hover svg {
  color: #fff;
  cursor: pointer;
}

.btn-flat-purple:not([disabled])::before {
  background: #7306a8;
}



.btn-flat-success, .btn-flat-success svg {
  /*border: 1px solid #0f5132;*/
  color: #0f5132;
}

.btn-flat-success:hover, .btn-flat-success:hover svg {
  color: #fff !important;
  cursor: pointer;
}

.btn-flat-success:not([disabled])::before {
  background: #0f5132;
}

.btn-flat-info, .btn-flat-info svg {
  /*border: 1px solid #0b5ed7;*/
  color: #0b5ed7;
}

.btn-flat-info:hover, .btn-flat-info:hover svg {
  color: #fff;
  cursor: pointer;
}

.btn-flat-info:not([disabled])::before {
  background: #0b5ed7;
}

.btn-flat-warning, .btn-flat-warning svg {
  /*border: 1px solid #0b5ed7;*/
  color: #c77405;
}

.btn-flat-warning:hover, .btn-flat-warning:hover svg {
  color: #fff;
  cursor: pointer;
}

.btn-flat-warning:not([disabled])::before {
  background: #c77405;
}