@charset "UTF-8";
/* CSS Document */

#shop_info{
	max-width:800px;
	margin:55px auto 10px auto;
	text-align: center;
}

#shop_info h2{
	
	margin:0 0 25px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

	font-size:2.8rem;
	font-weight: 500
	
}



#shop_info h3{
	
	margin:0 0 15px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

	font-size:2.2rem;
	font-weight: 500
	
}
#shop_info p{
	margin:50px 0 50px 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	
}

#shop_info li{
	margin:0 0 10px 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


#shop_info .pic img{
	border-radius: 8px;
}

@media only screen and (max-width:768px) {
#slider{
	height: 100vh;
		
	}
#shop_info h2{

	font-size:2.1rem;
	margin:0 0 20px 0;
	
}	
#shop_info .pic img{
	border-radius: 0px;
}
	
}



/*==================================================
スライダーのためのcss
===================================*/
.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
	
 } 

.slider {
	margin:45px 0 0 0;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 0px;/*スライド左右の余白調整*/
}