/* カラーはどう？ */
.navbar {
  background-color: #00B0F0;
}

.bg-cyan {
  background-color: #00B0F0;
}

body {
  background-color: #171717;
}

.bg-j {
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.0), rgba(17, 17, 17, 1.0)), url(../image/background.png);
}

.img-j {
  max-width: 50%;
}
.mide {
  text-align: center;
}

.border {
  border: 3px solid #00B0F0 !important;
}

.border_line_white {
  border-top: 1.5px solid white !important;
  border-bottom: 1.5px solid white !important;
  border-right: none !important;
  border-left: none !important;
}

.border_line_blue {
  border-right: 1.5px solid #00B0F0 !important;
  border-left: 1.5px solid #00B0F0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

/*
._add_card {
  height: 450px;
max-width: 300px;
margin: 0 auto;
}

._add_card-img {
  max-height: 200px;
}
*/
.invisible {
  transition: opacity 0.5s ease;
  opacity: 0.0;
}

.visible {
  transition: opacity 0.5s ease;
  opacity: 1.0;
}

@media only screen and (max-width: 767px) {
  .img-j {
    max-width: 75%;
  }
}