/* 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/about/west_japan/sightseeing_places/pic_okayama_korakuen.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_kurashiki.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_orii.jpg); }

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

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

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

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

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

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

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

@media screen and (min-width: 751px) {
  .page .sec .main-content .inner .info-box {
    /* // width: calc(1000% + 180px); */
    width: calc(1100% + 200px);
  }
    .page .sec .main-content .inner .info-box .info-list {
      margin-right: 20px;
      width: calc((100% + 20px) / 11 - 20px); }
      .page .sec .main-content .inner .info-box .info-list:last-child {
        margin-right: 0; }
  .page .sec .main-content .inner .map-box .map {
    background: url(../../imgs/journey/course/round/pic_map.png) center center no-repeat;
    background-size: cover; }
    .page .sec .main-content .inner .map-box .map .icon-round_1_area,
    .page .sec .main-content .inner .map-box .map .icon-round_2_area {
      display: none;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    .page .sec .main-content .inner .map-box .map .icon-round_1_area.on,
    .page .sec .main-content .inner .map-box .map .icon-round_2_area.on {
      display: block;
    }
    /* // .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: 66.98%;
    //   left: 56.19%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-3 {
    //   top: 66.98%;
    //   left: 48.6%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-4 {
    //   top: 67.71%;
    //   left: 43.04%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-5 {
    //   top: 38.55%;
    //   left: 25.61%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-6 {
    //   top: 17.1%;
    //   left: 41.61%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-7 {
    //   top: 17.1%;
    //   left: 44.19%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-8 {
    //   top: 19.75%;
    //   left: 50.85%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-9 {
    //   top: 19.75%;
    //   left: 68.76%; }
    // .page .sec .main-content .inner .map-box .map .icon.icon-10 {
    //   top: 19.75%;
    //   left: 71.9%; } */
    .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-wake {
      top: 60.24%;
      left: 59.71%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-okayama {
      top: 66.98%;
      left: 56.19%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-kurashiki {
      top: 66.98%;
      left: 48.6%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-onomichisuido {
      top: 67.71%;
      left: 43.04%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-orii {
      top: 38.55%;
      left: 25.61%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-shinjiko {
      top: 17.1%;
      left: 41.61%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-matsue {
      top: 17.1%;
      left: 44.19%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-daisen {
      top: 19.75%;
      left: 50.85%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-higashihama {
      top: 19.75%;
      left: 68.76%; }
    .page .sec .main-content .inner .map-box .map .icon.icon-amarube {
      top: 19.75%;
      left: 71.9%; }
    .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.38%;
      left: 50%; }
    .page .sec .main-content .inner .map-box .map .place.place-3 {
      width: 5.42%;
      top: 58%;
      left: 43.1%;
      &::before {
        color: #8c4154;
        content: "※";
        display: block;
        font-size: 1rem;
        position: absolute;
        top: -16%;
        left: -27%;
      } }
    .page .sec .main-content .inner .map-box .map .place.place-4 {
      width: 15.8%;
      top: 79.51%;
      left: 36.47%; }
    .page .sec .main-content .inner .map-box .map .place.place-5 {
      width: 22.28%;
      top: 38.07%;
      left: 29.42%; }
    .page .sec .main-content .inner .map-box .map .place.place-6 {
      width: 6.66%;
      top: 5.3%;
      left: 40.47%; }
    .page .sec .main-content .inner .map-box .map .place.place-7 {
      width: 9.52%;
      top: 27.95%;
      left: 39.23%; }
    .page .sec .main-content .inner .map-box .map .place.place-8 {
      width: 18.76%;
      top: 8.67%;
      left: 47.9%; }
    .page .sec .main-content .inner .map-box .map .place.place-9 {
      width: 9.52%;
      top: 30.84%;
      left: 61.9%;
      /*
								@include widthPercent(69);
								@include posTopPercent(128);
								@include posLeftPercent(704);
								*/ }
    .page .sec .main-content .inner .map-box .map .place.place-10 {
      width: 8.57%;
      top: 6.98%;
      left: 69.04%; }
  /* // .page .sec .main-content .inner .c-tab-box li {
  //   padding-top: 30px;

  //   .content-term {
  //     margin-top: 15px;
  //   }
  // } */
  #en.page .sec .main-content .inner .map-box .map .place.place-0 {
    width: 19.71%;
    top: 81.92%;
    left: 60.66%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-1 {
    width: 5.23%;
    top: 50.36%;
    left: 58.19%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-2 {
    width: 9.52%;
    top: 56.38%;
    left: 46.66%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-3 {
    width: 8.4%;
    top: 56.38%;
    left: 36.66%;
    &::before {
      color: #8c4154;
      content: "※";
      display: block;
      font-size: 1rem;
      position: absolute;
      top: -16%;
      left: -21%;
    } }
  #en.page .sec .main-content .inner .map-box .map .place.place-4 {
    width: 19.71%;
    top: 81.92%;
    left: 34.76%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-5 {
    width: 17.23%;
    top: 27.95%;
    left: 5.04%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-6 {
    width: 9.42%;
    top: 5.3%;
    left: 36.66%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-7 {
    width: 13.33%;
    top: 27.95%;
    left: 37.71%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-8 {
    width: 20%;
    top: 5.3%;
    left: 48.09%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-9 {
    width: 11.23%;
    top: 30.84%;
    left: 62.38%; }
  #en.page .sec .main-content .inner .map-box .map .place.place-10 {
    width: 13.71%;
    top: 8.43%;
    left: 70.19%; } }

@media screen and (max-width: 750px) {
  .page .sec .main-content .inner .info-box {
    width: calc(0.690rem * 10); }
    .page .sec .main-content .inner .info-box .info-list {
      margin-right: 0.020rem;
      width: 0.670rem; } }