@charset "utf-8";

.snkk_omochi h2{
	font-size: 1.25rem;
	font-weight: 700;
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	padding: 0.5em 0;
	margin-bottom: 40px;
}

.snkk_omochi .fv{
	margin-bottom:40px;
}

.snkk_omochi .lead{
	justify-content: space-between;
	align-items: center;
	margin-bottom:40px;
}

.snkk_omochi .lead .img{
	width:38%;
}

.snkk_omochi .lead .txt{
	width:58%;
}

.snkk_omochi .lead .txt p{
	font-weight:700;
	line-height:2;
}

.snkk_omochi .lead .txt p:last-child{
	text-align:right;
	color:#aaa;
}

.snkk_omochi .box{
	margin-bottom:40px;
	background:#f6f6f6;
	border-radius:16px;
	padding:28px;
}

.snkk_omochi .box:last-child{
	margin-bottom:0;
}

.snkk_omochi .box h3{
	color:#d17a8d;
	font-size:1.25rem;
	font-weight:700;
	margin-bottom:1em;
}

.snkk_omochi .box .products_archive{
	justify-content: space-between;
}

.snkk_omochi .box .products_archive::before{
	content:"";
	display: block;
	width:23%;
	order:1;
}
.snkk_omochi .box .products_archive::after{
	content:"";
	display: block;
	width:23%;
}

.snkk_omochi .box .products_archive a{
	width:23%;
	margin-bottom:2rem;
}

.snkk_omochi .box .products_archive a .img{
	margin-bottom: 1rem;
	background: #fff;
	padding: 1rem;
	border-radius: 12px;
}

.snkk_omochi .box .products_archive a .txt .price{
	color:#d17a8d;
}

@media (max-width: 1400px) {

	.snkk_omochi h2{
		margin-bottom:calc(100vw / 1366 * 40);
	}
	
	.snkk_omochi .fv{
		margin-bottom:calc(100vw / 1366 * 40);
	}
	
	.snkk_omochi .lead{
		margin-bottom:calc(100vw / 1366 * 40);
	}
	
	.snkk_omochi .box{
		margin-bottom:calc(100vw / 1366 * 40);
		padding:calc(100vw / 1366 * 28);
	}

}

@media (max-width: 768px) {

	.snkk_omochi h2{
		margin-bottom:calc(100vw / 768 * 80);
	}
	
	.snkk_omochi .fv{
		margin-bottom:calc(100vw / 768 * 80);
	}
	
	.snkk_omochi .lead{
		margin-bottom:calc(100vw / 768 * 80);
		flex-direction: column-reverse;
	}
	
	.snkk_omochi .lead .txt{
		width:100%;
		margin-bottom:calc(100vw / 768 * 80);
	}
	
	.snkk_omochi .lead .img{
		width:100%;
	}
	
	.snkk_omochi .box{
		margin-bottom:calc(100vw / 768 * 80);
		padding:calc(100vw / 768 * 36) calc(100vw / 768 * 36) 0;
	}
	
	.snkk_omochi .box h3{
		font-size:1rem;
	}
	
	.snkk_omochi .box .products_archive::before,
	.snkk_omochi .box .products_archive::after{
		content:none;
	}
	
	.snkk_omochi .box .products_archive a{
		width:48%;
		margin-bottom:1rem;
	}
	
	.snkk_omochi .box .products_archive a .img{
		margin-bottom:0.5rem;
	}

}