@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);

/* ============================================================
   Animations / Keyframes
   ============================================================ */
@-webkit-keyframes deco {

	0%,
	to {
		-webkit-transform: translateY(0);
		transform        : translateY(0)
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform        : translateY(-10px)
	}
}

@keyframes deco {

	0%,
	to {
		-webkit-transform: translateY(0);
		transform        : translateY(0)
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform        : translateY(-10px)
	}
}

/* ============================================================
   Base : #content
   ============================================================ */
#content {
	width     : 100%;
	overflow-x: hidden;
	background: #fdf5f6
}

#content,
#content *,
#content ::after,
#content ::before,
#content::after,
#content::before {
	box-sizing : border-box;
	font-family: "Noto Sans JP", sans-serif
}

#content .content-wrapper {
	-webkit-transform-origin: center top;
	transform-origin        : center top
}

#content .content-wrapper>div {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center
}

#content h2,
#content h3 {
	margin       : 0;
	padding      : 0;
	line-height  : 1;
	border-bottom: 0
}

#content figure {
	margin: 0
}

/* ============================================================
   Intro
   ============================================================ */
#content .intro {
	padding-bottom: 50px
}

#content .intro h1 {
	background   : url(../img/intro.png) center center/contain no-repeat;
	width        : 100%;
	height       : 151.7333333333vw;
	padding      : 0;
	margin-bottom: 0
}

/* ============================================================
   Campaign
   ============================================================ */
#content .campaign {
	display        : flex;
	justify-content: center;
	padding-left   : 20px;
	padding-right  : 20px
}

#content .campaign h2 {
	background: url(../img/campaign-h2.png) center center/contain no-repeat;
	width     : 181px;
	height    : 61.5px
}

#content .campaign a {
	background: url(../img/campaign-btn.png) center center/contain no-repeat;
	width     : 100%;
	height    : 128.6567164179vw;
	margin-top: 20px;
	transition: opacity 300ms
}

@media (pointer:fine) {  /* マウス操作デバイス (hover対応) */
	#content .campaign a:hover {
		opacity: .6
	}
}

#content .campaign a img,
#content .recipes-block figure img,
#content .recipes-block h3 img,
#content .recipes-hint figure img {
	display: none
}

/* ============================================================
   Recipes
   ============================================================ */
#content .recipes {
	padding-top: 40px
}

#content .recipes h2 {
	background: url(../img/recipes-h2.png) center center/contain no-repeat;
	width     : 100%;
	height    : 95.0666666667vw
}

#content .recipes-block,
#content .recipes-block-product {
	display       : flex;
	flex-direction: column;
	align-items   : center;
	width         : 100%
}

#content .recipes-block {
	position  : relative;
	padding   : 0 20px 300px;
	z-index   : 1;
	background: url(../img/recipes-bg.png) center bottom/contain no-repeat
}

#content .recipes-block-product {
	margin-top: 0px
}

#content .recipes-block-product p {
	font-size     : 1rem;
	line-height   : 2;
	letter-spacing: .05rem;
	font-weight   : 500;
	color         : #4e161d;
	margin-top    : 30px
}

#content .recipes-block-product a {
	display         : flex;
	justify-content : center;
	align-items     : center;
	margin-top      : 30px;
	background      : url(../img/recipes-btn.png) center center/contain no-repeat;
	background-color: #7d2120;
	text-indent     : -100vw;
	width           : 300px;
	height          : 60px;
	border-radius   : 10px;
	transition      : opacity 300ms
}

@media (pointer:fine) {  /* マウス操作デバイス (hover対応) */
	#content .recipes-block-product a:hover {
		opacity: .6
	}
}

#content .recipes-block h3 {
	position         : relative;
	-webkit-transform: scale(.9);
	transform        : scale(.9)
}

#content .recipes-block h3::after {
	content       : "";
	display       : block;
	position      : absolute;
	pointer-events: none
}

#content .recipes-block:nth-of-type(1) {
	top: -72px
}

@media screen and (max-width:768px) {  /* SP専用 (〜768px) */
	#content .recipes-block:nth-of-type(1) h3 {
		background: url(../img/recipes-h3-1.png) center center/contain no-repeat;
		width     : 353px;
		height    : 447px
	}

	#content .recipes-block:nth-of-type(1) h3::after {
		top       : -58px;
		right     : -65px;
		background: url(../img/recipes-deco-1.png) center center/contain no-repeat;
		width     : 143px;
		height    : 463px
	}

	#content .recipes-block:nth-of-type(1) figure {
		background: url(../img/recipes-product-1.png) center center/contain no-repeat;
		width     : 335px;
		height    : 102px
	}
}

#content .recipes-block:nth-of-type(2) {
	margin-top: -140px
}

@media screen and (max-width:768px) {  /* SP専用 (〜768px) */
	#content .recipes-block:nth-of-type(2) h3 {
		background: url(../img/recipes-h3-2.png) center center/contain no-repeat;
		width     : 349px;
		height    : 351px
	}

	#content .recipes-block:nth-of-type(2) h3::after {
		top       : -68px;
		left      : -27px;
		background: url(../img/recipes-deco-2.png) center center/contain no-repeat;
		width     : 406px;
		height    : 358.5px
	}

	#content .recipes-block:nth-of-type(2) figure {
		background: url(../img/recipes-product-2.png) center center/contain no-repeat;
		width     : 335px;
		height    : 102px
	}
}

#content .recipes-block:nth-of-type(3) {
	margin-top: -80px
}

@media screen and (max-width:768px) {  /* SP専用 (〜768px) */
	#content .recipes-block:nth-of-type(3) h3 {
		background: url(../img/recipes-h3-3.png) center center/contain no-repeat;
		width     : 352px;
		height    : 370px
	}

	#content .recipes-block:nth-of-type(3) h3::after {
		top       : 0;
		right     : 3px;
		background: url(../img/recipes-deco-3.png) center center/contain no-repeat;
		width     : 351px;
		height    : 297px
	}

	#content .recipes-block:nth-of-type(3) figure {
		background: url(../img/recipes-product-3.png) center center/contain no-repeat;
		width     : 335px;
		height    : 102px
	}
}

#content .recipes-block:nth-of-type(4) {
	margin-top: -40px
}

@media screen and (max-width:768px) {  /* SP専用 (〜768px) */
	#content .recipes-block:nth-of-type(4) h3 {
		background: url(../img/recipes-h3-4.png) center center/contain no-repeat;
		width     : 407px;
		height    : 343px
	}

	#content .recipes-block:nth-of-type(4) h3::after {
		top       : -100px;
		left      : -64px;
		background: url(../img/recipes-deco-4.png) center center/contain no-repeat;
		width     : 506.5px;
		height    : 377px
	}

	#content .recipes-block:nth-of-type(4) figure {
		background: url(../img/recipes-product-4.png) center center/contain no-repeat;
		width     : 335px;
		height    : 102px
	}
}

#content .recipes-block:nth-of-type(5) {
	margin-top: -75px
}

@media screen and (max-width:768px) {  /* SP専用 (〜768px) */
	#content .recipes-block:nth-of-type(5) h3 {
		background: url(../img/recipes-h3-5.png) center center/contain no-repeat;
		width     : 352px;
		height    : 286px
	}

	#content .recipes-block:nth-of-type(5) h3::after {
		top       : -40px;
		right     : -62px;
		background: url(../img/recipes-deco-5.png) center center/contain no-repeat;
		width     : 389.5px;
		height    : 281.5px
	}

	#content .recipes-block:nth-of-type(5) figure {
		background: url(../img/recipes-product-5.png) center center/contain no-repeat;
		width     : 335px;
		height    : 102px
	}
}

/* 絶対的に最後の .recipes-block（=末尾の<div>に .recipes-hint がある前提で、末尾から2番目の<div>）に背景非表示＋位置調整を適用（SP） */
#content .recipes-block:nth-last-of-type(2) {
	margin-top    : -44px;
	padding-bottom: 40px;
	background    : 0 0
}

@media screen and (max-width:768px) {  /* SP専用 (〜768px) */
	#content .recipes-block:nth-of-type(6) h3 {
		background: url(../img/recipes-h3-6.png) center center/contain no-repeat;
		width     : 335px;
		height    : 310px
	}

	#content .recipes-block:nth-of-type(6) h3::after {
		top       : -52px;
		left      : 0;
		background: url(../img/recipes-deco-6.png) center center/contain no-repeat;
		width     : 349px;
		height    : 289.5px
	}

	#content .recipes-block:nth-of-type(6) figure {
		background: url(../img/recipes-product-6.png) center center/contain no-repeat;
		width     : 335px;
		height    : 102px
	}
}

/* ============================================================
   Recipes - Hint
   ============================================================ */
#content .recipes-hint,
#content .recipes-hint-img {
	display       : flex;
	flex-direction: column;
	align-items   : center
}

#content .recipes-hint {
	width         : 100%;
	padding-top   : 15px;
	padding-bottom: 30px
}

#content .recipes-hint h3 {
	background: url(../img/recipes-h3-hint.png) center center/contain no-repeat;
	width     : 100%;
	height    : 100vw
}

#content .recipes-hint figure {
	position  : relative;
	margin-top: -105px;
	background: url(../img/recipes-hint.png) center center/contain no-repeat;
	width     : 100%;
	height    : 72.5373134328vw;
	max-width : calc(100vw - 40px);
	z-index   : 1
}

#content .recipes-hint h4 {
	position  : relative;
	margin-top: -34px;
	background: url(../img/recipes-h4-hint.png) center center/contain no-repeat;
	width     : 243px;
	height    : 74.5px;
	z-index   : 1
}

#content .recipes-hint p {
	width         : calc(100% - 40px);
	color         : #4e161d;
	font-size     : 1rem;
	line-height   : 2;
	letter-spacing: .05rem;
	font-weight   : 500
}

#content .recipes-hint p+p {
	margin-top: 1em
}

#content .recipes-hint-img {
	justify-content: center;
	margin-top     : 50px
}

#content .recipes-hint-img img {
	/*width: calc(100% - 80px)*/
	width: calc(90% - 80px)
}

#content .recipes-hint-img img+img {
	margin-top: 30px
}

/* ============================================================
   Display-none (products / valentine 共通)
   ============================================================ */
#content .products-block a figure img,
#content .recipes-bar,
#content .valentine div a figure img,
#content .valentine h2 img {
	display: none
}

/* ============================================================
   Products
   ============================================================ */
#content .products {
	padding-top  : 60px;
	padding      : bottom 120px;
	px;
	margin-bottom: 15px;
	background   : url(../img/products-bg-1.png) center top/100% auto no-repeat, url(../img/products-bg-2.png) center bottom/100% auto no-repeat, #f9d9d8
}

#content .products h2 {
	background: url(../img/products-h2.png) center center/contain no-repeat;
	width     : 208px;
	height    : 83px
}

#content .products-block,
#content .products-block a {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center
}

#content .products-block {
	margin-top: 20px
}

#content .products-block a {
	width          : calc(100% - 40px);
	margin         : 0;
	transition     : opacity 300ms;
	text-decoration: none
}

#content .products-block a+a,
#content .valentine div a+a {
	margin-top: 50px
}

@media (pointer:fine) {  /* マウス操作デバイス (hover対応) */
	#content .products-block a:hover {
		opacity: .6
	}
}

#content .products-block a:nth-of-type(1) figure {
	background: url(../img/products-1.png) center center/contain no-repeat;
	width     : 335px;
	height    : 264px
}

#content .products-block a:nth-of-type(2) figure {
	background: url(../img/products-2.png) center center/contain no-repeat;
	width     : 335px;
	height    : 292px
}

#content .products-block a:nth-of-type(3) figure {
	background: url(../img/products-3.png) center center/contain no-repeat;
	width     : 335px;
	height    : 290px
}

#content .products-block a:nth-of-type(4) figure {
	background: url(../img/products-4.png) center center/contain no-repeat;
	width     : 335px;
	height    : 290px
}

#content .products-block a:nth-of-type(5) figure {
	background: url(../img/products-5.png) center center/contain no-repeat;
	width     : 335px;
	height    : 290px
}

#content .products-block p {
	font-size     : 1rem;
	line-height   : 1.75;
	letter-spacing: .05rem;
	font-weight   : 500;
	color         : #4e161d;
	margin-top    : 20px
}

#content .products-block_pkg {
	display        : flex;
	justify-content: center;
	width          : 1260px;
	margin-top     : 0;
	padding        : 15px 0 60px;
	font-size      : 80%;
	color          : #4e161d;
}

#content .products-others {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center;
	margin-top     : 50px
}

#content .products-others h3 {
	background: url(../img/products-h3.png) center center/contain no-repeat;
	width     : 198px;
	height    : 21px
}

#content .products-others div {
	display        : flex;
	justify-content: center;
	align-items    : center;
	margin-top     : 30px
}

#content .products-others div a {
	width        : 100px;
	height       : 100px;
	margin       : 0 9px;
	border-radius: 50%;
	box-shadow   : 0 0 10px rgba(51, 51, 51, .1);
	transition   : opacity 300ms
}

#content .products-others div a img {
	width : 100%;
	height: 100%
}

@media (pointer:fine) {  /* マウス操作デバイス (hover対応) */
	#content .products-others div a:hover {
		opacity: .6
	}
}

/* ============================================================
   Valentine
   ============================================================ */
#content .valentine {
	background    : url(../img/products-bg-1.png) center top/100% auto no-repeat, url(../img/products-bg-2.png) center bottom/100% auto no-repeat, #f9d9d8;
	margin-top    : 54px;
	padding-top   : 70px;
	padding-bottom: 130px
}

#content .valentine h2 {
	background: url(../img/valentine-h2.png) center center/contain no-repeat;
	width     : 251px;
	height    : 214px
}

#content .valentine div {
	display       : flex;
	flex-direction: column;
	margin-top    : 55px
}

#content .valentine div a {
	display        : flex;
	padding-left   : 20px;
	padding-right  : 20px;
	flex-direction : column;
	align-items    : center;
	text-decoration: none;
	transition     : opacity 300ms
}

@media (pointer:fine) {  /* マウス操作デバイス (hover対応) */
	#content .valentine div a:hover {
		opacity: .6
	}
}

#content .valentine div a:nth-of-type(1) figure {
	width     : 100%;
	height    : 92.7927927928vw;
	background: url(../img/valentine-1.png) center center/contain no-repeat
}

#content .valentine div a:nth-of-type(2) figure {
	width     : 100%;
	height    : 92.5373134328vw;
	background: url(../img/valentine-2.png) center center/contain no-repeat
}

#content .valentine div p {
	width         : calc(100% - 80px);
	font-size     : 1rem;
	line-height   : 1.75;
	letter-spacing: .05rem;
	font-weight   : 500;
	color         : #4e161d;
	margin-top    : 20px
}

/* ============================================================
   Banner
   ============================================================ */
#content .banner {
	padding: 10px 20px 40px
}

#content .banner a {
	background: url(../img/banner.png) center center/contain no-repeat;
	width     : 100%;
	height    : 65.9701492537vw;
	transition: opacity 300ms
}

@media (pointer:fine) {  /* マウス操作デバイス (hover対応) */
	#content .banner a:hover {
		opacity: .6
	}
}

/* ============================================================
   Animate (scroll-in)
   ============================================================ */
#content .animate {
	-webkit-transform: translateY(200px);
	transform        : translateY(200px);
	opacity          : 0;
	transition       : transform 1000ms, opacity 1200ms;
	transition       : transform 1000ms, opacity 1200ms, -webkit-transform 1000ms
}

#content .animate.appeared {
	-webkit-transform: translateY(0);
	transform        : translateY(0);
	opacity          : 1
}

/* ============================================================
   PC / Tablet Layout  (min-width: 768.001px)
   ============================================================ */
@media screen and (min-width:768.001px) {  /* PC・タブレット */
	@-webkit-keyframes deco {

		0%,
		to {
			-webkit-transform: translateY(0);
			transform        : translateY(0)
		}

		50% {
			-webkit-transform: translateY(-10px);
			transform        : translateY(-10px)
		}
	}

	@keyframes deco {

		0%,
		to {
			-webkit-transform: translateY(0);
			transform        : translateY(0)
		}

		50% {
			-webkit-transform: translateY(-10px);
			transform        : translateY(-10px)
		}
	}

	p.breadcrumbs {
		width    : 100%;
		max-width: 1200px
	}

	#content .intro {
		padding-top   : 50px;
		padding-bottom: 50px
	}

	#content .intro h1 {
		background-image: url(../img/intro-pc.png);
		width           : 100%;
		height          : 38.6875vw
	}

	#content .campaign h2 {
		background-image: url(../img/campaign-h2-pc.png);
		width           : 362px;
		height          : 126px
	}

	#content .campaign a {
		background: 0 0 !important;
		width     : auto !important;
		height    : auto !important;
		margin-top: 50px
	}

	#content .campaign a img {
		display: block;
		width  : 1060px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .campaign a img {
		width: 795px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .campaign a img {
		width: 596.25px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes {
		padding-top: 100px
	}

	#content .recipes h2 {
		background-image: url(../img/recipes-h2-pc.png);
		width           : 100%;
		height          : 35.75vw
	}

	#content .recipes-block {
		padding        : 0 100px;
		justify-content: center;
		flex-direction : row-reverse
	}

	#content .recipes-block-product {
		z-index   : 1;
		width     : 500px;
		margin-top: 0
	}

	#content .recipes-block-product p {
		margin-top: 50px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block-product p {
		font-size : .875rem;
		margin-top: 30px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block-product a {
		margin-top: 50px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block-product a {
		width     : 281.25px;
		margin-top: 30px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block-product {
		width: 375px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block-product {
		width: 281.25px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block figure {
		background: 0 0
	}

	#content .recipes-block figure img {
		display: block;
		width  : 100%;
		height : auto
	}

	#content .recipes-block h3 img {
		display: block;
		height : auto
	}

	#content .recipes-block h3::after {
		z-index          : -1;
		-webkit-animation: 3000ms deco cubic-bezier(.445, .05, .55, .95) infinite;
		animation        : 3000ms deco cubic-bezier(.445, .05, .55, .95) infinite
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block h3::after {
		-webkit-transform: scale(.75);
		transform        : scale(.75)
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(odd) {
		background-image: url(../img/recipes-bg-1-pc.png)
	}

	#content .recipes-block:nth-of-type(odd) h3 {
		margin-left             : 100px;
		-webkit-transform-origin: left center;
		transform-origin        : left center
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(odd) h3 {
		margin-left: 50px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(even) {
		flex-direction  : row;
		background-image: url(../img/recipes-bg-2-pc.png)
	}

	#content .recipes-block:nth-of-type(even) h3 {
		margin-right            : 100px;
		-webkit-transform-origin: right center;
		transform-origin        : right center
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(even) h3 {
		margin-right: 50px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(1) {
		top           : -105px;
		padding-left  : 200px;
		padding-bottom: 330px
	}

	#content .recipes-block:nth-of-type(1) h3 img {
		width: 668px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(1) h3 img {
		width: 501px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(1) h3 img {
		width: 375.75px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(1) h3::after {
		background: url(../img/recipes-deco-1-pc.png) center center/contain no-repeat;
		top       : -136px;
		right     : -164px;
		width     : 300px;
		height    : 936px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(1) h3::after {
		top   : -102px;
		right : -123px;
		width : 225px;
		height: 702px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(1) h3::after {
		top   : -76.5px;
		right : -92.25px;
		width : 168.75px;
		height: 526.5px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(2) {
		padding-left  : 200px;
		padding-right : 200px;
		padding-bottom: 440px;
		margin-top    : -130px
	}

	#content .recipes-block:nth-of-type(2) h3 img {
		width: 632px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(2) h3 img {
		width: 474px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(2) h3 img {
		width: 355.5px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(2) h3::after {
		background: url(../img/recipes-deco-2-pc.png) center center/contain no-repeat;
		top       : -68px;
		left      : -112px;
		width     : 1533px;
		height    : 698px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(2) h3::after {
		top   : -51px;
		left  : -84px;
		width : 1149.75px;
		height: 523.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(2) h3::after {
		top   : -38.25px;
		left  : -63px;
		width : 862.3125px;
		height: 392.625px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(3) {
		padding-left  : 200px;
		padding-bottom: 410px;
		margin-top    : -80px
	}

	#content .recipes-block:nth-of-type(3) h3 img {
		width: 718px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(3) h3 img {
		width: 538.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(3) h3 img {
		width: 403.875px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(3) h3::after {
		background: url(../img/recipes-deco-3-pc.png) center center/contain no-repeat;
		top       : -9px;
		right     : -37px;
		width     : 1461.5px;
		height    : 669.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(3) h3::after {
		top   : -6.75px;
		right : -27.75px;
		width : 1096.125px;
		height: 502.125px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(3) h3::after {
		top   : -5.0625px;
		right : -20.8125px;
		width : 822.09375px;
		height: 376.59375px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(4) {
		margin-top    : 20px;
		padding-right : 200px;
		padding-bottom: 470px
	}

	#content .recipes-block:nth-of-type(4) h3 img {
		width: 718px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(4) h3 img {
		width: 538.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(4) h3 img {
		width: 403.875px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(4) h3::after {
		background: url(../img/recipes-deco-4-pc.png) center center/contain no-repeat;
		top       : -257px;
		left      : -150px;
		width     : 1768.5px;
		height    : 799px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(4) h3::after {
		top   : -192.75px;
		left  : -112.5px;
		width : 1326.375px;
		height: 599.25px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(4) h3::after {
		top   : -144.5625px;
		left  : -84.375px;
		width : 994.78125px;
		height: 449.4375px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(5) {
		margin-top    : 0;
		padding-left  : 200px;
		padding-bottom: 410px
	}

	#content .recipes-block:nth-of-type(5) h3 img {
		width: 718px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(5) h3 img {
		width: 538.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(5) h3 img {
		width: 403.875px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(5) h3::after {
		background: url(../img/recipes-deco-5-pc.png) center center/contain no-repeat;
		top       : -70px;
		right     : -89px;
		width     : 1558.5px;
		height    : 744.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(5) h3::after {
		top   : -52.5px;
		right : -66.75px;
		width : 1168.875px;
		height: 558.375px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(5) h3::after {
		top   : -39.375px;
		right : -50.0625px;
		width : 876.65625px;
		height: 418.78125px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	/* 絶対的に最後の .recipes-block（=末尾の<div>に .recipes-hint がある前提で、末尾から2番目の<div>）に背景非表示＋位置調整を適用（PC・タブレット）
	   padding-bottom は :nth-of-type(5) の 410px を上書き */
	#content .recipes-block:nth-last-of-type(2) {
		margin-top    : -30px;
		padding-right : 200px;
		padding-bottom: 100px;
		background    : 0 0
	}

	#content .recipes-block:nth-of-type(6) h3 img {
		width: 700px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(6) h3 img {
		width: 525px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(6) h3 img {
		width: 393.75px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-block:nth-of-type(6) h3::after {
		background: url(../img/recipes-deco-6-pc.png) center center/contain no-repeat;
		top       : -100px;
		left      : 0;
		width     : 1400px;
		height    : 609px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-block:nth-of-type(6) h3::after {
		top   : -75px;
		left  : 0;
		width : 1050px;
		height: 456.75px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-block:nth-of-type(6) h3::after {
		top   : -56.25px;
		left  : 0;
		width : 787.5px;
		height: 342.5625px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-hint h3 {
		background: url(../img/recipes-h3-hint-pc.png) center center/contain no-repeat;
		width     : 100%;
		height    : 42.0625vw
	}

	#content .recipes-hint figure {
		display        : flex;
		justify-content: center;
		margin-top     : -240px;
		background     : 0 0;
		height         : auto
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-hint figure {
		margin-top: -160px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-hint figure img {
		display: block;
		width  : 1200px;
		height : auto
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-hint figure img {
		width: 800px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-hint h4 {
		margin-top: -72px;
		background: url(../img/recipes-h4-hint-pc.png) center center/contain no-repeat;
		width     : 504.5px;
		height    : 154px;
		z-index   : 1
	}

	#content .recipes-hint p {
		width: 800px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-hint p {
		font-size: .875rem
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-hint-img {
		flex-direction : row;
		flex-wrap      : nowrap;
		width          : 1200px;
		justify-content: center;
		align-items    : center;
		margin-top     : 50px
	}

	#content .recipes-hint-img img {
		width: 360px
	}

	#content .recipes-hint-img img+img {
		margin-top : 0;
		margin-left: 60px
	}

	#content .recipes-hint-img img:nth-of-type(2) {
		transition-delay: 100ms !important
	}

	#content .recipes-hint-img img:nth-of-type(3) {
		transition-delay: 200ms !important
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-hint-img {
		width: 800px
	}

	#content .recipes-hint-img img {
		width: 240px
	}

	#content .recipes-hint-img img+img {
		margin-left: 40px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-bar {
		display          : flex;
		flex-direction   : column;
		align-items      : center;
		position         : fixed;
		top              : 50%;
		right            : 40px;
		z-index          : 10;
		-webkit-transform: translate(100%, -50%);
		transform        : translate(100%, -50%);
		opacity          : 0;
		transition       : transform 600ms, opacity 600ms;
		transition       : transform 600ms, opacity 600ms, -webkit-transform 600ms
	}

	#content .recipes-bar.shown {
		-webkit-transform: translate(0, -50%);
		transform        : translate(0, -50%);
		opacity          : 1
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-bar {
		right: 30px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-bar strong {
		display    : block;
		text-indent: -100vw;
		background : url(../img/recipes-bar-title.png) center center/contain no-repeat;
		top        : 0;
		right      : 0;
		width      : 124px;
		height     : 57px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .recipes-bar strong {
		top   : 0;
		right : 0;
		width : 93px;
		height: 42.75px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .recipes-bar strong {
		top   : 0;
		right : 0;
		width : 69.75px;
		height: 32.0625px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .recipes-bar-list {
		position  : relative;
		margin-top: 20px
	}

	#content .recipes-bar-list::after {
		content   : "";
		display   : block;
		position  : absolute;
		top       : 0;
		left      : calc(50% - 2px);
		width     : 4px;
		height    : 100%;
		background: #e13023
	}

	#content .recipes-bar-list div {
		display       : flex;
		flex-direction: column
	}

	#content .recipes-bar-list div a {
		position: relative
	}

	#content .recipes-bar-list div a+a {
		margin-top: 20px
	}

	#content .recipes-bar-list div a img {
		position: relative;
		width   : 64px;
		height  : 64px;
		z-index : 2
	}

	#content .recipes-bar-list div a span {
		display          : flex;
		justify-content  : center;
		align-items      : center;
		position         : absolute;
		top              : -8px;
		right            : -8px;
		width            : 280px;
		height           : 80px;
		padding          : 10px 80px 10px 30px;
		border-radius    : 100px;
		background       : #e13023;
		color            : #fff;
		font-size        : .9375rem;
		line-height      : 1.6;
		letter-spacing   : .046875rem;
		font-weight      : 500;
		-webkit-transform: translateX(30px);
		transform        : translateX(30px);
		opacity          : 0;
		transition       : transform 300ms, opacity 600ms;
		transition       : transform 300ms, opacity 600ms, -webkit-transform 300ms;
		pointer-events   : none
	}
}

@media screen and (min-width:768.001px) and (pointer:fine) {  /* PC・タブレット かつ マウス操作 */
	#content .recipes-bar-list div a:hover span {
		-webkit-transform: translateX(0);
		transform        : translateX(0);
		opacity          : 1;
		pointer-events   : auto
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .products {
		padding-top   : 225px;
		padding-bottom: 255px;
		margin-bottom : 50px;
		background    : url(../img/products-bg-1-pc.png) center top/100% auto no-repeat, url(../img/products-bg-2-pc.png) center bottom/100% auto no-repeat, #f9d9d8
	}

	#content .products h2 {
		background: url(../img/products-h2-pc.png) center center/contain no-repeat;
		width     : 400px;
		height    : 157px
	}

	#content .products-block {
		display       : flex;
		flex-direction: row;
		flex-wrap     : wrap;
		align-items   : flex-start;
		width         : 1260px;
		margin-top    : 0;
		padding       : 75px 0 0
	}

	#content .products-block a {
		width     : 360px;
		margin    : 25px 30px;
		transition: opacity 300ms
	}

	#content .products-block a+a {
		margin-top: 25px
	}

	#content .products-block a figure {
		background: 0 0 !important;
		width     : auto !important;
		height    : auto !important
	}

	#content .products-block a figure img {
		display: block;
		width  : 360px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .products-block a figure img {
		width: 270px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .products-block a figure img {
		width: 202.5px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .products-block p {
		font-size     : 1rem;
		line-height   : 1.75;
		letter-spacing: .05rem;
		font-weight   : 500;
		color         : #4e161d;
		margin-top    : 20px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .products-block p {
		font-size: .875rem
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .products-block {
		width: 840px
	}

	#content .products-block a {
		width : 240px;
		margin: 20px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .products-others {
		margin-top: 0
	}

	#content .products-others h3 {
		width : 300px;
		height: 30px
	}

	#content .products-others div {
		margin-top: 50px
	}

	#content .products-others div a {
		width : 200px;
		height: 200px;
		margin: 0 25px
	}

	#content .valentine {
		background    : url(../img/valentine-bg-1-pc.png) center top/100% auto no-repeat, url(../img/valentine-bg-2-pc.png) center bottom/100% auto no-repeat, #f9d9d8;
		width         : 100%;
		margin-top    : -184px;
		padding-top   : 285px;
		padding-bottom: 250px
	}

	#content .valentine h2 {
		background: 0 0 !important;
		width     : auto !important;
		height    : auto !important
	}

	#content .valentine h2 img {
		display: block;
		width  : 1006px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .valentine h2 img {
		width: 754.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .valentine h2 img {
		width: 565.875px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .valentine div {
		flex-direction : row;
		width          : 1000px;
		justify-content: space-between;
		margin-top     : 70px
	}

	#content .valentine div a {
		display       : flex;
		flex-direction: column;
		align-items   : center
	}

	#content .valentine div a figure {
		background: 0 0 !important;
		width     : auto !important;
		height    : auto !important
	}

	#content .valentine div a figure img {
		display: block;
		width  : 470px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .valentine div a figure img {
		width: 352.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .valentine div a figure img {
		width: 264.375px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .valentine div a+a {
		margin-top: 0
	}

	#content .valentine div p {
		width: 410px
	}
}

@media screen and (min-width:768.001px) and (max-width:1049.999px) {  /* PC・タブレット (小: 〜1049.999px) */
	#content .valentine div p {
		font-size: .875rem
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) {  /* PC・タブレット (中〜小: 〜1599.999px) */
	#content .valentine div {
		width: 800px
	}

	#content .valentine div p {
		width: 470px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) and (max-width:1599.999px) {  /* PC・タブレット (〜1599.999px 二重指定) */
	#content .valentine div p {
		width: 352.5px
	}
}

@media screen and (min-width:768.001px) and (max-width:1599.999px) and (max-width:1049.999px) {  /* PC・タブレット (〜1049.999px) */
	#content .valentine div p {
		width: 264.375px
	}
}

@media screen and (min-width:768.001px) {  /* PC・タブレット */
	#content .banner {
		padding: 40px 0 86px
	}

	#content .banner a {
		background: url(../img/banner-pc.png) center center/contain no-repeat;
		width     : 986px;
		height    : 138px
	}

	#content .animate {
		transition: transform 600ms, opacity 800ms;
		transition: transform 600ms, opacity 800ms, -webkit-transform 600ms
	}
}