/* * {
	outline: 1px solid rgb(255, 0, 64);
} */

.bg-nav {
  background-image: url("../images/header_background_1920_2.jpg");
  background-size: cover;
}

.bg-white-nav {
  background: rgba(255, 255, 255, 0.7);
}

.nav-link:hover {
  background: rgba(255, 255, 255, 1.0);
  color: cyan;
}

.top-logo:hover {
  opacity: 0.7;
}

.home-link {
  z-index: 10000;
  text-decoration: none;
}

.title2-bg {
  background-color:#7aefff;
}

nav .navbar-toggler {
  display: flex;
}
.navbar-toggler {
  margin-left: auto;
}

.border-tokyo {
  border-bottom: 3px solid #0000ff;
}

.border-osaka {
  border-bottom: 3px solid #cc0099;
}

.border-nagoya {
  border-bottom: 3px solid #006633;
}

.bg-tokyo {
  background: #b3f6ff;
}

.bg-osaka {
  background: #ffb3cf;
}

.bg-nagoya {
  background: #caffb3;
}

/* キャンセル枠情報タイトル */
.bg-title-1 {
  background: -webkit-repeating-linear-gradient(-45deg, #fef3e0, #fef3e0 3px, #fffaea 3px, #fffaea 6px);
  background: repeating-linear-gradient(-45deg, #fef3e0, #fef3e0 3px, #fffaea 3px, #fffaea 6px);
  /* border-left: 10px solid #ffc560;
  border-right: 10px solid #ffc560; */
  border-bottom: 3px solid #ffc560;
  border-radius: 5px;
  padding: 5px;
}

/* 通常募集タイトル */
.bg-title-2 {
  background: -webkit-repeating-linear-gradient(-45deg, #e0eefe, #e0eefe 3px, #eaf4ff 3px, #eaf4ff 6px);
  background: repeating-linear-gradient(-45deg, #e0eefe, #e0eefe 3px, #eaf4ff 3px, #eaf4ff 6px);
  border-bottom: 3px solid #74b7ff;
  border-radius: 5px;
  padding: 5px;
}

/* 弾き語り募集タイトル */
.bg-title-3 {
  background: -webkit-repeating-linear-gradient(-45deg, #e0fee1, #e0fee1 3px, #eeffea 3px, #eeffea 6px);
  background: repeating-linear-gradient(-45deg, #e0fee1, #e0fee1 3px, #eeffea 3px, #eeffea 6px);
  border-bottom: 3px solid rgb(101, 180, 81);
  border-radius: 5px;
  padding: 5px;
}

.sound-corner {
  color: #00BCD4;
  background: #e4fcff;
  border-top: solid 6px #1dc1d6;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
  border-radius: 5px;
  /* background: #ff96be;
  box-shadow: 0px 0px 0px 10px #ff96be;
  border: dashed 2px white; */
}

.youtube-corner {
  color: #19d400;
  background: #e4ffe9;
  border-top: solid 6px #42d61d;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
  border-radius: 5px;
}

.live-link {
  text-decoration: none;
  color: black;
}

.live-link:visited{
  color: black;
}

.live-link:hover {
  background-color: #fcffbb;
}

.live-link:active {
  background-color: #fcffbb;
  color: blue;
}

@media screen and (min-width: 768px) {
  .ratio {
    width: 65%;
    margin: 0 auto;
  }
}

/* 画像ファイルアップロード用 */
.input_area {
  position: relative;
  width: 250px;
}


.input_area input {
  display: none;
}

.input-button::before {
  background: #616161;
  border-radius: 50%;
  color: #fff;
  content: "＋";
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 600;
  opacity: 0.9;
  position: absolute;
  top: -30px;
  right: 100px;
  line-height: 3rem;
  height: 3rem;
  text-align: center;
  width: 3rem;
}