@charset "utf-8";

/* CSS Document */
/****************************************************/
/*　　Top/shopping_ave 商店街日本地図CSS　（PC、SP共用）  */
/***************************************************/
/*　社内メモ  */
/*　制作：東  */



/***********************************************************/
/*商店街_日本地図*/
/***********************************************************/
.stg_mob {display:none;}
section.ss_map {
	background-color: #313131;
	min-width: 1000px;
}
.stgai_ttl{
	color:#fff; 
	margin: 65px auto;
	padding-top: 1.5em;
}
#stgai_map {
	background: url(../img/top/bg_stgai.jpg) no-repeat top center #000;
	background-size: cover;
	height:650px;
    min-width: 1000px;
}

#wrap_stg {
	position:relative;
	width: 1000px;
	margin: 0 auto;
}

.stg_m_pc {
	margin: 0 auto;
	background-color: #fff;
	width:1000px;
	text-align:center;
}

/*PC用_ピン*/
#pin_pos_pc {
	/*background:none;*/
}


ul#pin_pos_pc li {
	display: inline-block;
  	position:absolute;
 	text-align: left;
}

/*PC用_ピン位置*/
#pin_pos_pc li.pin_pos_1 { top: 85px; left: 680px;}
#pin_pos_pc li.pin_pos_2 { top:112px; left:603px;}
#pin_pos_pc li.pin_pos_3 { top:152px; left:595px;}
#pin_pos_pc li.pin_pos_4 { top:209px; left:584px;}
#pin_pos_pc li.pin_pos_5 { top:232px; left:539px;}
#pin_pos_pc li.pin_pos_6 { top:258px; left:480px;}
#pin_pos_pc li.pin_pos_7 { top:258px; left:448px;}
#pin_pos_pc li.pin_pos_8 { top:281px; left:552px;}
#pin_pos_pc li.pin_pos_9 { top:281px; left:524px;}
#pin_pos_pc li.pin_pos_10 { top:316px; left:540px;}
#pin_pos_pc li.pin_pos_11 { top:317px; left:510px;}
#pin_pos_pc li.pin_pos_12 { top:306px; left:464px;}
#pin_pos_pc li.pin_pos_13 { top:308px; left:436px;}
#pin_pos_pc li.pin_pos_14 { top:339px; left:383px;}
#pin_pos_pc li.pin_pos_15 { top:311px; left:402px;}
#pin_pos_pc li.pin_pos_16 { top:279px; left:418px;}
#pin_pos_pc li.pin_pos_17 { top:270px; left:392px;}
#pin_pos_pc li.pin_pos_18 { top:278px; left:350px;}
#pin_pos_pc li.pin_pos_19 { top:281px; left:312px;}
#pin_pos_pc li.pin_pos_20 { top:331px; left:323px;}
#pin_pos_pc li.pin_pos_21 { top:320px; left:354px;}
#pin_pos_pc li.pin_pos_22 { top:318px; left:276px;}
#pin_pos_pc li.pin_pos_23 { top:309px; left:232px;}


/*共通ピン画像*/
#pin_pos_pc a.stg_map_1,#pin_pos_sp a.stg_map_1{ background: url(../img/icon_stg_1.png) center no-repeat;}
#pin_pos_pc a.stg_map_2,#pin_pos_sp a.stg_map_2{ background: url(../img/icon_stg_2.png) center no-repeat;}
#pin_pos_pc a.stg_map_3,#pin_pos_sp a.stg_map_3{ background: url(../img/icon_stg_3.png) center no-repeat;}
#pin_pos_pc a.stg_map_4,#pin_pos_sp a.stg_map_4{ background: url(../img/icon_stg_4.png) center no-repeat;}
#pin_pos_pc a.stg_map_5,#pin_pos_sp a.stg_map_5{ background: url(../img/icon_stg_5.png) center no-repeat;}
#pin_pos_pc a.stg_map_6,#pin_pos_sp a.stg_map_6{ background: url(../img/icon_stg_6.png) center no-repeat;}
#pin_pos_pc a.stg_map_7,#pin_pos_sp a.stg_map_7{ background: url(../img/icon_stg_7.png) center no-repeat;}
#pin_pos_pc a.stg_map_8,#pin_pos_sp a.stg_map_8{ background: url(../img/icon_stg_8.png) center no-repeat;}
#pin_pos_pc a.stg_map_9,#pin_pos_sp a.stg_map_9{ background: url(../img/icon_stg_9.png) center no-repeat;}
#pin_pos_pc a.stg_map_10,#pin_pos_sp a.stg_map_10{ background: url(../img/icon_stg_10.png) center no-repeat;}
#pin_pos_pc a.stg_map_11,#pin_pos_sp a.stg_map_11{ background: url(../img/icon_stg_11.png) center no-repeat;}
#pin_pos_pc a.stg_map_12,#pin_pos_sp a.stg_map_12{ background: url(../img/icon_stg_12.png) center no-repeat;}
#pin_pos_pc a.stg_map_13,#pin_pos_sp a.stg_map_13{ background: url(../img/icon_stg_13.png) center no-repeat;}
#pin_pos_pc a.stg_map_14,#pin_pos_sp a.stg_map_14{ background: url(../img/icon_stg_14.png) center no-repeat;}
#pin_pos_pc a.stg_map_15,#pin_pos_sp a.stg_map_15{ background: url(../img/icon_stg_15.png) center no-repeat;}
#pin_pos_pc a.stg_map_16,#pin_pos_sp a.stg_map_16{ background: url(../img/icon_stg_16.png) center no-repeat;}
#pin_pos_pc a.stg_map_17,#pin_pos_sp a.stg_map_17{ background: url(../img/icon_stg_17.png) center no-repeat;}
#pin_pos_pc a.stg_map_18,#pin_pos_sp a.stg_map_18{ background: url(../img/icon_stg_18.png) center no-repeat;}
#pin_pos_pc a.stg_map_19,#pin_pos_sp a.stg_map_19{ background: url(../img/icon_stg_19.png) center no-repeat;}
#pin_pos_pc a.stg_map_20,#pin_pos_sp a.stg_map_20{ background: url(../img/icon_stg_20.png) center no-repeat;}
#pin_pos_pc a.stg_map_21,#pin_pos_sp a.stg_map_21{ background: url(../img/icon_stg_21.png) center no-repeat;}
#pin_pos_pc a.stg_map_22,#pin_pos_sp a.stg_map_22{ background: url(../img/icon_stg_22.png) center no-repeat;}
#pin_pos_pc a.stg_map_23,#pin_pos_sp a.stg_map_23{ background: url(../img/icon_stg_23.png) center no-repeat;}



#pin_pos_pc a[class^="stg_map"]{ /* class名が「stg_map」で始まるa要素 */
	display:block;
	background-size:26px 42px;
	-webkit-background-size:26px 42px;
	-moz-background-size:26px 42px;
	width:26px; 
	height: 42px;
	position:relative;
	margin-top: 0px;
	/*padding: 7px 10px;*/
}


/*PC用ツールチップ吹き出し*/
/*参考サイト
https://www.webdlab.com/labs/tooltip/
*/

/*hoverの中身*/
span.pc_hov { 
	position:absolute; 
	left:30px; 
	top:-5px;
	width:270px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	padding: 10px;
	border-radius: 5px;
	display:none;
	z-index:100;
	}

/*吹き出し三画*/
.pc_hov_san {
	position: absolute;
	top: 20px;
	left:10px;
	display: block;
	border: 10px solid transparent;
	border-right: 10px solid rgba(0,0,0,0.7);
	display:none;
}

.tip-i {/*画像*/
	float:left;
	display:block;
	width: auto;
	max-height: 50px;
	
}

.tip-p { /*テキストエリア*/
	float:left;
	margin: 0 0 0 5px;
	width: 68%;
}

.tip-p_wide { /*テキストエリア_写真無し*/
	margin: 0 0 0 5px;
	width: 100%;
}

.tip-p strong,
.tip-p_wide strong{/*タイトル*/
	display:block;
	line-height:1.1em;
}




@media (max-width: 767px) {
.pc {display:none;}
.stg_mob {display:block;}
section.ss_map {
	min-width:initial;
	min-width:auto;
}
#stgai_map {
	min-width:initial;
	min-width:auto;
	height:auto;
	padding:0 10px 10px;
}
.stgai_ttl{
	margin: 30px auto;
}
#wrap_stg {
	position:relative;
	width: 300px;
	margin: 0 auto;
}
.stg_m_sp  {
	width:300px;
	margin:0 auto; 
	/*padding:10px;*/ 
}
/*slider_list用*/
ul#bxslider li{
	height: 70px;
	margin: 0;
	background: #fff;
}
ul#bxslider li a{ 
	color: #000;
	display:block;
	padding: 10px 3px 10px 3px;
	height: 70px;
	box-sizing:border-box;
	text-decoration:none;
	}

/*番号*/
.slid_num{
	margin: 14px 3px 14px 0;
    background-color: #fff;
    border: solid 3px #a80202;
    width: 17px;
    height: 17px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
	text-align:center;
	display:block;
	float:left;
	font-size:11px;
	line-height:17px;
	font-weight:bold;	
}

.ave_img {
	float:left;
	display:block;
	width: auto;
	max-height: 49px;
}

.ave_det { 
	float:left;
	width: 56%;
	line-height: 1em;
	margin-left: 3px;
	font-size:0.9em;
	
}
.ave_det_wide { /*写真無い用*/
	line-height: 1.3em;
	font-size:0.9em;
}

.ave_det strong,
.ave_det_wide strong {
	display:block;
}


/*SP用_ピン*/
#pin_pos_sp {/*SP用地図背景*/
	background:url(../img/stg_map_sp.jpg) center no-repeat;
	height:208px;
	clear:both;
}

/*SP用_ピン位置*/
#pin_pos_sp a[class^="stg_map"]{ /* class名が「stg_map」で始まるa要素 */
	display:block;
	overflow: hidden;
  	text-indent: 100%;
	position:absolute;
	margin-top: -10px;
	background-size:contain; width:18px; height: 29px;
}


#pin_pos_sp a.stg_map_1 { top:136px; left:224px;}
#pin_pos_sp a.stg_map_2 { top:140px; left:189px; }
#pin_pos_sp a.stg_map_3 { top:166px; left:189px; }
#pin_pos_sp a.stg_map_4 { top:185px; left:181px; }
#pin_pos_sp a.stg_map_5 { top:193px; left:158px; }
#pin_pos_sp a.stg_map_6 { top:210px; left:134px; }
#pin_pos_sp a.stg_map_7 { top:210px; left:121px; }
#pin_pos_sp a.stg_map_8 { top:217px; left:168px; }
#pin_pos_sp a.stg_map_9 { top:217px; left:155px; }
#pin_pos_sp a.stg_map_10 { top:234px; left:164px; }
#pin_pos_sp a.stg_map_11 { top:234px; left:148px; }
#pin_pos_sp a.stg_map_12 { top:229px; left:129px; }
#pin_pos_sp a.stg_map_13 { top:232px; left:118px; }
#pin_pos_sp a.stg_map_14 { top:240px; left:94px; }
#pin_pos_sp a.stg_map_15 { top:228px; left:100px; }
#pin_pos_sp a.stg_map_16 { top:205px; left:108px; }
#pin_pos_sp a.stg_map_17 { top:205px; left:96px; }
#pin_pos_sp a.stg_map_18 { top:210px; left:82px; }
#pin_pos_sp a.stg_map_19 { top:210px; left:62px; }
#pin_pos_sp a.stg_map_20 { top:238px; left:70px; }
#pin_pos_sp a.stg_map_21 { top:235px; left:84px; }
#pin_pos_sp a.stg_map_22 { top:228px; left:50px; }
#pin_pos_sp a.stg_map_23 { top:225px; left:33px; }



#pin_pos_sp a.active{/*ピンが大きくなる*/
	z-index: 100;	
   	animation: shopmarker 0.8s;
  	animation-iteration-count: 2;
  	-webkit-animation: shopmarker 0.8s; /* Safari & Chrome */
  	-webkit-animation-iteration-count: 2;
}


@keyframes shopmarker {
    from {
		transform: scale(1.0);
	}
	50% {
		transform: scale(1.3);
	}
	to {
		transform: scale(1.0);
	}
}
@-webkit-keyframes shopmarker {
    from {
		transform: scale(1.0);
	}
	50% {
		transform: scale(1.3);
	}
	to {
		transform: scale(1.0);
	}
}



/***********************************************************/
/*shopping_ave用*/
/***********************************************************/
ul.spav li{
	border-top: solid #eee 1px;
	border-bottom: solid #eee 1px;
}





}