@charset "utf-8";

.shop #page-ttl-wrp{
	padding:70px 0 0;
}

#shop-wrp{
	margin-bottom:100px;
	}

#shop-wrp .inner-wrp{
	background-color:#fff;
	width:1110px;
	padding:35px;
}


#shop-wrp .inner-wrp .visual-wrp{
	margin-bottom:100px;
}

#shop-wrp .inner-wrp .g-map{
	float:left;
	width:565px;
	margin-right:50px;
}

#shop-wrp .inner-wrp #map{
	width: 565px;
	height: 400px;
}

#shop-wrp .inner-wrp .txt{
	float:right;
	width:490px;
}

#shop-wrp .inner-wrp .description-wrp .message{
	padding:0 28px 35px;
	border-bottom:#ccc solid 1px;
	}

#shop-wrp .inner-wrp .description-wrp .message p{
	/*font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;*/
	font-size:1.4rem;
	line-height:2.25;
}

#shop-wrp .inner-wrp .description-wrp .access{
	padding:38px 28px 0;
	font-size:1.3rem;
	line-height:2.25;
}

#shop-wrp .inner-wrp .description-wrp .access .note{
	font-size:1.1rem;
	display:block;
	line-height:1;
	margin-bottom:12px;
	padding-left: 1em; 
    text-indent: -1em; 
	}


/* スマホ版 768px*/
@media screen and (max-width: 768px) {
	
	.shop #page-ttl-wrp{
	padding:100px 0 0;
	}
	
	#shop-wrp{
		margin-bottom:35px;
		padding:0 27px;
	}
	
	#shop-wrp .inner-wrp{
		background-color:#fff;
		width:100%;
		padding:19px 17px;
		box-sizing:border-box;
	}
	
	#shop-wrp .inner-wrp .visual-wrp{
		margin-bottom:45px;
	}
	
	#shop-wrp .sp-message{
		display:block;
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
		font-size:1.0rem;
		line-height:2.25;
		margin-bottom:30px;
	}
	
	#shop-wrp .inner-wrp .g-map{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	#shop-wrp .inner-wrp #map{
	width: 100%;
	height: 260px;
	}
	
	#shop-wrp .inner-wrp .txt{
		float:none;
		width:100%;
	}
	
	#shop-wrp .inner-wrp .description-wrp .message{
		display:none;
	}
	
	#shop-wrp .inner-wrp .description-wrp .access{
		padding:0;
		font-size:1.0rem;
		line-height:1.8;
	}
	
	#shop-wrp .inner-wrp .description-wrp .access li{
		margin-bottom:8px;
	}


	#shop-wrp .inner-wrp .description-wrp .access .note{
		font-size:0.9rem;
		display:block;
		line-height:1.8;
		margin-bottom:0;
		margin-top:;
	}

}

/*Safari CSS hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#shop-wrp .inner-wrp .visual-wrp li img{
		margin-left:-1px;
  }

  @media screen and (max-width: 768px) {
	  #shop-wrp .inner-wrp .visual-wrp li img{
		margin-left:0;
		}
  }
  
}

/* --- ChromeとOperaのみ */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#shop-wrp .inner-wrp .visual-wrp li img{
		margin-left:0;
  }
}