@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.l-main .l-sapaMap {
  width: 409px;
  height: 463px;
  transform: scale(0.8);
  transform-origin: left;
  margin: 0 auto;
}

.l-main .l-sapaMap img {
  width: 100%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse {
  position: absolute;
  top: 0;
  left: 0;
  min-width: auto;
  font-size: 19.2px;
  font-size: 1.2rem;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.hokkaido {
  top: 10%;
  left: 69%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.tohoku {
  top: 37%;
  left: 71%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.shinetsu {
  top: 50%;
  left: 32%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.kanto {
  top: 61%;
  left: 62%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.kinki {
  top: 63%;
  left: 28%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.tokai {
  top: 73%;
  left: 44%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.tyugoku {
  top: 66%;
  left: 2%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.shikoku {
  top: 80%;
  left: 16%;
}

.l-main .l-sapaMap .sizeS.c-btnInverse.kyushu {
  top: 92%;
}

.l-main .l-sapaMap.l-areaMap {
  width: 422px;
  height: 256px;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse {
  padding: 7px 35px 7px 10px;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.tiba {
  top: 70%;
  left: 65%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.kanagawa {
  top: 81%;
  left: 33%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.yamanashi {
  top: 60%;
  left: 13%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.tokyo {
  top: 60%;
  left: 41%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.saitama {
  top: 40%;
  left: 35%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.ibaraki {
  top: 32%;
  left: 67%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.totigi {
  top: 11%;
  left: 45%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.gunma {
  top: 20%;
  left: 22%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.fukushima {
  top: 82%;
  left: 51%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.miyagi {
  top: 60%;
  left: 56%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.yamagata {
  top: 58%;
  left: 31%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.iwate {
  top: 32%;
  left: 59%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.akita {
  top: 33%;
  left: 35%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.aomori {
  top: 7%;
  left: 35%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.nagano {
  top: 71%;
  left: 50%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.toyama {
  top: 49%;
  left: 40%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.ishikawa {
  top: 40%;
  left: 13%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.fukui {
  top: 69%;
  left: 10%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.niigata {
  top: 23%;
  left: 66%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.wakayama {
  top: 76%;
  left: 29%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.nara {
  top: 53%;
  left: 59%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.osaka {
  top: 45%;
  left: 35%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.hyogo {
  top: 27%;
  left: 23%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.shiga {
  top: 22%;
  left: 64%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.kyoto {
  top: 11%;
  left: 42%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.mie {
  top: 73%;
  left: 35%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.shizuoka {
  top: 61%;
  left: 68%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.aiti {
  top: 47%;
  left: 30%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.gifu {
  top: 20%;
  left: 44%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.okayama {
  top: 44%;
  left: 68%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.hiroshima {
  top: 59%;
  left: 43%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.tottori {
  top: 13%;
  left: 67%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.shimane {
  top: 29%;
  left: 32%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.yamaguti {
  top: 68%;
  left: 8%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.tokushima {
  top: 37%;
  left: 64%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.koti {
  top: 71%;
  left: 37%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.kagawa {
  top: 18%;
  left: 44%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.ehime {
  top: 46%;
  left: 18%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.okinawa {
  top: 25%;
  left: 4%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.kagoshima {
  top: 81%;
  left: 33%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.ooita {
  top: 33%;
  left: 66%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.miyazaki {
  top: 64%;
  left: 64%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.kumamoto {
  top: 49%;
  left: 48%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.nagasaki {
  top: 53%;
  left: 25%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.fukuoka {
  top: 13%;
  left: 47%;
}

.l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse.saga {
  top: 29%;
  left: 27%;
}

.l-main .ui-modalBox .c-btnClose {
  top: 8px;
  right: 8px;
}

.l-main .table-area {
  table-layout: fixed;
}

/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 400px) {
  .l-main .l-sapaMap {
    width: 100vw;
    height: auto;
    transform: scale(0.85);
  }
}

@media all and (max-width: 767px) {
  .l-main .l-pagetitle.has-localNav {
    padding-bottom: 0;
  }
  .l-main .l-localNav {
    display: none;
  }
  .l-main .mapsearch-wrap .c-flex {
    display: block;
  }
  .l-main .mapsearch-wrap .cont_index_area {
    margin-top: 40px;
  }
  .l-main .mapsearch-wrap .c-table th {
    width: 80px;
  }
  .l-main .mapsearch-wrap .c-table .c-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -12px;
  }
  .l-main .mapsearch-wrap .c-table .c-list li {
    margin-top: 12px;
    margin-right: 20px;
  }
  .l-main .mapsearch-wrap .c-table .c-list li + li {
    margin-top: 12px;
  }
  .l-main .mapsearch-wrap .c-table .c-list li:last-child {
    margin-right: 0;
  }
  .l-main .l-sapaMap.l-areaMap {
    width: 310px;
    height: 188px;
    transform: scale(1);
  }
  .l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse {
    transform: scale(0.85);
  }
}

/* ▼タブレット用デザインとして付け足すデザイン */
@media all and (min-width: 768px) {
  .l-container .ui-localNav .ui-acContent {
    background: none;
  }
  .l-main .ui-localNav .li-localNav li {
    -ms-flex: 1;
        flex: 1;
  }
  .l-main .ui-localNav .li-localNav li a {
    font-size: 1.6rem;
  }
  .l-main .mapsearch-wrap .cont_index_search-map {
    width: 409px;
  }
  .l-main .mapsearch-wrap .cont_index_area {
    width: 450px;
    margin-left: auto;
  }
  .l-main .mapsearch-wrap .cont_index_area th, .l-main .mapsearch-wrap .cont_index_area td {
    padding: 16px;
  }
  .l-main .mapsearch-wrap .cont_index_area th {
    width: 116px;
    padding-right: 0;
    vertical-align: middle;
  }
  .l-main .mapsearch-wrap .cont_index_area .c-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -4px;
  }
  .l-main .mapsearch-wrap .cont_index_area .c-list li {
    margin-top: 4px;
    margin-right: 16px;
    font-weight: bold;
  }
  .l-main .mapsearch-wrap .cont_index_area .c-list li:before {
    top: 2px;
    font-weight: normal;
  }
  .l-main .mapsearch-wrap .cont_index_area .c-list li + li {
    margin-top: 4px;
  }
  .l-main .mapsearch-wrap .cont_index_area .c-list li:last-child {
    margin-right: 0;
  }
  .l-main .ui-modalBox {
    margin-left: -250px;
  }
  .l-main .ui-modalBox .c-btnClose {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .l-main .tab-map .ui-tabmenu {
    padding-left: 32px;
    padding-right: 32px;
  }
  .l-main .tab-map .ui-tabmenu li {
    -ms-flex: none;
        flex: none;
    width: 240px;
    padding: 15px 8px;
  }
  .l-main .tab-map .ui-tabmenu li select {
    padding: 6px 30px 6px 20px;
    margin-left: 8px;
  }
  .l-main .tab-map .ui-tabbox {
    padding: 0 !important;
  }
  .l-main .tab-map .ui-tabbox img {
    width: 100%;
  }
  .l-main .l-sapaMap {
    transform: scale(0.8);
  }
  .l-main .l-sapaMap .sizeS.c-btnInverse {
    font-size: 1.6rem;
    padding: 9px 40px 9px 12px;
  }
  .l-main .l-sapaMap .sizeS.c-btnInverse[class*="circle-"]:before, .l-main .l-sapaMap .sizeS.c-btnInverse[class*="circle-"]:after {
    width: 24px;
    height: 24px;
    margin-top: -14px;
  }
  .l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse[class*="circle-"]:before, .l-main .l-sapaMap.l-areaMap .sizeS.c-btnInverse[class*="circle-"]:after {
    width: 18px;
    height: 18px;
    margin-top: -8px;
  }
}

@media all and (min-width: 768px) and (max-width: 959px) {
  .l-main .l-sapaMap {
    transform-origin: left top;
  }
  .l-main .ui-modalBox {
    width: 338px;
    height: 205px;
    margin-left: auto;
  }
}

@media all and (min-width: 960px) {
  .l-main .l-sapaMap {
    transform: scale(1);
  }
}

/* ▼PC用デザインとして付け足すデザイン */

/*# sourceMappingURL=../../source-maps/dp/SAPAMap/index.css.map */