@charset "UTF-8";

/* CSS Document */

.sec_spot .boxList {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
}
.sec_spot .boxList li {
  margin: 0 10px 25px;
  width: 31%;
}
#courseMap1,
.courseMap,
#map_canvas {
  width: 100%;
  height: 450px;
}
.sec_spot{
 padding: 60px 0 0px;   
}
@media screen and (max-width: 989px){
 .sec_spot .boxList li {
    width: 100%;
    margin: 0 0px 25px;
} 
.sec_spot .boxList li:last-child {
    margin-bottom: 25px;
}
#courseMap1,
.courseMap,
#map_canvas {
    height: 550px; 
}
.section ul.tabListL li span {
  padding: 5px;
}
.sec_spot{
 padding: 60px 0 40px;   
}
.spot:after {
  height: 550px;
}

}

.sec_spot .tabListL{
    display: none;
}

/*tab*/
/* Official SNS*/
div.section ul.tabListL li span.hoverAlpha{background: #a8aaab; cursor: pointer;}
div.section ul.tabListL li span.hoverAlpha::after{display: none;}
div.inner960.spot{overflow: hidden;}
div.spotWrap{overflow: hidden;width: 400%; padding: 0;}
div.spotWrap div.block{width: 25%; float: left;}