.section-header {
  background: url(/motohakone/culturemap/images/head.jpg) no-repeat center center;
  background-size: auto 100%;
  min-height: 96rem;
  height: calc(960 / 1400 * 100vw);
}

.section-header h1 {
  font-size: calc(62 / 1400 * 100vw);
  bottom: calc(120 / 1400 * 100vw);
  left: 50%;
}

@media (max-width: 1400px) {
  .section-header h1 {
    font-size: 6.2rem;
    bottom: 12rem;
  }
}

.section-header .link-map li a {
  border: .2rem solid #fff;
}
.section-header .link-map li a:hover {
  opacity: 1;
}
.section-header .link-map li a ,
.section-header .link-map li a .area {
  transition: all .3s;
}
.section-header .link-map li a:hover .area {
  color: #777;
}
.section-header .link-map li a:hover{
  background-color: rgba(256, 256, 256, .5);
}
.section-header .link-map li .area {
  font-size: 1.1em;
  padding: .3rem .55rem .4rem;
  white-space:nowrap;
}
.section-header .link-map li .number {
  font-size: 2.2em;
}
.section-header .link-map li.link-map3 .area ,
.section-header .link-map li.link-map5 .area {
  font-size: 1.04em;
}
.section-header .link-map li.link-map3 .number ,
.section-header .link-map li.link-map5 .number {
  font-size: 2em;
}


/*////////////*/

.section-header .link-map li{
  width: calc(148 / 1400 * 100vw);
  height: calc(118 / 1400 * 100vw);
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy)));
}
@media (max-width: 1400px) {
.section-header .link-map li{
    width: 14.8rem;
    height: 11.8rem;
}
}
.section-header .link-map li.link-map1 {
  --dx: calc(-180 / 1400 * 100vw);
  --dy: calc(105 / 1400 * 100vw);
}
@media (max-width: 1400px) {
  .section-header .link-map li.link-map1 {
    --dx: calc(-180 * 0.1rem);
    --dy: calc(105 * 0.1rem);
  }
}

.section-header .link-map li.link-map2 {
  --dx: calc(-145 / 1400 * 100vw);
  --dy: calc(-105 / 1400 * 100vw);
}
@media (max-width: 1400px) {
  .section-header .link-map li.link-map2 {
    --dx: calc(-145 * 0.1rem);
    --dy: calc(-105 * 0.1rem);
  }
}

.section-header .link-map li.link-map3 {
  width: calc(108 / 1400 * 100vw);
  height: calc(100 / 1400 * 100vw);
  --dx: calc(68 / 1400 * 100vw);
  --dy: calc(-18 / 1400 * 100vw);
}
@media (max-width: 1400px) {
  .section-header .link-map li.link-map3 {
    width: calc(108 * 0.1rem);
    height: calc(100 * 0.1rem);
    --dx: calc(68 * 0.1rem);
    --dy: calc(-18 * 0.1rem);
  }
}

.section-header .link-map li.link-map4 {
  --dx: calc(275 / 1400 * 100vw);
  --dy: calc(-110 / 1400 * 100vw);
}
@media (max-width: 1400px) {
  .section-header .link-map li.link-map4 {
    --dx: calc(275 * 0.1rem);
    --dy: calc(-110 * 0.1rem);
  }
}

.section-header .link-map li.link-map5 {
    width: calc(108 / 1400 * 100vw);
    height: calc(96 / 1400 * 100vw);
    --dx: calc(260 / 1400 * 100vw);
    --dy: calc(-348 / 1400 * 100vw);
}
@media (max-width: 1400px) {
  .section-header .link-map li.link-map5 {
    width: calc(108 * 0.1rem);
    height: calc(96 * 0.1rem);
    --dx: calc(260 * 0.1rem);
    --dy: calc(-348 * 0.1rem);
  }
}
.section-header .link-map li.link-map6 {
  --dx: calc(200 / 1400 * 100vw);
  --dy: calc(185 / 1400 * 100vw);
}

@media (max-width: 1400px) {
  .section-header .link-map li.link-map6 {
    --dx: calc(200 * 0.1rem);
    --dy: calc(185 * 0.1rem);
  }
}
/*////////*/
.section-header .text ul {
  font-size: 2rem;
}

.section-header .text {
  right: 4rem;
  bottom: 8rem;
}

.section-header .text ul + ul {
  margin-top: 3rem;
}

.maps .blc-mapspot .spot-icon1,
.maps .blc-mapspot .spot-icon2,
.section-header .text li.icon1,
.section-header .text li.icon2 {
  font-size: 2rem;
}

.maps .blc-mapspot .spot-icon1:before,
.maps .blc-mapspot .spot-icon2:before,
.section-header .text li.icon1:before,
.section-header .text li.icon2:before {
  width: 2.3rem;
  height: 3rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.blc-map {
  margin-top: 1rem;
}

/*////////////*/
.mapspot-link {
  width: calc(34 / 1400 * 100vw);
  height: calc(41 / 1400 * 100vw);
}
@media (max-width: 1400px) {
  .mapspot-link {
    width: 3.4rem;
    height: 4.1rem;
  }
}

.maps .blc-mapspot > .inner {
  width: 36.8rem;
  height: 55.5rem;
}

.maps .blc-mapspot .mapspot-content {
  height: 42.2rem;
}

.spot-slider .splide__slide {
  height: 21.4rem;
}

.maps .blc-mapspot {
  z-index: 9999;
}

.mapspot-link .name{
  font-size: .8em;
  margin-top: .4rem;
}