/* CSS Document */
.page .sec .main-content .inner .info-box .info-list.info-list-0 .box-pic {
  background-image: url(../../imgs/about/viewspot/pic_akashikaikyo.jpg);
}

.page .sec .main-content .inner .info-box .info-list.info-list-1 .box-pic {
  background-image: url(../../imgs/about/viewspot/pic_wake.jpg);
}

.page .sec .main-content .inner .info-box .info-list.info-list-2 .box-pic {
  background-image: url(../../imgs/journey/course/setouchi/setouchi_outbound/pic_nagahama.jpg);
}

.page .sec .main-content .inner .info-box .info-list.info-list-3 .box-pic {
  background-image: url(../../imgs/journey/course/setouchi/setouchi_outbound/pic_biwako.jpg);
}

.page .sec .main-content .inner .info-box .info-list.info-list-4 .box-pic {
  background-image: url(../../imgs/about/west_japan/sightseeing_places/pic_kikkawa.jpg);
}

.page .sec .main-content .inner .info-box .info-list.info-list-5 {
  margin-right: 0px;
}

.page .sec .main-content .inner .info-box .info-list.info-list-5 .box-pic {
  background-image: url(../../imgs/about/viewspot/pic_setonaikai.jpg);
}

@media screen and (min-width: 751px) {
  .page .sec .main-content .inner .info-box {
    width: calc(400% + 60px);
  }
  .page .sec .main-content .inner .info-box .info-list {
    margin-right: 20px;
    width: calc((100% + 20px) / 4 - 20px);
  }
  .page .sec .main-content .inner .info-box .info-list:last-child {
    margin-right: 0;
  }
  .page .sec .main-content .inner .tour-info-box .tour-list-box {
    margin-top: 20px;
  }
  .page .sec .main-content .inner .map-box .map {
    background: url(../../imgs/journey/course/sanyo/sanyo_outbound/pic_map.png) center center no-repeat;
    background-size: cover;
  }
  .page .sec .main-content .inner .map-box .map.kyoto {
    background: url(../../imgs/journey/course/setouchi/setouchi_outbound/pic_map.png) center center no-repeat;
    background-size: cover;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-0 {
    top: 67.71%;
    left: 74.85%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-1 {
    top: 60.24%;
    left: 59.71%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-2 {
    top: 67.71%;
    left: 53.04%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-3 {
    top: 67.71%;
    left: 43.04%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-4 {
    top: 67.95%;
    left: 25.9%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-5 {
    top: 80%;
    left: 23.8%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-0 {
    width: 15.8%;
    top: 79.51%;
    left: 61.71%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-1 {
    width: 4.85%;
    top: 48.91%;
    left: 58.57%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-2 {
    width: 5.42%;
    top: 56.14%;
    left: 51.71%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-3 {
    width: 15.8%;
    top: 79.51%;
    left: 36.47%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-4 {
    width: 5.42%;
    top: 57.59%;
    left: 24.19%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-5 {
    width: 15.8%;
    top: 81.44%;
    left: 6.47%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-0 {
    width: 19.71%;
    top: 79.03%;
    left: 59.42%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-1 {
    width: 5.23%;
    top: 48.91%;
    left: 58.19%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-2 {
    width: 9.52%;
    top: 56.14%;
    left: 46.66%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-3 {
    width: 19.71%;
    top: 79.03%;
    left: 34.47%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-4 {
    width: 8.57%;
    top: 57.59%;
    left: 22.38%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-5 {
    width: 21.9%;
    top: 80.72%;
    left: 0%;
  }
}
@media screen and (max-width: 750px) {
  .page .sec .main-content .inner .info-box {
    width: 2.75rem;
  }
  .page .sec .main-content .inner .info-box .info-list {
    margin-right: 0.02rem;
    width: 0.67rem;
  }
}