/* CSS Document */
.page .sec .main-content .inner .sanyo_inbound_1_slide_area,
.page .sec .main-content .inner .sanyo_inbound_2_slide_area {
  display: none;
}
.page .sec .main-content .inner .sanyo_inbound_1_slide_area.on,
.page .sec .main-content .inner .sanyo_inbound_2_slide_area.on {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.page .sec .main-content .inner .info-box .info-list.info-list-7.hofu .box-pic {
  background-image: url(../../imgs/journey/course/setouchi/setouchi_inbound/pic_oumi.jpg);
}

.page .sec .main-content .inner .info-box .info-list.info-list-8 .box-pic {
  background-image: url(../../imgs/journey/course/setouchi/setouchi_inbound/pic_biwako.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 .map-box .map.kyoto {
    background: url(../../imgs/journey/course/sanyo/sanyo_inbound/pic_map_02.png) center center no-repeat;
    background-size: cover;
  }
  .page .sec .main-content .inner .map-box .map .icon-sanyo_inbound_1_area {
    display: none;
  }
  .page .sec .main-content .inner .map-box .map .icon-sanyo_inbound_1_area.on {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
  }
  .page .sec .main-content .inner .map-box .map .icon-sanyo_inbound_2_area {
    display: none;
  }
  .page .sec .main-content .inner .map-box .map .icon-sanyo_inbound_2_area.on {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-setonaikai {
    top: 80%;
    left: 23.8%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-miyajima {
    top: 67.46%;
    left: 29.04%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-mihara {
    top: 68.43%;
    left: 37.88%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-onomichi {
    top: 67.95%;
    left: 42.09%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-onomichisuido {
    top: 67.95%;
    left: 44.47%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-wake {
    top: 60.24%;
    left: 59.71%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-akashikaikyo {
    top: 67.71%;
    left: 74.85%;
  }
  .page .sec .main-content .inner .map-box .map .icon.icon-houhu {
    top: 69.5%;
    left: 15.7%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-0 {
    width: 15.8%;
    top: 81.44%;
    left: 6.47%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-1.place-miyajima {
    width: 5.42%;
    top: 56.62%;
    left: 27.42%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-1.place-houhu {
    width: 5.42%;
    top: 56.62%;
    left: 14.2%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-2 {
    width: 16%;
    top: 81.44%;
    left: 27.42%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-3 {
    width: 5.42%;
    top: 56.62%;
    left: 40.38%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-4 {
    width: 15.8%;
    top: 81.44%;
    left: 44.76%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-5 {
    width: 4.85%;
    top: 48.91%;
    left: 58.57%;
  }
  .page .sec .main-content .inner .map-box .map .place.place-6 {
    width: 15.8%;
    top: 51.08%;
    left: 68.19%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-0 {
    width: 21.9%;
    top: 81.92%;
    left: 0%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-1.place-miyajima {
    width: 9.52%;
    top: 55.42%;
    left: 25.52%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-1.place-houhu {
    width: 5.23%;
    top: 58.42%;
    left: 19.52%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-2 {
    width: 19.71%;
    top: 81.92%;
    left: 27.9%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-3 {
    width: 9.52%;
    top: 55.42%;
    left: 38.47%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-4 {
    width: 19.71%;
    top: 81.92%;
    left: 48.66%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-5 {
    width: 5.23%;
    top: 50.36%;
    left: 58.19%;
  }
  #en.page .sec .main-content .inner .map-box .map .place.place-6 {
    width: 19.71%;
    top: 50.36%;
    left: 64.95%;
  }
}
@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;
  }
}