@charset "utf-8";
/* CSS Document */
.venue_map{
  position: relative;
  height: auto;
  overflow: hidden;
}
.venue_map h2{
  position: relative;
  top: 0;
  margin: 0 auto 60px;
  padding: 0;
  text-align: center;
}
.venue_map h2 .title{
  padding: 12px 24px;
  color: #fff83f;
  font-size: 40px;
  box-shadow: none;
  background: #00a0e9;
}
.venue_map h3{
  position: relative;
  z-index: 2;
  width: auto;
  max-width: 1040px;
  text-align: center;
}
.venue_map .inner{
  position: relative;
  overflow: visible;
  z-index: 1;
}
.cls-wave {
  fill: #00a0e9;
  fill-rule: evenodd;
}
.cls-0{
  fill:#e6e6e6;
}
.cls-1{
  fill:#90bd29;
}
.cls-0,.cls-1,.cls-2{
  stroke:#fff;
}
.cls-0,.cls-1,.cls-2,.cls-3{
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2.83px;
}
.cls-2{
  fill:#d81162;
}
.cls-3{
  fill:#ffffff;
  stroke:#d6d6d6;
}
.map_wave{
  position: absolute;
  top: 8%;
  left: 0;
  width: calc(995/1020 * 100%);
  height: auto;
  margin: auto;
}
.link_map{
  position: absolute;
  top: .4%;
  left: 3.8%;
  width: calc(800/1020 * 100%);
  height: auto;
  margin: auto;
}
.link_map .links{
  cursor: pointer;
}
@media screen and (min-width:768px) {
  .venue_map .show-sp{
    display: none;
  }
  .venue_map #map_area{
    display: block;
    width: calc(756/1020 * 100%);
    height: auto;
    margin: 0 0 6.3% 16.85%;
  }
  .cls-4 {
    fill: #fff;
  }
  .cls-5 {
    fill: #fff;
    stroke: #d6d6d6;
    stroke-width: 4px;
  }

  .cls-5, .cls-6, .cls-9 {
    fill-rule: evenodd;
  }

  .cls-6{
    transition: all .25s ease;
  }
  .cls-7 {
    fill: #d81162;
  }

  .cls-8 {
    fill: #90bd29;
  }

  .cls-9 {
    fill: none;
    stroke: #000;
    stroke-width: 1px;
    transition: all .25s ease;
  }
  .link_map .links:hover{
    opacity: 1;
  }
  .link_map .links:hover .cls-6{
    fill: #0092d4;
  }
  .link_map .links:hover .cls-9{
    stroke: #0092d4;
  }
  .link_map .none{
    pointer-events: none;
    opacity: 0.5;
  }
}
@media screen and (max-width:767px) {
  .venue_map{
    padding: 15% 0 0%;
  }
  .venue_map h1{
    margin-bottom: 10%;
  }
  .venue_map h1 .title{
    padding: 8px 24px;
    font-size: 6.4vw;
  }
  .venue_map .show-pc{
    display: none;
  }
  .venue_map .inner{
    margin: 0;
    padding: 0;
  }
  .venue_map #map_area{
    display: block;
    width: 100%;
    height: 104vw;
    margin: 0 auto;
  }
  #japan {
    position: relative;
    left: 5%;
  }
  .map_wave{
    top: 3%;
    left: auto;
    right: 5%;
    width: 51.67%;
  }
  .link_map{
    top: -1.6%;
    left: 1.67%;
    right: auto;
    width: 93.73%;
  }
  .cls-4 {
    fill: #fff;
  }

  .cls-5 {
    fill: #fff;
    stroke: #d6d6d6;
    stroke-width: 4px;
  }

  .cls-5, .cls-8, .cls-9 {
    fill-rule: evenodd;
  }

  .cls-6 {
    fill: #e90068;
  }

  .cls-7 {
    fill: #97c720;
  }

  .cls-8 {
    fill: none;
    stroke: #000;
    stroke-width: 1px;
  }

  .link_map .none{
    pointer-events: none;
    opacity: 0.5;
  }
}