.store_list-map {
  position: relative;
  margin-top: 20px;
  margin-bottom: 25px;
  width: 100%;
  height: 0;
  padding-top: 97.222%;
}

.store_list-area {
  width: 240px;
  position: absolute;
}

.store_list-area > ul > li {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 40px;
}

.store_list-area > ul > li > span {
  width: 40%;
  margin-right: 10%;
  text-align: center;
  order: 1;
}

.store_list-area > ul > li > a {
  width: 50%;
  order: 2;
}

.store_list-area > h4 {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 5px solid;
}

.store_list-area.store_list-area-toyama > h4 {
  color: #ff366a;
  border-color: #ff366a;
}

.store_list-area.store_list-area-ishikawa > h4 {
  color: #ff6714;
  border-color: #ff6714;
}

.store_list-area.store_list-area-fukui > h4 {
  color: #ff9c00;
  border-color: #ff9c00;
}

.store_list-area.store_list-area-kyoto > h4 {
  color: #11b800;
  border-color: #11b800;
}

.store_list-area.store_list-area-osaka > h4 {
  color: #009a78;
  border-color: #009a78;
}

.store_list-area.store_list-area-wakayama > h4 {
  color: #00beda;
  border-color: #00beda;
}

.store_list-area.store_list-area-hyogo > h4 {
  color: #005baf;
  border-color: #005baf;
}

.store_list-area.store_list-area-hiroshima > h4 {
  color: #0900b6;
  border-color: #0900b6;
}

.store_list-area.store_list-area-okayama > h4 {
  color: #9600b6;
  border-color: #9600b6;
}

.store_list-area.store_list-area-tottori > h4 {
  color: #ec009c;
  border-color: #ec009c;
}

.store_list-area.store_list-area-shimane > h4 {
  color: #b60000;
  border-color: #b60000;
}

@media only screen and (min-width: 769px) and (max-width: 998px) {
  .store_list-map {
    height: 745px;
    padding: 0;
  }
  .store_list-area {
    width: calc((100% - 20px * (3 - 1))/ 3);
  }
  .store_list-area.store_list-area-toyama {
    top: 0;
    left: 0;
  }
  
  .store_list-area.store_list-area-ishikawa {
    top: 136px;
    left: 0;
  }
  
  .store_list-area.store_list-area-fukui {
    top: 233px;
    left: 0;
  }
  
  .store_list-area.store_list-area-kyoto {
    top: 331px;
    left: 0;
  }
  
  .store_list-area.store_list-area-osaka {
    top: 467px;
    left: 0;
  }
  
  .store_list-area.store_list-area-wakayama {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .store_list-area.store_list-area-hyogo {
    top: 98px;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .store_list-area.store_list-area-hiroshima {
    top: 507px;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .store_list-area.store_list-area-okayama {
    top: 0;
    right: 0;
  }
  
  .store_list-area.store_list-area-tottori {
    top: 175px;
    right: 0;
  }
  
  .store_list-area.store_list-area-shimane {
    top: 272px;
    right: 0;
  }
}

@media only screen and (min-width: 999px) {
  .store_list-map {
    background: url(/cp/img/westjr2008/bg_map.png) center 55% no-repeat;
    background-size: 80% auto;
  }

  .store_list-area.store_list-area-toyama {
    top: 0;
    left: 0;
  }
  
  .store_list-area.store_list-area-ishikawa {
    top: 165px;
    left: 0;
  }
  
  .store_list-area.store_list-area-fukui {
    top: 285px;
    left: 0;
  }
  
  .store_list-area.store_list-area-kyoto {
    top: 400px;
    left: 0;
  }
  
  .store_list-area.store_list-area-osaka {
    top: 0;
    left: 290px;
  }
  
  .store_list-area.store_list-area-wakayama {
    top: 300px;
    left: 290px;
  }
  
  .store_list-area.store_list-area-hyogo {
    width: 430px;
    bottom: 0;
    right: 0;
  }
  
  .store_list-area.store_list-area-hiroshima {
    top: 400px;
    left: 290px;
  }
  
  .store_list-area.store_list-area-okayama {
    bottom: 17px;
    left: 290px
  }
  
  .store_list-area.store_list-area-tottori {
    bottom: 95px;
    left: 0;
  }
  
  .store_list-area.store_list-area-shimane {
    bottom: 0;
    left: 0;
  }

  .store_list-area.store_list-area-hyogo > ul {
    display: flex;
    flex-wrap: wrap-reverse;
    flex-direction: column;
    height: 200px;
  }
  
  .store_list-area.store_list-area-hyogo > ul > li {
    width: 50%;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(1) {
    order: 6;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(2) {
    order: 7;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(3) {
    order: 8;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(4) {
    order: 9;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(5) {
    order: 1;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(6) {
    order: 2;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(7) {
    order: 3;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(8) {
    order: 4;
  }

  .store_list-area.store_list-area-hyogo > ul > li:nth-child(9) {
    order: 5;
  }
}

@media only screen and (min-width: 1049px) {
  .store_list-map {
    background-position: center 45%;
    background-size: 100% auto;
  }

  .store_list-area {
    width: 257px;
  }

  .store_list-area.store_list-area-toyama {
    top: 0;
    left: 0;
  }
  
  .store_list-area.store_list-area-ishikawa {
    top: 165px;
    left: 0;
  }
  
  .store_list-area.store_list-area-fukui {
    top: 285px;
    left: 0;
  }
  
  .store_list-area.store_list-area-kyoto {
    top: 400px;
    left: 0;
  }
  
  .store_list-area.store_list-area-osaka {
    top: 0;
    left: 314px;
  }
  
  .store_list-area.store_list-area-wakayama {
    top: 300px;
    left: 314px;
  }
  
  .store_list-area.store_list-area-hiroshima {
    top: 400px;
    left: 314px;
  }
  
  .store_list-area.store_list-area-hyogo {
    width: 465px;
    bottom: 0;
    right: 0;
  }
  
  .store_list-area.store_list-area-okayama {
    bottom: 17px;
    left: 314px
  }
  
  .store_list-area.store_list-area-tottori {
    bottom: 95px;
    left: 0;
  }
  
  .store_list-area.store_list-area-shimane {
    bottom: 0;
    left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .store_list-map {
    background-image: none;
    height: auto;
    padding-top: 0;
  }
  
  .store_list-area {
    position: static;
    width: 100%;
    margin-bottom: 30px;
  }

  .store_list-area > ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .store_list-area > ul > li {
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    display: block;
    min-height: auto;
  }

  .store_list-area > ul > li > span,
  .store_list-area > ul > li > a {
    width: 100%;
  }

  .store_list-area > ul > li > span {
    display: none;
  }

  .store_list-area > ul > li:nth-child(n+4) {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .title-h2__inner h2 {
    font-size: 23px;
  }
  .link-text.link-text--blank:after {
    margin-top: 6px;
  }
  .store_list-area .width-modify {
    width: 50%;
  }
}

.giraffe.giraffe--contain {
  background-size: contain;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .notice-normal .notice-normal__lead-text:before {
    top: 2px;
  }
}