@charset "UTF-8";
/*
Theme Name: NIGHT BIRD
Author: DERA-DESIGN
Author URI: https://deradesign.jp/
Description: 2021.1.1
Version: 1.0
*/






.name-box-east{
  position: absolute;
  background: url(https://vpl2023.com/wp-content/uploads/name-bg-dealer.svg)no-repeat;

}

.name-box-east{
  transition: .5s;
  position: absolute;
  bottom: -10px;
  height: 150px;
  width: 450px;
  left: 0;
  right: 0;
  top: 940px;
  margin: auto;

}

.name-box-east h3{
  border-bottom: none;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  padding: 0;


}

.name-box-east h3 span{
  transition: .5s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin: auto;
  height: 166px;
  width: calc(7.2em + 200px);
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
  padding: 60px 50px 60px 150px;

}



.main-column .live-area .name-box-east span::before {
  left: 31px;
  top:31px;
}


.name-box-north{
  position: absolute;
  background: url(https://vpl2023.com/wp-content/uploads/name-bg-vertical.svg)no-repeat;

}

.name-box-north{
  transition: .5s;
  position: absolute;

  height: 423px;
  width: 105px;
  top: 0;
  bottom: 0;
  left: -1600px;
  right: 0;
  margin: auto;
}

.name-box-north h3{
  border-bottom: none;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.name-box-north h3 span{
  transition: .5s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin: auto;
  height: calc(7.2em + 200px);
  width: 105px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  writing-mode: vertical-rl;
  display: none;
  padding:130px 30px 65px 30px;
}


.main-column .live-area .name-box-north span::before {
  left: 3px;
  top:20px;
}



.name-box-west{
  position: absolute;
  background: url(https://vpl2023.com/wp-content/uploads/name-bg.svg)no-repeat;
}

.name-box-west{
  transition: .5s;
  position: absolute;
  top: 12px;
  height: 105px;
  width: 423px;
  left: 0;
  right: 0;
  bottom: 963px;
  margin: auto;

}

.name-box-west h3{
  border-bottom: none;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  padding: 0;


}

.name-box-west h3 span{
  transition: .5s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin: auto;
  height: 166px;
  width: calc(7.2em + 200px);
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
  padding: 60px 70px 60px 120px;

}

.main-column .live-area .name-box-west span::before {
  left: 3px;
  top:32px;
}


.name-box-south{
  position: absolute;
  background: url(https://vpl2023.com/wp-content/uploads/name-bg-vertical.svg)no-repeat;

}

.name-box-south{
  transition: .5s;
  position: absolute;

  height: 423px;
  width: 105px;
  top: 0;
  bottom: 0;
  left: 1600px;
  right: 0;
  margin: auto;
}

.name-box-south h3{
  border-bottom: none;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.name-box-south h3 span{
 transition: .5s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin: auto;
  height: calc(7.2em + 200px);
  width: 105px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  writing-mode: vertical-rl;
  display: none;
  padding: 120px 30px 70px 30px;

}

.main-column .live-area .name-box-south span::before {
  left: 3px;
  top:20px;
}