@charset "UTF-8";
/* CSS Document */
a:hover{
	opacity: 0.5;
}
.map-top-wp{
    padding: 12rem 0 0;
    position: relative;
}
.kasou-ttl{
	text-align: center;
}
.kasou-ttl span {
    position: absolute;
    top: -10%;
    right: 20%;
    width: 40%;
}
.map-inner{
	padding-top: 3rem;
	display: flex;
	    justify-content: center;
}
.all,.food,.shop{
	width: 30%;
}
.map-back-gp {
width: 100%;
/*    height: 2510px;*/
    width: 100%;
    /* position: relative; */
    overflow: hidden;
    background: #f1f1f1;

}
/*========= モーダル表示のためのCSS ===============*/
/*モーダルを閉じるボタンの指定*/
/*
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}
/*モーダルを開くボタン*/
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container,.modal-container2,.modal-container3,.modal-container4,.modal-container5,.modal-container6,.modal-container7,.modal-container8,.modal-container9,.modal-container10,.modal-container11,.modal-container12,.modal-container13,.modal-container14,.modal-container15,.modal-container16,.modal-container17,.modal-container18,.modal-container19,.modal-container20,.modal-container21,.modal-container22,.modal-container23,.modal-container24,.modal-container25,.modal-container26,.modal-container27,.modal-container28,.modal-container29,.modal-container30,.modal-container31,.modal-container32,.modal-container33,.modal-container34,.modal-container35,.modal-container36,.modal-container37,.modal-container38,.modal-container39,.modal-container40,.modal-container41,.modal-container42,.modal-container43,.modal-container44,.modal-container45,.modal-container46,.modal-container47,.modal-container48,.modal-container49,.modal-container50,.modal-container51,.modal-container52,.modal-container53,.modal-container54,.modal-container55,.modal-container56,.modal-container57,.modal-container58,.modal-container59,.modal-container60,.modal-container61,.modal-container62,.modal-container63,.modal-container64,.modal-container65,.modal-container66,.modal-container67,.modal-container68,.modal-container69,.modal-container70,.modal-container71,.modal-container72,.modal-container73{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
/*  background: rgba(0,0,0,50%);*/
/*  padding: 40px 20px;*/
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
margin-left: 5%;
  box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before,.modal-container:before2,.modal-container:before3,.modal-container:before4,.modal-container:before5,.modal-container:before6,.modal-container:before7,.modal-container:before8,.modal-container:before9,.modal-container:before10,.modal-container:before11,.modal-container:before12,.modal-container:before13,.modal-container:before14,.modal-container:before15,.modal-container:before16,.modal-container:before17,.modal-container:before18,.modal-container:before19,.modal-container:before20,.modal-container:before21,.modal-container:before22,.modal-container:before23,.modal-container:before24,.modal-container:before25,.modal-container:before26,.modal-container:before27,.modal-container:before28,.modal-container:before29,.modal-container:before30,.modal-container:before31,.modal-container:before32,.modal-container:before33,.modal-container:before34,.modal-container:before35,.modal-container:before36,.modal-container:before37,.modal-container:before38,.modal-container:before39,.modal-container:before40,.modal-container:before41,.modal-container:before42,.modal-container:before43,.modal-container:before44,.modal-container:before45,.modal-container:before46,.modal-container:before47,.modal-container:before48,.modal-container:before49,.modal-container:before50,.modal-container:before51,.modal-container:before52,.modal-container:before53,.modal-container:before54,.modal-container:before55,.modal-container:before56,.modal-container:before57,.modal-container:before58,.modal-container:before59,.modal-container:before60,.modal-container:before61,.modal-container:before62,.modal-container:before63,.modal-container:before64,.modal-container:before65,.modal-container:before66,.modal-container:before67,.modal-container:before68,.modal-container:before69,.modal-container:before70,.modal-container:before71,.modal-container:before72,.modal-container:before73{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active, .modal-container2.active,.modal-container3.active,.modal-container4.active,.modal-container5.active,.modal-container6.active,.modal-container7.active,.modal-container8.active,.modal-container9.active,.modal-container10.active,.modal-container11.active,.modal-container12.active,.modal-container13.active,.modal-container14.active,.modal-container15.active,.modal-container16.active,.modal-container17.active,.modal-container18.active,.modal-container19.active,.modal-container20.active,.modal-container21.active,.modal-container22.active,.modal-container23.active,.modal-container24.active,.modal-container25.active,.modal-container26.active,.modal-container27.active,.modal-container28.active,.modal-container29.active,.modal-container30.active,.modal-container31.active,.modal-container32.active,.modal-container33.active,.modal-container34.active,.modal-container35.active,.modal-container36.active,.modal-container37.active,.modal-container38.active,.modal-container39.active,.modal-container40.active,.modal-container41.active,.modal-container42.active,.modal-container43.active,.modal-container44.active,.modal-container45.active,.modal-container46.active,.modal-container47.active,.modal-container48.active,.modal-container49.active,.modal-container50.active,.modal-container51.active,.modal-container52.active,.modal-container53.active,.modal-container54.active,.modal-container55.active,.modal-container56.active,.modal-container57.active,.modal-container58.active,.modal-container59.active,.modal-container60.active,.modal-container61.active,.modal-container62.active,.modal-container63.active,.modal-container64.active,.modal-container65.active,.modal-container66.active,.modal-container67.active,.modal-container68.active,.modal-container69.active,.modal-container70.active,.modal-container71.active,.modal-container72.active,.modal-container73.active{
  opacity: 1;
  visibility: visible;
}
/*モーダル枠の指定*/
.modal-body,.modal-body2,.modal-body3,.modal-body4,.modal-body5,.modal-body6,.modal-body7,.modal-body8,.modal-body9,.modal-body10,.modal-body11,.modal-body12,.modal-body13,.modal-body14,.modal-body15,.modal-body16,.modal-body17,.modal-body18,.modal-body19,.modal-body20,.modal-body21,.modal-body22,.modal-body23,.modal-body24,.modal-body25,.modal-body26,.modal-body27,.modal-body28,.modal-body29,.modal-body30,.modal-body31,.modal-body32,.modal-body33,.modal-body34,.modal-body35,.modal-body36,.modal-body37,.modal-body38,.modal-body39,.modal-body40,.modal-body41,.modal-body42,.modal-body43,.modal-body44,.modal-body45,.modal-body46,.modal-body47,.modal-body48,.modal-body49,.modal-body50,.modal-body51,.modal-body52,.modal-body53,.modal-body54,.modal-body55,.modal-body56,.modal-body57,.modal-body58,.modal-body59,.modal-body60,.modal-body61,.modal-body62,.modal-body63,.modal-body64,.modal-body65,.modal-body66,.modal-body67,.modal-body68,.modal-body69,.modal-body70,.modal-body71,.modal-body72,.modal-body73{
    position: fixed;
    width: 90%;
    top: 30%;
	z-index: 1;
}
.more{
	position: absolute;
    width: 18%;
    top: 0;
    right: 0;
}
.food-name,.shop-txt{
	padding-left:2rem;
}
/*モーダル内のコンテンツの指定*/
/*

左サイド


*/
/*アイコン*/
.food-name:before {
    content: url(../images/map/food-icon.svg);
    width: 10%;
    padding-right: 1rem;
    display: inline-block;
    position: absolute;
    left: 6%;
	}
.shop-txt:before {
    content: url(../images/map/shop-icon.svg);
    width: 10%;
    padding-right: 1rem;
    display: inline-block;
    position: absolute;
    left: 6%;
	}
.modal-content,.modal-content2,.modal-content3,.modal-content4,.modal-content5,.modal-content6,.modal-content7,.modal-content8,.modal-content9,.modal-content10,.modal-content11,.modal-content12,.modal-content13,.modal-content14,.modal-content15,.modal-content16,.modal-content17,.modal-content18,.modal-content19,.modal-content20,.modal-content21,.modal-content22,.modal-content23,.modal-content24,.modal-content25,.modal-content26,.modal-content27,.modal-content28,.modal-content29,.modal-content30,.modal-content31,.modal-content32,.modal-content33,.modal-content34,.modal-content35,.modal-content36,.modal-content37,.modal-content38,.modal-content39,.modal-content40,.modal-content41,.modal-content42,.modal-content43,.modal-content44,.modal-content45,.modal-content46,.modal-content47,.modal-content48,.modal-content49,.modal-content50,.modal-content51,.modal-content52,.modal-content53,.modal-content54,.modal-content55,.modal-content56,.modal-content57,.modal-content58,.modal-content59,.modal-content60,.modal-content61,.modal-content62,.modal-content63,.modal-content64,.modal-content65,.modal-content66,.modal-content67,.modal-content68,.modal-content69,.modal-content70,.modal-content71,.modal-content72,.modal-content73{
    background: #fff;
    text-align: left;
    padding: 3rem 0 3rem 3rem;
    border-radius: 12px;
}
.modal-all{
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    width: 8%;
    font-weight: bold;
    color: #fff;
    background: none;
    margin: auto;
    cursor: pointer;
    position: absolute;
    top: 7.8%;
    left: 27.4%;
	z-index: 0
}
/*


ショップ

*/
/*1*/
.wolfgang {
    top: 2.7%;
}
.sweetbox{
    top: 3.5%;
}


/*2*/
.puri{
  top: 4.1%;
}
.yoshisoba{
   top: 4.6%;
}
.coffee{
   top: 5.1%;
}
.sox{
   top: 5.6%;
}
.dor{
	top: 6.1%;
}

.rokker{
  top: 6.6%;
}


.sweet2{top: 7.1%;}
.haracs{
   top: 7.85%;
   left: 24%;
}


.zashi{
    top: 8.1%;
    left: 33%;
}
.souve{
    top: 8.5%;
    left: 33%;
}


.good{
   top: 8.9%;
   left: 30%;
}


.pet{
    top: 9.3%;
    left: 30%;
}
.sappi{top: 9.7%;left: 30%;}


.c-pra{
	top: 10.1%;
	left: 30%;
}
.alta{
   top: 11.1%;
}
.long{
    top: 12%;
    left: 30%;
}
.strawberry{
	top: 12.44%;
	left: 30%;
}
.totti{
	    top: 12.9%;
	    left: 30%;
}
.unagi{
	top: 13.4%;
	left: 30%;
}

.sweetxo{
    top: 14%;
    left: 33%;
}
.matsumoto{
    top: 15.1%;
    left: 31%;
}

.anap{
    top: 16.1%;
    left: 9.6%;
}
.santa{
	top: 16.5%;
	left: 31%;
}
.noemie{
    top: 17.7%;
    left: 22.5%;
}
.cute{
   top: 19.6%;
   left: 29.2%;
}
.happy{
    top: 71%;
    left: 29%;
}
.strawberry2{
    top: 20.7%;
    left: 29%;
}
.tinny{
    top: 21.1%;
    left: 29%;
}
.yosuke{
    top: 21.5%;
    left: 29%;
}
/**/
.solado{
	top: 23.6%;
	left: 29%;
}

.lotteria{
	top: 25.6%;
	left: 29%;
}
.brandcollect{
    top: 92.7%;
    left: 31.7%;
}
.audrey{
top: 26.7%;
    left: 31.7%;
}


/*
--------------------------




右サイド





--------------------------
*/
.osdk{
	right: -10%;
	top: 2.4%;
}


.dtr{
	right: -10%;
	top: 2.9%;
}


.mac{
	right: -10%;
	top: 5.5%;
}
.paris{
	right: -10%;
	top: 6%;
}

.daiso{
	right: -10%;
	top: 7.2%;
}
.ruo{right: 2%;top: 8%;}

.wc{
	right: 2%;
	top: 8.4%;
}
.yamashita{
	right: -10%;
	top: 9.14%;
}
.roots{
	right: 2%;
	top: 9.95%;
}
.kamaro{
	right: 2%;
	top: 10.3%;
}
.luna{
		right: 2%;
		top: 10.7%;
}
.jeans{
		right: 2%;
		top: 11.1%;
}
.momon{
	right: 2%;
	top: 11.5%;
}
.catall{
	right: 2%;
	top: 11.9%;
}
.leshine{
	right: 2%;
	top: 12.4%;
}
.happy{
	/* right: 2%; */
	top: 20.3%;
}
.marion{
	right: 2%;
	top: 14.9%;
}

.jimsin{
	right: 2%;
	top: 15.3%;
}
.body{
	right: 2%;
	top: 15.7%;
}
.butelik{
	    right: 2%;
	    top: 16.1%;
}
.sunstyle{
    right: 2%;
    top: 16.5%;
}
.sevn{
	right: 2%;
	top: 16.9%;
}
.tonkatsu{
    right: 2%;
    top: 17.4%;
}
.kouhuku{
	    right: 2%;
	    top: 17.8%;
}
.candy{
	    right: 2%;
	    top: 18.2%;
}

.richard{
	    right: 2%;
	    top: 19.2%;
}
.mameshiba{
		    right: 2%;
		    top: 19.6%;
}
.red{
		    right: 2%;
		    top: 20%;
}
.nanada{
		    right: 2%;
		    top: 20.4%;
}
.tomato{
		    right: 2%;
		    top: 20.9%;
}
.banana{
		    right: 2%;
		    top: 21.3%;
}
.wooden{
    right: 2%;
    top: 22.64%;
}
.cos{
    right: 2%;
    top: 21.7%;
}
.happysocks{
    right: 2%;
    top: 22.2%;
}
.aimer{
	    right: 2%;
	    top: 23.2%;
}

.wego{
    right: -2.7%;
    top: 25.13%;
}

.asics{
	right: -2.7%;
	top: 26.4%;
}
@media (min-width: 600px) {
	
	
	.map-back-gp {
width: 100%;
    /* height: 2370px; */
    width: 100%;
    /* position: relative; */
    overflow: hidden;

}
	
	
	
	.map-back-gp{height:415vh;
		position: relative;
	}
	.modal-all{
		width: 6%;
	}
	
}
@media (min-width: 769px) {
.map-top-wp {
    padding: 12rem 0;
    position: relative;
}
.map-inner {
    padding-top: 10rem;
    display: flex;
    width: 70%;
    margin: auto;
    justify-content: center;
}
	.map-top-wp{
		background: #f1f1f1;
	}
	.kasou-ttl span {
    position: absolute;
    top: 10%;
    right: 40%;
    width: 18%;
    left: 46%;
}
.map-back-gp {
height: auto;
	
}
.modal-all {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    width: 3%;
    font-weight: bold;
    color: #fff;
    background: none;
    margin: auto;
    cursor: pointer;
    position: absolute;
    top: 2.9%;
    left: 27.4%;
    z-index: 0;
}
	.pc-icon{
	position: absolute;
    left: 38%;
	width: 3%;
	display: block;	
	}
	.yoshinoya{
	position: absolute;
    left: 38%;
	width: 3%;
	display: block;
    top: 6.5%;	
	}

	/*


ショップ

*/
/*1*/
.wolfgang {
    top: 8.5%;
}
.sweetbox{
    top: 11.3%;
}


/*2*/
.puri{
  top: 12.8%;
}
.yoshisoba{
   top: 13.82%;
}
.coffee{
   top: 14.85%;
}
.sox{
   top: 15.85%;
}
.dor{
	top: 16.9%;
}

.rokker{
  top: 17.9%;
}


.sweet2{top: 19.3%;}
.haracs{
 top: 22.15%;
 left: 41%;
}
.zashi{
 top: 23.4%;
 left: 41%;
}
.souve{
    top: 24.4%;
    left: 41%;
}
.good{top: 26.1%;left: 41%;}
.pet{
     top: 28%;
     left: 41%;
}
.sappi{top: 29.1%;left: 41%;}
.c-pra{top: 30.45%;left: 41%;}
.alta{
   top: 34.6%;
}
.long{
       top: 38.87%;
    left: 39%;
	}
.strawberry{
    top: 39.94%;
    left: 39%;
}
.totti{
    top: 41%;
    left: 39%;
}
.unagi{
top: 42.9%;
    left: 39%;
}

.sweetxo{
   top: 45%;
    left: 42%;
}
.matsumoto{
    top: 49.9%;
    left: 40%;
}

.anap{
    top: 52.6%;
    left: 40%;
}
.santa{
    top: 55.4%;
    left: 40%;
}
.noemie{
     top: 59.7%;
    left: 37%;
}
.cute{
     top: 67.4%;
    left: 39%;
}
.happy{
    top: 70.6%;
    left: 39%;
}
.strawberry2{
top: 71.6%;
    left: 39%;
}
.tinny{
      top: 73.3%;
    left: 39%;
}
.yosuke{
    top: 74.3%;
    left: 39%;
}
/**/
.solado{
    top: 83.2%;
    left: 38.6%;
}

.lotteria{
    top: 90.5%;
    left: 38.6%;
}
.brandcollect{
    top: 94.1%;
    left: 40.2%;
}
.audrey{
    top: 95.2%;
    left: 40.2%;
}
	
	/*
--------------------------




右サイド





--------------------------
*/
	.pc-icon-right{
			position: absolute;
    right: 39%;
	width: 3%;
	display: block;	
	}
.osdk{
    top: 7.6%;
}
.dtr{
    top: 8.8%;
}


.mac{
    top: 14.1%;
}
.paris{
    top: 16%;
}

.daiso{
    top: 19.6%;
}
.ruo{
   top: 22.85%;
   right: 40.7%;
}

.wc{
  top: 24.15%;
  right: 40.6%;
}
.yamashita{
    top: 27.1%;
}
.roots{
    top: 30.3%;
}
.kamaro{
    top: 31.3%;
}
.luna{
    top: 32.4%;
}
.jeans{
    top: 34%;
}
.momon{
    top: 36.2%;
}
.catall{
    top: 37.2%;
}
.leshine{
    top: 38.9%;
}

.happyhearts{
    top: 41.6%;
}

.marion{
    top: 49.4%;
}

.jimsin{
   top: 50.5%;
}
.body{
   top: 51.6%;
}
.butelik{
    top: 52.6%;
}
.sunstyle{
    top: 54%;
}
.sevn{
	 top: 55.2%;
}
.tonkatsu{
  top: 56.2%;
}

.kouhuku{
    top: 57.6%;
}
.candy{
    top: 59.2%;
}

.richard{
    top: 60.7%;
}
.mameshiba{	 
    top: 65.3%;
}
.red{
    top: 66.3%;
}
.nanada{

    top: 67.8%;
}
.tomato{
top: 69.4%;
}
.banana{
    top: 72.4%;
}
.wooden{
    top: 77.94%;
}

.cos{
    top: 74.3%;
}
.happysocks{
    top: 76.2%;
}
.aimer{
    top: 80.53%;
}

.wego{
    top: 88.13%;
}

.asics{
    top: 93%;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}