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


/****************************************************************************************************
料理
****************************************************************************************************/

/*コンテンツエリア*/
.flexwrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.flexwrapperV {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 0.7;
}

/*Swiper*/
.swiper {
	width: 100%;
}
.swiper-slide img {
	width: 100%;
	height: auto;
}
/*サムネ7枚*/
.slider-thumbnail1 .swiper-slide {
	opacity: .5;
	transition: opacity .5s;
	width: calc(100% / 7);
}
.slider-thumbnail1 {
	width: 420px;
}
/*サムネ2枚*/
.slider-thumbnail2 .swiper-slide,
.slider-thumbnail3 .swiper-slide {
	opacity: .5;
	transition: opacity .5s;
	width: calc(100% / 2);
}
.slider-thumbnail2,
.slider-thumbnail3 {
	width: 120px;
}

.slider-thumbnail1 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail2 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail3 .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}
.slider-thumbnail1 .swiper-wrapper .swiper-slide, 
.slider-thumbnail2 .swiper-wrapper .swiper-slide, 
.slider-thumbnail3 .swiper-wrapper .swiper-slide {
	padding: 0px 5px;
}

@media screen and (max-width: 750px) {

	/*サムネ7枚*/
	.slider-thumbnail1 {
		width: 330px;
	}

}