@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Peddana|Kosugi|Niconne|Josefin Sans');

$font1: 'Kosugi', sans-serif;
$font2: 'Niconne', sans-serif;
$font3: "Peddana", sans-serif;
$font4: "Josefin Sans", sans-serif;
$red:#AF0003;


/*-------------MIX　IN-------------*/
@mixin giji{
	position: absolute;
	content: "";
}
@mixin flex{
	display: inline-flex;
	display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
	box-sizing: border-box;
}

@mixin stripe_red{
	-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #fce2e2;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #ff5858), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ff5858),
            color-stop(.75, #ff5858), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #ff5858 25%, transparent 25%,
          transparent 50%, #ff5858 50%, #ff5858 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #ff5858 25%, transparent 25%,
          transparent 50%, #ff5858 50%, #ff5858 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #ff5858 25%, transparent 25%,
          transparent 50%, #ff5858 50%, #ff5858 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #ff5858 25%, transparent 25%,
          transparent 50%, #ff5858 50%, #ff5858 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #ff5858 25%, transparent 25%,
          transparent 50%, #ff5858 50%, #ff5858 75%,
          transparent 75%, transparent);
}

body{
	margin: 0;
	padding: 0;
	background: #7f2d00;
	/*background:#e5d0b3;*/
	letter-spacing: 1.2px;
	line-height: 1.2;
	
	
}
.sale01{
	
	font-size: 14px;
	background: $red;
	color: #fff;
	display: inline-block;
	padding: 0 2px;

}
.txtx{text-decoration: line-through;}
/*-------------PC用-------------*/
@media screen and (min-width:641px) {

#brand{text-align: center;}

.wrapper{
		overflow: hidden;
		text-align: center;
		width: 1200px;
		margin: 0 auto;
		padding: 10px 0;
		background: #fff;
	}
.parallax-slider {
     top: 0;
     left: 0;
}
	
	.bn{
		margin: 50px 0;
	}
	
	.parallax-window {
		
    min-height: 300px;
    background: transparent;
		
}
	
	.parallax-window2 {
		
    min-height: 200px;
    background: transparent;
		
}
	
/*---------header---------*/	
	header{
		margin: 0 auto 30px;
		position: relative;
		width: 1200px;
		text-align: center;
	}
	header:after{
		@include giji;
		width: 296px;
		height: 228px;
		bottom:-30px;
		left:-10px;
        background: url("../img/2022valen_header_rose.png")no-repeat;
	}
    
	
/*---------read---------*/
.read{
		text-align: left;
		margin-bottom: 80px;
	}
.read_photo{
	position: relative;
	width: 454px;
	height: 300px;
	left:165px;
	top:30px;
}
.rose{margin: 0 auto;
		width: 1200px;}
h1{
	position: absolute;
	content: "";
	width: 500px;
	top:100px;
	left: 380px;
	text-align: center;
	font-size: 16px;
	color: #BC2326;
	background: #fee0e0;
	padding: 20px 10px;
	z-index: 222;
}
h1:after{
position: absolute;
content: "";
background: url("../img/2022valentine_read_after.png")no-repeat;
width: 61px;
height: 57px;
top:-20px;
left:-20px;
}
h1:before{
position: absolute;
content: "";
background: url("../img/2022valentine_read_before.png")no-repeat;
width: 55px;
height: 45px;
bottom: -20px;
right:-20px;
}
	
.heart_r{
		@include giji;
		width: 166px;
		height: 137px;
		bottom:10px;
		left: 150px;
		img{width: 166px;}
	}
	
.heart_l{
		@include giji;
		transform: scale(-1, 1);
		width: 166px;
		height: 137px;
		bottom:10px;
		right: 150px;
		img{width: 166px;}
	}
	
/*---------osoro---------*/
    .osoro{
        @include flex;
        width: 1100px;
        justify-content: space-between;
        li{
            
            width: 45%;
            padding: 5px;
        }
        
        .redline{position: relative;
            border: 2px solid #C40003;}
        .redline:after{
            @include giji;
            width: 100%;
            top:0;
            left:0;
            right: 0;
            background: url("../img/2020_02valentaine_heart.png")no-repeat;
            z-index: 5;
        }
        .brand{
                font-family: $font3;
                font-size: 1.5rem;
                font-weight: 600;
            border-bottom: 1px solid #000;
            display: inline-block;
            width: 80%;
            line-height: 0.8;
            }
        p{margin-top: 5px;
        font-size: 14px;}
    }
    .osoro_in{
        @include flex;
        width: 95%;
        justify-content: space-between;
        li{width: 45%;

            img{width: 100%;}
        }
    }
		
/*---------main navi---------*/
	.main_nav{
		margin: 50px 0 0;
		position: relative;
		background: #ffd5d6;
		width: 100%;
		padding: 20px 0;
		text-align: center;
		.title{
			margin: 0;
			padding: 0;
			color:$red;
			font-family: $font4;
			font-size: 3rem;
			.small{font-size: 14px;}
		}
		.main_menu{
			@include flex;
			width: 1000px;
			margin-top: 20px;
			box-sizing: border-box;
			justify-content: space-between;
			li{
				width: 300px;
				border: 1px solid $red;
				padding: 10px;
				color: $red;
				font-size: 1.2rem;
				background: #fff;
				transition: 1.2s;
			}
			li a{display: block;
			color:$red;}
			li:hover{background:#F8F7D9;}
		}
	}
	
/*---------item navi---------*/
	h2{
		margin-top: 30px;
		position: relative;
		font-size: 1.5rem;
		color:$red;
		z-index: 999;
		span{
			background: #fff;
			padding: 5px;}
	}
	h2:after{
		@include giji;
		border-top:3px solid $red;
		width: 90%;
		top:15px;
		left:5%;
		z-index: -1;
	}
	
	
	.item_menu{
	@include flex;
	width: 1030px;
	justify-content: space-between;
	li{
		position: relative;
		width: 145px;
		background: #fce5e6;
		padding: 10px 10px 5px;
		box-sizing: border-box;
		text-align: center;
		a{color:#000;}
		.txt_01{
			font-size: 12px;
			margin-bottom: -5px;
		}
		.txt_02{
			font-size: 1.8rem;
			font-family: $font3;
		}
		.txt_03{
			font-size: 1.3rem;
			font-family: $font3;
			margin: 5px 0;		}
		.img_bg{
			position: relative;
			background: #fff;
			width: 120px;
			height: 60px;
			border-radius:6px;
			margin: -5px 0px 0px ;
			padding: 0px;
			font-size: 0px;
			box-sizing: border-box;
		}
		.menuimg{
			@include giji;
			width: 89px;
			height: 68px;
			top:-5px;
			left: 15px;
		}
		.tir{
			font-size: 3rem;
		}
	}
}

/*---price nav---*/
	
	.price_menu{
		background: #FCE1E2;
			@include flex;
			width: 1100px;
			margin-top: 20px;
			box-sizing: border-box;
		padding: 15px 30px;
			justify-content: space-between;
			li{
				width: 300px;
				border: 1px solid $red;
				padding: 10px;
				color: $red;
				font-size: 1.2rem;
				background: #fff;
				transition: 1.2s;
			}
			li a{display: block;
			color:$red;}
			li:hover{background:#F8F7D9;}
		}
	
	h3{
		position: relative;
		margin: 50px 0 30px;
		font-size: 4rem;
		font-family: $font2;
		color: $red;
		z-index: 998;
		font-weight: 400;
		span{background: #fff;
		padding: 0 20px;}
		.jpn{font-size: 16px;
		padding: 0;}
		.small{
			margin-bottom: -5px;
			font-size: 12px;
			z-index: 999;
			color:$red;
			position: relative;
		}
	}
	h3:after{
		@include giji;
		background: url("../img/line02.png")repeat-x;
		width: 96%;
		height: 17px;
		left:2%;
		top:35px;
		z-index: -1;
	}
	
	h4{position: relative;
		margin: 50px 0 30px;
		font-size: 2rem;
		font-family: $font4;
		color: $red;
		z-index: 998;
		font-weight: 400;
		span{background: #fff;
		padding: 0 20px;}
		.jpn{font-size: 16px;
		padding: 0;}
		p{
			margin-bottom: -5px;
			font-size: 12px;
			z-index: 999;
			color:$red;
			position: relative;
		}}
	
	h4:after{position: absolute;
	content: "";
	border-top:1px solid $red;
	border-bottom:2px solid $red;
	width: 90%;
	height: 2px;
	left: 5%;
	top:45px;
	}
	
	.reco{
	width: 1200px;
	box-sizing: border-box;
	padding: 20px 20px;
	margin: 20px auto 0;
	/*background: #f6f1ed;*/
	h5{
	border-bottom:1px solid #847403;
	font-size: 3rem;
	margin: 0 0 30px;
	color: #847403;
	line-height: 1;
	font-family: $font1;}
	.recoitem{
	@include flex;
	margin: 0 auto;
	width: 90%;
	justify-content: space-between;
	li{width: 22%;}
	li img{width: 205px;}
	li dl{}
	li dt{p{font-size: 14px;
	font-weight: 600;}
	span{font-size: 12px;
	color: #BF0003;
	font-weight: 600;}}
	li dd{font-size: 12px;
	text-align: left;
	margin: 5px 0;}
	}
	.recomini{
	@include flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	li{width: 24%;
	margin-right: 1px;
	img{width: 50px;}}
	}
	}
	
	
.recomini2{
	@include flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	li{width: 20% !important;
	margin-right: 1px;
	img{width: 50px;}}
	}
	
	.pickbox{
		@include flex;
		justify-content: space-between;
		width: 90%;
		li{
			position: relative;
			width: 48%;
		}
	}
	
	.pickbox2{
		@include flex;
		justify-content: space-between;
		width: 70%;
		margin: 20px auto;
		li{
			position: relative;
			width: 100;
		}
	}
	.pickitem{
	@include flex;
				justify-content: space-between;
				width: 95%;
				li{position: relative;
					width: 50%;
					text-align: left;
					img{width: 100%;}
					
					.brand{
						margin-bottom: 10px;
						text-align: left;
						font-size: 2rem;
						font-family: $font3;
						color: #000;
						border-bottom: 1px solid #000;
						.small{font-size: 12px;
						margin-top: -5px;}}
					.price{
						position: absolute;
						color: $red;
						font-size: 2rem;
						font-family: $font3;
						bottom: 50px;
						right: 0;
						.small{font-size: 12px;}
					}
	.sale{
	position: absolute;
	font-size: 1.2rem;
	background: $red;
	color: #fff;
	display: inline-block;
	padding: 0 2px;
	margin-bottom: -10px;
	bottom: 100px;
	right:15px;
}
					
				}
				.icon{
					@include giji;
					width: 87px;
					height: 86px;
					top:-10px;
					left:-10px;
					z-index: 999;
					img{width: 87px;
					}
				}
			}
	.setitem{
				@include flex;
				justify-content: space-between;
				width: 95%;
				li{position: relative;
					width: 48%;
					text-align: left;
					img{width: 100%;}
					
					.brand{
						margin-bottom: 10px;
						text-align: left;
						font-size: 2rem;
						font-family: $font3;
						color: #000;
						border-bottom: 1px solid #000;
						.small{font-size: 12px;
						margin-top: -5px;}}
					.price{
						
    position: absolute;
    color: #AF0003;
    font-size: 1.5rem;
    font-family: "Peddana", sans-serif;
    bottom: 27px;
	text-align: right;
    right: 10px;
    line-height: 0.8;

						span{font-size: 12px;}
					}
					.sale{
	position: absolute;
	font-size: 1.2rem;
	background: $red;
	color: #fff;
	display: inline-block;
	padding: 0 2px;
	margin-bottom: -10px;
	bottom: 10px;
	right:15px;
	span{font-size: 12px;}
}
					
				}
				.icon{
					@include giji;
					width: 87px;
					height: 86px;
					top: -39px;
    				left: -32px;
					z-index: 999;
					img{width: 87px;
					}
				}
			}
	/*----ボタン----*/
.button {
	margin:50px 0;
	font-family: $font1;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
	padding: 10px 20px;
	font-size: 16px;
		.small{font-size: 12px;}
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  background-color:#AF0003;
  border: 2px solid #AF0003;
  color: #fff !important;
}
.button:hover {
  background-color: #fff;
  border-color: #AF0003;
  color: #AF0003 !important;
}
		
}

/*-------------SP用-------------*/
@media screen and (max-width:640px) {
	.wrapper{
		overflow: hidden;
		text-align: center;
		width: 98%;
		margin: 0 auto;
		padding:  0;
		background: #fff;
	}
	
/*---------parallax---------*/		
.parallax-slider {
     top: 0;
     left: 0;
}
	
	.bn{
		margin: 50px 0;
	}
	
	.parallax-window {
		
    min-height: 150px;
    background: transparent;
		
}
	
	.parallax-window2 {
		
    min-height: 120px;
    background: transparent;
		
}
	
/*---------header---------*/	
	header{
		/*margin: 15px 0 30px;*/
		position: relative;
		width: 100%;

		text-align: center;
	}
		
	.rose01{
		display: none;
	}
	.rose02{
		display: none;
	}
	
	
/*---------read---------*/

.read{
		margin-bottom: 80px;
	}
.read_photo{
	position: relative;
.rose{margin: 0 auto;
		width: 100%;}
img{width: 100%;}
}
h1{
	position: relative;
	content: "";
	width: 100%;
	
	text-align: center;
	font-size: 16px;
	color: #BC2326;
	background: #fee0e0;
	padding: 30px 10px;
	z-index: 222;
}

h1:after{
position: absolute;
content: "";
background: url("../img/2022valentine_read_after.png")no-repeat;
width: 61px;
height: 57px;
bottom: -13px;
    left: 3px;
}

h1:before{
position: absolute;
content: "";
background: url("../img/2022valentine_read_before.png")no-repeat;
width: 55px;
height: 45px;
top: -7px;
right: 20px;
}
	
	
	/*.heart_r{
		@include giji;
		width: 166px;
		height: 137px;
		bottom:10px;
		left: 150px;
		img{width: 166px;}
	}
	
	.heart_l{
		@include giji;
		transform: scale(-1, 1);
		width: 166px;
		height: 137px;
		bottom:10px;
		right: 150px;
		img{width: 166px;}
	}*/
	
	/*---------main navi---------*/
	.main_nav{
		margin: 40px 0 0;
		position: relative;
		background: #ffd5d6;
		width: 100%;
		padding: 20px 0;
		.title{
			margin: 0;
			padding: 0;
			color:$red;
			text-align: center;
			font-family: $font4;
			font-size: 2.5rem;
			.small{font-size: 14px;}
		}
		.main_menu{
			@include flex;
			width: 90%;
			margin: 10px 5% 0;
			box-sizing: border-box;
			flex-wrap: wrap;
			justify-content: space-between;
			li{
				margin-top: 5px;
				width: 90%;
				border: 1px solid $red;
				padding: 10px;
				color: $red;
				text-align: center;
				font-size: 1.2rem;
				background: #fff;
				transition: 1.2s;
			}
			li a{display: block;
			color:$red;}
			li:hover{background:#F8F7D9;}
		}
	}
	
	/*---------item navi---------*/
	h2{
		margin-top: 30px;
		position: relative;
		font-size: 1.5rem;
		color:$red;
		z-index: 999;
		span{
			background: #fff;
			padding: 5px;}
	}
	h2:after{
		@include giji;
		border-top:3px solid $red;
		width: 90%;
		top:15px;
		left:5%;
		z-index: -1;
	}
	
	.item_menu{
	margin-top: 3px;
	@include flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	li{
		position: relative;
		width: 24.5%;
		background: #fce5e6;
		padding: 5px;
		box-sizing: border-box;
		text-align: center;
		
		a{color:#000;}
		.txt_01{
			font-size: 10px;
			margin-bottom: -5px;
		}
		.txt_02{
			font-size: 15px;
			font-family: $font3;
		}
		.txt_03{
			font-size: 14px;
			font-family: $font3;
			line-height: 0.9;
			margin: 5px 0;		}
		.img_bg{
			position: relative;
			background: #fff;
			width: 95%;
			height: 60px;
			border-radius:6px;
			margin: 0px 0px 0px ;
			padding: 0px;
			font-size: 0px;
			box-sizing: border-box;
		}
		.menuimg{
			@include giji;
			width: 60px;
			height: 46px;
			top:8px;
			left:5px;
		}
		.tir{
			font-size: 3rem;
		}
	}
}
.item_menu2{
	margin-top: 3px;
	@include flex;
	width: 85%;
	justify-content: space-between;
	flex-wrap: wrap;
	li{
		position: relative;
		width: 32.8%;
		background: #fce5e6;
		padding: 5px;
		box-sizing: border-box;
		text-align: center;
		
		a{color:#000;}
		.txt_01{
			font-size: 10px;
			margin-bottom: -5px;
		}
		.txt_02{
			font-size: 15px;
			font-family: $font3;
		}
		.txt_03{
			font-size: 14px;
			font-family: $font3;
			margin: 5px 0;		}
		.img_bg{
			position: relative;
			background: #fff;
			width: 95%;
			height: 60px;
			border-radius:6px;
			margin: 0px 0px 0px ;
			padding: 0px;
			font-size: 0px;
			box-sizing: border-box;
		}
		.menuimg{
			@include giji;
			width: 60px;
			height: 46px;
			top:8px;
			left:8px;
		}
		.tir{
			font-size: 3rem;
		}
	}
}

/*---price nav---*/
	
	.price_menu{
		background: #FCE1E2;
			@include flex;
			width: 100%;
			margin: 20px auto 0;
			box-sizing: border-box;
			padding: 10px 20px;
			flex-wrap: wrap;
			justify-content: space-between;
			li{
				width: 90%;
				border: 1px solid $red;
				padding: 5px;
				margin-top: 5px;
				color: $red;
				font-size: 1.2rem;
				background: #fff;
				transition: 1.2s;
			}
			li a{display: block;
			color:$red;}
			li:hover{background:#F8F7D9;}
		}
	
	
	
h3{
		position: relative;
		margin: 20px 0 0;
		font-size: 3rem;
		font-family: $font2;
		color: $red;
		z-index: 998;
		font-weight: 400;
		span{background: #fff;
		padding: 0 20px;}
	.jpn{font-size: 14px;
		padding: 0;}
		.small{
			margin-bottom: -5px;
			font-size: 12px;
			z-index: 999;
			color:$red;
			position: relative;
		}
	}
	h3:after{
		@include giji;
		background: url("../img/line02.png")repeat-x;
		width: 96%;
		height: 17px;
		left:2%;
		top:35px;
		z-index: -1;
	}
	
		h4{position: relative;
		margin: 50px 0 30px;
		font-size: 2rem;
		font-family: $font4;
		color: $red;
		z-index: 998;
		font-weight: 400;
		span{background: #fff;
		padding: 0 20px;}
		.jpn{font-size: 16px;
		padding: 0;}
		p{
			margin-bottom: -5px;
			font-size: 12px;
			z-index: 999;
			color:$red;
			position: relative;
		}}
	
	h4:after{position: absolute;
	content: "";
	border-top:1px solid $red;
	border-bottom:2px solid $red;
	width: 90%;
	height: 2px;
	left: 5%;
	top:45px;
	}
	.pickbox2{
		@include flex;
		justify-content: space-between;
		width: 100%;
		margin: 20px auto;
		li{
			position: relative;
			width: 100;
		}
	}
	
	.pickbox{
		@include flex;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
		li{
			position: relative;
			width: 95%;
			.pickitem{
				@include flex;
				justify-content: space-between;
				width: 100%;
				margin-top: 15px;
				li{position: relative;
					width: 48%;
					margin-top: 10px;
					text-align: left;
					img{width: 100%;}
					.brand{
						margin-bottom: 10px;
						text-align: left;
						font-size: 2rem;
						font-family: $font3;
						color: #000;
						border-bottom: 1px solid #000;
						.small{font-size: 12px;
						margin-top: -5px;}}
					.price{
						position: absolute;
						color: $red;
						font-size: 2rem;
						font-family: $font3;
						
						right: 0;
						.small{font-size: 12px;}
					}
				}
				.sale{
	
	font-size: 16px;
	background: $red;
					margin-top: 5px;
	color: #fff;
	display: inline-block;
	padding: 0 2px;
	margin-bottom: -10px;

}
				.icon{
					@include giji;
					width: 70px;
					height: 86px;
					top:-10px;
					left:-10px;
					z-index: 999;
					img{width: 70px;}
			}
			}
		}
	}
	
	.setitem{
				@include flex;
				justify-content: space-between;
				width: 100%;
				margin: 10px 2% 50px;
				flex-wrap: wrap;
				li{position: relative;
					width: 100%;
					text-align: left;
					img{width: 100%;}
					
					.brand{
						margin-bottom: 10px;
						text-align: left;
						font-size: 2rem;
						font-family: $font3;
						color: #000;
						border-bottom: 1px solid #000;
						.small{font-size: 12px;
						margin-top: -5px;}}
					.price{
						/*position: absolute;*/
						color: $red;
						text-align: center;
						font-size: 1.8rem;
						font-family: $font3;
						/*bottom: 19px;*/
    					right: 10px;
						line-height: 0.9;
						span{font-size: 14px;}
					}
					.sale{
	text-align: center !important;
	font-size: 1.2rem;
	background: $red;
	color: #fff;
	display: block;
	padding: 0 2px;
	margin: 0 auto;
	span{font-size: 12px;}
}
					
				}
				.icon{
					@include giji;
					width: 87px;
					height: 86px;
					top: 0px;
    				left: -20px;
					z-index: 999;
					img{width: 87px;
					}
				}
			}
	/*----ボタン----*/
.button {
	margin:50px 0;
	font-family: $font1;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
	padding: 10px 20px;
	font-size: 16px;
		.small{font-size: 12px;}
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  background-color:#AF0003;
  border: 2px solid #AF0003;
  color: #fff !important;
}
.button:hover {
  background-color: #fff;
  border-color: #AF0003;
  color: #AF0003 !important;
}

.reco{
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px;
	margin: 20px auto 0;
	/*background: #f6f1ed;*/
	h5{
	border-bottom:1px solid #847403;
	font-size: 3rem;
	margin: 0 0 30px;
	color: #847403;
	line-height: 1;
	font-family: $font1;}
	.recoitem{
	@include flex;
	margin: 0 auto;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	li{width: 48%;
	/*margin-top: 20px;*/}
	li img{width: 100%;}
	li dl{}
	li dt{p{font-size: 14px;
	font-weight: 600;}
	span{font-size: 12px;
	color: #BF0003;
	font-weight: 600;}}
	li dd{font-size: 12px;
	text-align: left;
	margin: 5px 0;}
	}
	.recomini{
	@include flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
	li{width: 24%;
	margin-right: 1px;
	img{width: 100%;}}
	}
	
	}
	.recomini2{
	@include flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
	li{width: 20% !important;
	margin-right: 1px;
	img{width: 100%;}}
	}
}