@charset "utf-8";


/********** メインバナー **********/
#index-sp .bnr-main{
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 65vw;
	margin: 0 0 5.8vw;
	background:  url("../images/index/img-main.jpg") no-repeat 0 50%;
	background-size: 100%;
}
#index-sp .bnr-main .font-mincho{
	text-align: center;
	font-weight: bold;
	font-size: 5.2vw;
	color: #000;
}


/* ----------------------------------------
swiper
---------------------------------------- */
#index-sp .main-visual{
	overflow: hidden;
	height: 65vw;
	margin: 0 0 7vw;
}

/********** zoomup **********/
@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}

/********** zoomup **********/
@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}

/********** slide-img **********/
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
	-webkit-animation: zoomUp 12s linear 0s;
	animation: zoomUp 12s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.slide-img {
	background-size: cover;
	background-position: center center;
	height: 65vw;
	margin: 0 0 8vw;
}

/********** slide-text **********/
.slide-text {
	position: absolute;
	z-index: 10;
	width: 100%;
	top: calc(50% - 3vw);
	padding: 2vw 0;
	transform: translateY( -50% );
	text-align: center;
	background: rgba(242,242,242,0.5);
}
.slide-text p {
	font-weight: bold;
	font-size: 5.2vw;
}














/********** 商品一覧 **********/
#index-sp .item-list{
	padding: 0 2vw;
}
#index-sp .item-list > ul > li{
	margin: 0 0 4vw;
}	
#index-sp .item-list > ul > li > .img > img{
	display: block;
}
#index-sp .item-list > ul > li > .txt{
	padding: 0 0 2vw;
	text-align: center;
	font-size: 4.8vw;
}
#index-sp .item-list > ul > li > .item-btns{
	padding: 3vw 3vw 4vw;
	background: #f4f1ed;
}
#index-sp .item-list ul li .btn-order a{
	display: block;
	
	border-radius: 1vw;
	padding: 1em 1em 1em 32.5vw;
	font-weight: bold;
	color: #fff;
	background: 
		url("../images/common/arrow.svg") no-repeat 63.4vw 50%,
		url("../images/common/h-icon-cart.svg") no-repeat 25vw 50%;
	background-size: 1.9vw auto, 4.9vw auto;
	background-color: #b5002e;
}
#index-sp .btn-order{
	padding: 0 0 2vw;
}
#index-sp .page-list ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#index-sp .page-list ul li{
	width: 44vw;
}
#index-sp .page-list ul li a{
	display: block;
	
	border-radius: 1vw;
	border: solid 0.3vw #b5002e;
	padding: 1em 1em 1em 3.4vw;
	color: #000;
	background: 
		url("../images/common/icon-arr.svg") no-repeat 38vw 50%;
	background-size: 1.5vw auto;
	background-color: #fff;
}