@charset "UTF-8";


.l-slopemap{
  position: relative;
  max-width:1400px;
  margin: 0 auto;
}

.p-slopemap{
  position: relative;
}

.p-slopemap-inner{
  position: relative;
}

.zoomicon {
  display: none;
}

.p-slopemap-inner img{
  width:100%;
  height: auto;
}

.p-mountain__img{
  position: relative;
}

.p-clear__img{
  position: absolute;
  top:0;
  left:0;
  z-index: 10;
}

.p-lift__list{
  position: absolute;
  top:0;
  left:0;
  z-index: 5;
}

/* .p-lift__list.open{
  display: block;
}

.p-lift__list.wather{
  display: none;
}

.p-lift__list.closed{
  display: none;
} */


.p-course__list{
  position: absolute;
  top:0;
  left:0;
}

.lift-trail-map-wrap .map-wrap .p-lift__list.lift-127{
  top:18.2%;
  left:73.1%;
  width:8.285714285%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-125{
  top:33.75%;
  left:80.35%;
  width:7.85714285%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-128{
  top:20.3%;
  left:77.24%;
  width:4.64385714%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-126{
  top:20.95%;
  left:86.79%;
  width:3.92857142%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-129{
  top:45.4%;
  left:60.42%;
  width:11.928571428%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-130{
  top:19%;
  left:41.15%;
  width:19.357142857%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-133{
  top:40.2%;
  left:44.1%;
  width:14.583333333%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-131{
  top:50.8%;
  left:52.45%;
  width:7.428571428%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-132{
  top:19%;
  left:40.1%;
  width:2.357142857%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-136{
  top:49.3%;
  left:62.5%;
  width:8.857142857%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-142{
  top:15.8%;
  left:24.57%;
  width:20.285714285%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-134{
  top:59%;
  left:44.5%;
  width:4.142857142%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-135{
  top:52.5%;
  left:44.2%;
  width:7.214285714%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-137{
  top:15.8%;
  left:23.4%;
  width:1.142857142%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-138{
  top:27.4%;
  left:29.45%;
  width:12.928571428%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-139{
  top:15%;
  left:11.3%;
  width:12.714285714%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-140{
  top:27%;
  left:9.4%;
  width:5.642857142%;
}
.lift-trail-map-wrap .map-wrap .p-lift__list.lift-141{
  top:17.4%;
  left:20.5%;
  width:4.142857142%;
}

@media (max-width:768px) {

  .l-slopemap {
    position: relative;
    border: 1px solid #989898;
    margin: 16px auto;
  }

  .p-slopemap {
    position: relative;
    overflow: auto;
    height: 500px;
       margin-top: 0;
  }

  .p-slopemap-inner {
    position: relative;
    width: 1000px;
      margin-top: 0;
  }

  .zoomicon {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 11;
    background: #1D315A;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 15px 0;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0;
    text-indent: -99999px;
  }
    
    .plus:before{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 40%;
        height: 1px;
        background: #fff;
    }
    
    .plus:after{
       content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 1px;
        height: 40%;
        background: #fff; 
    }

  .minus {
    margin-top:0;
    left: 55px;
  }
    
    .minus:before{
       content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 40%;
        height: 1px;
        background: #fff; 
    }
}