#maplist .area {
  display: none; }
  #maplist .area.current {
    display: block; }

.togenchi {
  cursor: pointer; }


/* エリアインフォメーション */

.area_cap{font-size: 14px;width: 100%;text-align: right;margin:0 5px 5px 5px;}

.sc03{background: #e9e1e3;padding: 80px 0;}
.sc03 #gmap {color: #000;}
.sc03_inner{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items:;padding:0;}
.sc03 h6{font-size: 24px;font-family: "cinzel";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;margin: 0 0 20px;width: 100%;}
.sc03 .ai_tabs{margin: 0;width: 100%;}
.sc03 .ai_tabs ul{display: flex;justify-content: flex-start;flex-wrap: wrap;background: #5E5F4D;}
.sc03 .ai_tabs li{width: 25%;cursor: pointer;border-right: 1px solid rgba(255,255,255,0.40);}
.sc03 .ai_tabs li:nth-child(5){width: 33.333%;cursor: pointer;}
.sc03 .ai_tabs li:nth-child(6){width: 33.333%;cursor: pointer;}
.sc03 .ai_tabs li:nth-child(7){width: 33.333%;cursor: pointer;}
.sc03 .ai_tabs li span{width: 100%;display: block;text-align: center;padding: 15px 0 14px;font-size: 14px;position: relative;transition: background 0.3s ease-in-out;background: #5E5F4D;color: #FFF;border-bottom:1px solid #2D2E20;}

.sc03 .ai_tabs .active span{pointer-events: none;border-bottom:3px solid #FFF;color: #FFF;box-sizing: border-box;padding: 15px 0 12px}
.sc03 .ai_tabs .active span::after{}
.sc03 .ai_tabs li span:hover{background: #877643;color: #FFF;}
.sc03 .ai_tabs li span:hover::after{color: #FFF;}
.sc03 .ai_maps{width: 60%;position: relative;height: 700px;}
.sc03 .ai_maps .ai_maps_back{position: absolute;pointer-events: painted;display: block;background: #5E5F4D;padding: 5px 25px 5px 10px;font-size: 14px;border: 1px solid #FFF;box-sizing: border-box;bottom: 5px;left:5px;color: #FFF;}
.sc03 .ai_maps .ai_maps_genchi{position: absolute;top: 50%;left:27%;filter: drop-shadow(0px 0px 5px rgba(0,0,0,1)) drop-shadow(0px 0px 2px rgba(0,0,0,1));}
.sc03 .ai_maps .ai_maps_back::after{content: ">";position: absolute;right: 10px;transform: scaleX(0.6);top:4px;}
.sc03 .ai_maps #gmap{height: 700px;}

.ai_list{width: 40%;background: #FFF;}
.ai_list .area{position: relative;}
.sc03 h2{font-size: 14px;margin: 10px 0 0 0;position: relative;padding: 5px 0 0 30px}
.sc03 .ai_pickup_dis{font-size: 12px;margin: 10px 0 0 0;position: relative;padding: 0 0 0 30px;letter-spacing: 0em;}
.ai_list .area ul{margin: 0 0 0 0;height: 592px;overflow-y:scroll;}
.ai_list li a{display: flex;justify-content: space-between;padding: 20px 0 20px 40px;font-size: 14px;border-bottom: 1px solid #CCC;position: relative;transition: background 0.3s ease-in-out;align-items: flex-end;}
.ai_list li a .ai_list_dis{font-size: 12px;margin: 0 5px 0 0;}
.ai_list li a:hover{background: rgba(255,255,255,0.20);}
.ai_list li a::before{width: 30px; height: 30px;position: absolute;left:5px;bottom:10px;display: block;border: 1px solid #FFF;display: flex;justify-content: center;align-items: center;letter-spacing: -0.1em;padding: 0 2px 0 0;box-sizing: border-box;background: #877643;color: #FFF;font-family:"cinzel"}
.ai_list li:nth-child(1) a::before{content: "1";}
.ai_list li:nth-child(2) a::before{content: "2";}
.ai_list li:nth-child(3) a::before{content: "3";}
.ai_list li:nth-child(4) a::before{content: "4";}
.ai_list li:nth-child(5) a::before{content: "5";}
.ai_list li:nth-child(6) a::before{content: "6";}
.ai_list li:nth-child(7) a::before{content: "7";}
.ai_list li:nth-child(8) a::before{content: "8";}
.ai_list li:nth-child(9) a::before{content: "9";}
.ai_list li:nth-child(10) a::before{content: "10";}
.ai_list li:nth-child(11) a::before{content: "11";}
.ai_list li:nth-child(12) a::before{content: "12";}
.ai_list li:nth-child(13) a::before{content: "13";}
.ai_list li:nth-child(14) a::before{content: "14";}
.ai_list li:nth-child(15) a::before{content: "15";}
.ai_list li:nth-child(16) a::before{content: "16";}
.ai_list li:nth-child(17) a::before{content: "17";}
.ai_list li:nth-child(18) a::before{content: "18";}
.ai_list li:nth-child(19) a::before{content: "19";}


@media screen and (max-width: 768px) {



/* エリアインフォメーション */

.area_cap{font-size: 12px;width: 100%;text-align: right;margin:0 5px 5px 5px;}

.sc03{background: #e9e1e3;padding: 80px 0;}
.sc03 #gmap {color: #000;}
.sc03_inner{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items:;padding:0;}
.sc03 h6{font-size: 24px;font-family: "cinzel";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;margin: 0 0 20px;width: 100%;}
.sc03 .ai_tabs{margin: 0;width: 100%;}
.sc03 .ai_tabs ul{display: flex;justify-content: flex-start;flex-wrap: wrap;background: #5E5F4D;}
.sc03 .ai_tabs li{width: 33.3333%;cursor: pointer;border-right: 1px solid rgba(255,255,255,0.40);}
.sc03 .ai_tabs li:nth-child(4){width: 50%;cursor: pointer;}
.sc03 .ai_tabs li:nth-child(5){width: 50%;cursor: pointer;}
.sc03 .ai_tabs li:nth-child(6){width: 50%;cursor: pointer;}
.sc03 .ai_tabs li:nth-child(7){width: 50%;cursor: pointer;}
.sc03 .ai_tabs li span{width: 100%;display: block;text-align: center;padding: 15px 0 14px;font-size: 14px;position: relative;transition: background 0.3s ease-in-out;background: #5E5F4D;color: #FFF;border-bottom:1px solid #2D2E20;}

.sc03 .ai_tabs .active span{pointer-events: none;border-bottom:3px solid #FFF;color: #FFF;box-sizing: border-box;padding: 15px 0 12px}
.sc03 .ai_tabs .active span::after{}
.sc03 .ai_tabs li span:hover{background: #877643;color: #FFF;}
.sc03 .ai_tabs li span:hover::after{color: #FFF;}
.sc03 .ai_maps{width: 100%;position: relative;height: auto;}
.sc03 .ai_maps .ai_maps_back{position: absolute;pointer-events: painted;display: block;background: #5E5F4D;padding: 5px 25px 5px 10px;font-size: 14px;border: 1px solid #FFF;box-sizing: border-box;bottom: 5px;left:5px;color: #FFF;}
.sc03 .ai_maps .ai_maps_genchi{position: absolute;top: 50%;left:27%;filter: drop-shadow(0px 0px 5px rgba(0,0,0,1)) drop-shadow(0px 0px 2px rgba(0,0,0,1));}
.sc03 .ai_maps .ai_maps_back::after{content: ">";position: absolute;right: 10px;transform: scaleX(0.6);top:4px;}
.sc03 .ai_maps #gmap{aspect-ratio: 1 / 1;height: auto;}

.ai_list{width: 100%;background: #FFF;}
.ai_list .area{position: relative;}
.sc03 h2{font-size: 14px;margin: 10px 0 0 0;position: relative;padding: 5px 0 0 30px}
.sc03 .ai_pickup_dis{font-size: 12px;margin: 10px 0 0 0;position: relative;padding: 0 0 0 30px;letter-spacing: 0em;}
.ai_list .area ul{margin: 0 0 0 0;height: auto;overflow-y:visible;}
.ai_list li a{display: flex;justify-content: space-between;padding: 10px 0 10px 30px;font-size: 3vw;border-bottom: 1px solid #CCC;position: relative;transition: background 0.3s ease-in-out;align-items: flex-end;}
.ai_list li a .ai_list_dis{font-size: 10px;margin: 0 5px 0 0;}
.ai_list li a:hover{background: rgba(255,255,255,0.20);}
.ai_list li a::before{width: 20px; height: 20px;position: absolute;left:5px;bottom:5px;display: block;border: 1px solid #FFF;display: flex;justify-content: center;align-items: center;letter-spacing: -0.1em;padding: 0 2px 0 0;box-sizing: border-box;background: #877643;color: #FFF;font-family:"cinzel"}
.ai_list li:nth-child(1) a::before{content: "1";}
.ai_list li:nth-child(2) a::before{content: "2";}
.ai_list li:nth-child(3) a::before{content: "3";}
.ai_list li:nth-child(4) a::before{content: "4";}
.ai_list li:nth-child(5) a::before{content: "5";}
.ai_list li:nth-child(6) a::before{content: "6";}
.ai_list li:nth-child(7) a::before{content: "7";}
.ai_list li:nth-child(8) a::before{content: "8";}
.ai_list li:nth-child(9) a::before{content: "9";}
.ai_list li:nth-child(10) a::before{content: "10";}
.ai_list li:nth-child(11) a::before{content: "11";}
.ai_list li:nth-child(12) a::before{content: "12";}
.ai_list li:nth-child(13) a::before{content: "13";}
.ai_list li:nth-child(14) a::before{content: "14";}
.ai_list li:nth-child(15) a::before{content: "15";}
.ai_list li:nth-child(16) a::before{content: "16";}
.ai_list li:nth-child(17) a::before{content: "17";}
.ai_list li:nth-child(18) a::before{content: "18";}
.ai_list li:nth-child(19) a::before{content: "19";}

    .ai_dis{margin-right: 1%;}

}