/*ここに記入するのは店舗固有のCSSのみ 特別な理由がない場合は基本的にレイアウトは全店統一*/
@charset "utf-8";
/******** mainImg 
.container-mainImg{
	background-image: url(images/main_img.jpg);
	background-position: bottom;
}********/

/******** ページトップswiper ********/
#swiper-container-top{
	width: 100%;
	 /* padding-bottom: 30px;ページネーションをスライドの下にするため */
}
.swiper-slide img{
	line-height: 0;  /* 0にして余計なスペースをリセット */
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 1240px){
	#swiper-container-top{
		/*width: 1240px;*/
		margin: auto;
	}
}

/******** subnav ********/
.fixed::before{
	content: "";
	width: 30%;
	margin-top: -4px;
	background-image: url(images/shop_logo.svg);
	background-size: contain;
	display: block;
}
@media screen and (min-width:768px){
	.fixed::before{
		width: 60%;
		margin-top: -10px;
	}
}
@media screen and (min-width:980px){
	.fixed::before{
		width: 45%;
		margin-top: -10px;
	}
}
.x_btn{
	font-size: 9px;
	color: white;
 	padding: 2px 10px 2px 10px;
 	border-radius: 10px;
 	background: #000;
 	display: inline-block;
 	margin: 10px 8px 0 0px;
}
.i_btn{
	font-size: 16px;
	color: #000;
 	padding: 2px 15px 3px 15px;
 	border-radius: 10px;
 	background: #f1f1f1;
 	display: inline-block;
 	margin: 0 8px 0 5px;
}
@media screen and (min-width:980px){
	.x_btn{
		font-size: 14px;
		margin: 5px 8px 0 0px;
	}
}
.hamasns_icon{
		font-size: 12px;
		color: #fff;
 		padding: 2px 15px 3px 15px;
		background:forestgreen;
		margin:5px 5px 0 5px;
	}
}