.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);
}

.border {
  border: 1px 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_white_b {
  border-bottom: 1.5px solid white !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

.border_top {
  border-top: 3px solid #00ffff !important;
  border-bottom: 3px solid #00ffff !important;
  border-right: none #00ffff !important;
  border-left: none !important;
}

._add_card {
  /*max-height: 500px;*/
  height: 270px;
  width: 180px;
  /*box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;*/
  transition-duration: 0.3s;
}

._add_card:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition-duration: 0.3s;
}

._add_card-img {
  /*max-height: 400px;*/
  object-fit: cover;
  width: 177px;
  height: 177px;
  margin: 0 auto;
}

._add_card-img_2 {
  /*max-height: 400px;*/
  object-fit: cover;
  width: 176px;
  height: 99px;
  margin: 0 auto;
}

a:hover {
  text-decoration: none;
}

/* 外接リサイズ */
/*
.cover {
  object-fit: cover;
  width: 195px;
  height: 195px;
  background-color: #171717;
  border: 1px solid #ccc;
}
*/
/*
@media screen and (max-width: 676px) {
  ._add_card {

height: 280px;
width: 200px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
}

._add_card-img {
  object-fit: cover;
  width: 195px;
  height: 195px;
}
}
*/
.invisible {
  transition: opacity 0.5s ease;
  opacity: 0.0;
}

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

@media only screen and (max-width: 676px) {
  ._add_card {
    /*max-height: 500px;*/
    height: 185px;
    width: 130px;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;*/
    transition-duration: 0.3s;
  }

  ._add_card-img {
    /*max-height: 400px;*/
    object-fit: cover;
    width: 127px;
    height: 107px;
    margin: 0 auto;
  }

  ._add_card-img_2 {
    /*max-height: 400px;*/
    object-fit: cover;
    width: 128px;
    height: 72px;
    margin: 0 auto;
  }

  .card-title {
    display: none;
  }

  .smartphone_nonview {
    display: none;
  }
}