@charset "utf-8";
/* 2026 arikoさんレシピ付き食材セット */
/* 共通 */
:where(.ariko) {
	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min6max16: clamp(0.375rem, -0.25rem + 2.08vw, 1rem);
	--min10max15: clamp(0.625rem, 0.313rem + 1.04vw, 0.938rem);
	--min10max33: clamp(0.625rem, -0.813rem + 4.79vw, 2.063rem);
	--min12max15: clamp(0.75rem, 0.563rem + 0.63vw, 0.938rem);
	--min12max33: clamp(0.75rem, -0.563rem + 4.38vw, 2.063rem);
	--min15max18: clamp(0.938rem, 0.75rem + 0.63vw, 1.125rem);
	--min15max22: clamp(0.938rem, 0.5rem + 1.46vw, 1.375rem);
	--min20max29: clamp(1.25rem, 0.688rem + 1.88vw, 1.813rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min20max35: clamp(1.25rem, 0.313rem + 3.13vw, 2.188rem);
	--min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
	--min20max45: clamp(1.25rem, -0.313rem + 5.21vw, 2.813rem);
	--min20max70: clamp(1.25rem, -1.875rem + 10.42vw, 4.375rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min30max50: clamp(1.875rem, 0.625rem + 4.17vw, 3.125rem);
	--min126max316: clamp(7.875rem, -4rem + 39.58vw, 19.75rem);
	--font-family:  "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.ariko{
	background-color: #F7F5EF;
	padding-bottom: 50px;
}

/* spで左右の余白無くす */
@media (max-width: 500px) {
	.ariko {
		width: calc(100% + 30px);
		transform: translateX(-15px);
	}
}

.ariko *{
	padding: 0;
	margin: 0;
}

:where(.ariko) img {
	width: 100%;
}
.ariko .lead, .about {
	font-family: var(--font-family);
	font-weight: 500;
	letter-spacing: .06em;
}

/* リード */
.ariko .lead {
	background: url(/external/category/template/ariko/assets/imgs/lead_bg.jpg);
	background-size: 100%;
	overflow: hidden;
}
.ariko .slide-unit {
	padding-top: 10px;
	display: flex;
	width: 200%;
}
.ariko .slide-unit .slidewrap.-anime1 {
	display: grid;
	grid-template-columns: repeat(7, var(--min126max316));
}
.ariko .slide-unit.-show .slidewrap {
	animation: anime1 60s linear infinite;
}
.ariko .slide-unit .slidewrap .slide {
	margin-left: var(--min6max16);
}
@keyframes anime1 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
.list-wrap {
	width: min(850px, calc(100% - 2*var(--min12max33)));
	margin: var(--min30max50) auto;
	padding: var(--min25max30) var(--min20max70);
	box-sizing: border-box;
	background: #fff;
}
.check-list{
	display: grid;
	grid-template-columns: var(--min20max29) auto;
	gap: 3.5%;
	color: #1b1919;
	font-size: var(--min15max22);
	line-height: 1.3;
}
.check-list:nth-child(n + 2) {
	margin-top: var(--min12max15);
}
.check-list::before {
	content: "";
	display: block;
	background: url(/external/category/template/ariko/assets/imgs/check_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 29 / 27;
}
.point-mark {
	background: linear-gradient(0deg, transparent -.7em, #f4bd45 0em, #f4bd45 0.38em, transparent 0em);
	font-weight: 600;
}

/* 料理人紹介 */
.ariko .about {
	background: #000 url(/external/category/template/ariko/assets/imgs/about_bg.png) top right / 100% no-repeat;
	padding: 18px var(--min10max33);
	color: #fff;
}
.ariko .about-textWrap {
	width: min(608px, 70%);
	padding: var(--min20max35) var(--min20max40);
	box-sizing: border-box;
	border: #fff solid 1px;
}
.ariko .about-textWrap h2 {
	font-size: var(--min20max30);
	font-weight: 500;
}
.ariko .about-textWrap p {
	margin-top: var(--min10max15);
	font-size: var(--min15max18);
	line-height: 1.8;
	letter-spacing: .018em;
}

@media (max-width: 480px) {
	/* 料理人紹介 */
	.ariko .about {
		background: #000 url(/external/category/template/ariko/assets/imgs/about_bg_sp.png) top center / 100% no-repeat;
		padding-top: 45%;
		color: #fff;
	}
	.ariko .about-textWrap {
		width: 100%;
	}
}

.ariko .vegeota-item-section{
	font-family: var(--font-family);
}
.ariko .vegeota-item-section p{
	font-weight: 500;
}

.ariko .vegeota-item-section .section-title {
    background-color: transparent;
		padding: 0;
}