/* =============================================
- HotSpot
================================================ */
@media screen and (max-width: 767px) {
  #HotSpot .LinkWrap {
    -moz-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  #HotSpot .LinkWrap .link {
    width: 30%;
  }
}
@media screen and (min-width: 980px) {
  #HotSpot .LinkWrap .link {
    width: 20%;
    padding: 10px;
  }
}
@media screen and (min-width: 1280px) {
  #HotSpot .LinkWrap .link {
    width: 244px;
  }
}
/* =============================================
- hotspotIndex
================================================ */
@media screen and (min-width: 768px) {
  #hotspotIndex .colLayout.pink .imgArea:after {
    background-color: #F6BEC8;
  }
}
/* =============================================
- visualHotSpot_inner
================================================ */
#visualHotSpot_inner .col .img.color04:after {
  background-color: #F6BEC8;
}
#visualHotSpot_inner .col .map {
  bottom: 0px;
}

@media screen and (min-width: 1280px) {
  #visualHotSpot_inner .col .map.tokushima img {
    height: 610px;
  }
}
#hotspotIntro.pink .titleStyle04 {
  background: #F6BEC8;
}

/* =============================================
- RelatedLinks
================================================ */
@media screen and (min-width: 768px) {
  #RelatedLinks .boxWrap {
    -moz-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*# sourceMappingURL=tokushima.css.map */