@charset "UTF-8";
/*
**************************************************************************
*	march-2023 style.css
**************************************************************************/
/* --------------------------------------------------
		common
-------------------------------------------------- */
.march-2023 {
	overflow: hidden;
	font-size: 16px;
	line-height: 1.8em;
	font-family: YakuHanJP_Noto, 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.march-2023 * {
	box-sizing: border-box;
}

.march-2023 .cfx:after {
	content: "";
	display: table;
	clear: both;
}

.banners {
	padding-top: 0;
}

.page-ouchigohan .anc-tgt {
	margin-top: 0;
	padding-top: 0;
}

@media screen and (min-width: 769px), print {
	.page-ouchigohan .anc-tgt {
		margin-top: -116px;
		padding-top: 116px;
	}
}

/* --------------------------------------------------
		visual
-------------------------------------------------- */
.visual {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
}

.visual::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.visual .m-cts__inner {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	background-image: url(/ouchigohan/img/march-2023/mv_sp_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.visual-cts {
	position: relative;
	padding-bottom: 20px;
}

.visual-cts__title {
	position: relative;
	width: 65%;
	margin: 0 auto;
	padding-top: 60px;
	z-index: 1;
}

.visual-cts__title img {
	display: block;
	width: 100%;
}

.visual-cts__lead {
	margin-top: 130px;
	color: #333;
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
	letter-spacing: 0.06em;
}

@media screen and (min-width: 769px), print {
	.visual .m-cts__inner {
		background-image: none;
	}
	.visual-cts__title {
		width: 77.33333%;
		padding-top: 20px;
	}
}

/* --------------------------------------------------
		anchor
-------------------------------------------------- */
.anchor {
	padding: 25px 0 0;
	position: relative;
	z-index: 3;
}

.anchor .anchorLists {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.anchor .anchorLists .anchorList {
	width: calc(50% - 2%);
}

.anchor .anchorLists .anchorList a {
	opacity: 1;
	transition: 0.3s;
}

.anchor .anchorLists a:hover {
	opacity: 0.8;
}

/* --------------------------------------------------
		sct-recipe
-------------------------------------------------- */
.sct-recipe01 {
	position: relative;
	z-index: 2;
}

.sct-recipe02 {
	position: relative;
	z-index: 1;
}

.sct-recipe01,
.sct-recipe02 {
	padding: 0px;
}

.sct-recipe01 .m-cts__inner,
.sct-recipe02 .m-cts__inner {
	margin: 0;
	max-width: 100%;
}

.sct-recipe01-cts,
.sct-recipe02-cts {
	position: relative;
}

.sct-recipe01-cts-lead,
.sct-recipe02-cts-lead {
	position: relative;
	text-align: center;
	z-index: 1;
	display: block;
	color: #333333;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.08em;
}

.sct-recipe01 .recipeLists .recipeList,
.sct-recipe02 .recipeLists .recipeList {
	width: 100%;
}

.sct-recipe01 .recipeLists .recipeList-imgWrap,
.sct-recipe02 .recipeLists .recipeList-imgWrap {
	margin-bottom: 0;
}

.sct-recipe01 .recipeLists .recipeList-img img,
.sct-recipe02 .recipeLists .recipeList-img img {
	height: auto;
	width: calc( 100% + 1px);
	-o-object-fit: contain;
	object-fit: contain;
	font-family: 'object-fit: contain';
}

.recipeLists .recipeList-texts {
	position: relative;
	background-color: #f7f6f4;
	overflow: hidden;
}

.sct-recipe .recipeLists .recipeList-texts__inner {
	position: relative;
	z-index: 1;
}

¥
.sct-recipe01 .recipeLists .recipeList-texts__lead,
.sct-recipe01 .recipeLists .recipeList-texts__link,
.sct-recipe02 .recipeLists .recipeList-texts__lead,
.sct-recipe02 .recipeLists .recipeList-texts__link {
	width: 100%;
}

.sct-recipe01 .recipeLists .recipeList-texts__name,
.sct-recipe02 .recipeLists .recipeList-texts__name {
	text-align: center;
	width: 100%;
	margin: 0 auto 22px;
}

.sct-recipe01 .recipeLists .recipeList-texts__lead,
.sct-recipe02 .recipeLists .recipeList-texts__lead {
	padding: 0;
	margin-bottom: 25px;
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
	height: auto;
	color: #333;
}

.sct-recipe01 .recipeLists .recipeList-texts__link,
.sct-recipe02 .recipeLists .recipeList-texts__link {
	height: 52px;
	width: 86%;
	margin: 0 auto;
	border-radius: 25px;
	box-sizing: border-box;
	background-color: #fff;
	text-align: center;
}

.sct-recipe01 .recipeLists .recipeList-texts__link a,
.sct-recipe02 .recipeLists .recipeList-texts__link a {
	display: block;
	position: relative;
	height: 52px;
	line-height: 50px;
	box-sizing: border-box;
	color: #fff;
}

.sct-recipe01 .recipeLists .recipeList-texts__link a::after,
.sct-recipe02 .recipeLists .recipeList-texts__link a::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
}

.sct-recipe01 .recipeLink,
.sct-recipe02 .recipeLink {
	margin-left: auto;
	margin-right: auto;
}

.sct-recipe01 .recipeLink a,
.sct-recipe02 .recipeLink a {
	transition: 0.3s;
}

.sct-recipe01 .recipeLink a:hover,
.sct-recipe02 .recipeLink a:hover {
	opacity: 0.8;
}

/* .sct-recipe01 */
.sct-recipe01 {
	margin-bottom: 50px;
}

.sct-recipe01-cts {
	position: relative;
	margin-top: 100px;
}

.sct-recipe01-cts-ttlbox {
	position: relative;
	padding: 0 0 40px;
	z-index: 1;
	background: url(/ouchigohan/img/march-2023/ttl_anchorbg_1_sp.png) no-repeat top center;
	background-size: cover;
}

.sct-recipe01-cts-title {
	z-index: 1;
	width: 100%;
	margin: 0 auto 20px;
}

.sct-recipe01-cts-lead {
	padding-top: 0;
}

.sct-recipe01 .recipeLists .recipeList-texts {
	position: relative;
}

.sct-recipe01 .recipeLists .recipeList-texts > p {
	position: relative;
	z-index: 1;
}

.sct-recipe01 .recipeLink {
	padding: 42px 12.53% 0 10%;
}

.sct-recipe01 .recipeLists .recipeList-texts {
	padding: 40px 5.33% 50px;
	background: url(/ouchigohan/img/march-2023/bg_recipe_1_sp.png) no-repeat top center;
	background-size: cover;
}

.sct-recipe01 .recipeLists .recipeList-texts__link {
	background-color: #49AE76;
}

/* sct-recipe02 */
.sct-recipe02 {
	margin-bottom: 82px;
}

.sct-recipe02-cts {
	position: relative;
	padding-top: 0;
}

.sct-recipe02-cts-ttlbox {
	position: relative;
	padding: 0 0 50px;
	z-index: 1;
	background: url(/ouchigohan/img/march-2023/ttl_anchorbg_2_sp.png) no-repeat top center;
	background-size: cover;
}

.sct-recipe02-cts-title {
	z-index: 1;
	width: 100%;
	margin: 0 auto 20px;
}

.sct-recipe02-cts-lead {
	padding-top: 0;
}

.sct-recipe02 .recipeLists .recipeList-texts {
	position: relative;
}

.sct-recipe02 .recipeLists .recipeList-texts > p {
	position: relative;
	z-index: 1;
}

.sct-recipe02 .recipeLink {
	padding: 50px 12.53% 0 10.13%;
}

.sct-recipe02 .recipeLists .recipeList-texts {
	padding: 40px 5.33% 50px;
	background: url(/ouchigohan/img/march-2023/bg_recipe_2_sp.png) no-repeat top center;
	background-size: cover;
}

.sct-recipe02 .recipeLists .recipeList-texts__link {
	background-color: #E5808B;
}

/* --------------------------------------------------
		foodcategory
-------------------------------------------------- */
.foodcategory {
	padding: 55px 4% 0;
}

.foodcategory-ttl {
	width: 91.88%;
	margin: 0 auto 25px;
}

.recipeLinks li:nth-child(2) {
	margin-top: 23px;
}

.recipeLinks li:nth-child(3) {
	margin-top: 28px;
}

/* --------------------------------------------------
	otherRecipe
-------------------------------------------------- */
.otherRecipe {
	position: relative;
	width: 100%;
	margin-top: 100px;
	margin-bottom: 90px;
	z-index: 2;
}
.otherRecipeInner {
	margin: 0 auto;
	padding: 0 4%;
	text-align: left;
}
.otherRecipe .bannersLists {
	width: 100%;
	display: block;
	line-height: 1;
}
.otherRecipe .bannersList {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	overflow: hidden;
}
.otherRecipe__title {
	max-width: 278px;
	margin: 0 auto 20px;
	text-align: center;
}
.otherRecipe .bannerList__image {
	display: block;
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,.005);
}
.otherRecipe .bannersList__link figure {
	margin: 0 0 20px;
	padding: 0;
}
.otherRecipe .bannersList__title {
	display: inline;
	font-size: 15px;
	font-weight: bold;
	line-height: 2em;
	color: #552b1c;
	text-align: left;
}
.otherRecipe .bannersList__title span {
	line-height: 1.5em;
	border-bottom: 1px solid #552b1c;
}
.otherRecipe .banner-cookpad {
	margin: 30px auto 0;
}
.otherRecipe .banner-cookpad .banner-cookpad__link  {
	display: inline-block;
	width: auto;
	height: 100%;
}
.otherRecipe .banner-cookpad .banner-cookpad__link img {
	width: 100%;
	vertical-align: bottom;
}

@media screen and (min-width: 769px), print {
	/* --------------------------------------------------
			visual
	-------------------------------------------------- */
	.visual {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		height: 680px;
		max-width: 1800px;
	}
	.visual .m-cts__inner {
		position: static;
		width: 100%;
		margin: 0 auto;
	}
	.visual::before {
		background-image: url(/ouchigohan/img/march-2023/mv_pc_bg.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 1800px auto;
	}
	.visual-cts {
		position: relative;
		overflow: visible;
	}
	.visual-cts__title {
		margin: 0 auto;
		padding-top: 60px;
		max-width: 745px;
		z-index: 2;
		right: 35px;
	}
	.visual-cts__lead {
		text-align: center;
		z-index: 3;
		font-size: 20px;
		margin-top: 78px;
	}
	.visual-cts__lead span {
		line-height: 1.8em;
	}
	/* --------------------------------------------------
			anchor
	-------------------------------------------------- */
	.anchor {
		position: relative;
		padding: 40px 0 50px;
		max-width: 1800px;
		margin: 0 auto;
	}
	.anchor .anchorLists {
		justify-content: center;
		position: relative;
		z-index: 1;
	}
	.anchor .anchorLists .anchorList {
		width: calc(50% - 20px);
		max-width: 440px;
		margin: 0 20px;
		opacity: 1;
		transition: 0.3s;
	}
	.anchor .anchorLists .anchorList a:hover {
		opacity: 0.8;
	}
	/* --------------------------------------------------
			sct-recipe
	-------------------------------------------------- */
	.sct-recipe01 .m-cts__inner,
	.sct-recipe02 .m-cts__inner {
		margin: 0 auto;
	}
	.sct-recipe01-cts,
	.sct-recipe02-cts {
		display: flex;
		justify-content: flex-start;
		position: relative;
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		padding: 0;
	}
	.sct-recipe01-cts-ttlbox,
	.sct-recipe02-cts-ttlbox {
		flex: auto;
		display: flex;
		justify-content: center;
		padding-bottom: 63px;
		background-image: none;
	}
	.sct-recipe01-cts-ttlbox-inner,
	.sct-recipe02-cts-ttlbox-inner {
		position: relative;
	}
	.sct-recipe01-cts-ttlbox-inner .sct-recipe01-cts-lead,
	.sct-recipe02-cts-ttlbox-inner .sct-recipe02-cts-lead {
		margin: 20px auto 0;
	}
	.sct-recipe01-cts-title,
	.sct-recipe02-cts-title {
		position: relative;
		width: 100%;
		text-align: center;
	}
	.sct-recipe01-cts-lead,
	.sct-recipe02-cts-lead {
		width: 100%;
		margin: 0;
		font-size: 20px;
		line-height: 1.8;
		letter-spacing: 0;
	}
	.sct-recipe01 .recipeLink,
	.sct-recipe02 .recipeLink {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 0;
		text-align: center;
		width: auto;
	}
	.sct-recipe02 .recipeLists .recipeList-texts::before {
		background-image: none;
		padding: 5px;
	}
	.sct-recipe01 .recipeLists, .sct-recipe02 .recipeLists {
		position: relative;
		max-width: 1400px;
		margin: 0 auto;
		z-index: 2;
	}
	.sct-recipe01 .recipeLists .recipeList,
	.sct-recipe02 .recipeLists .recipeList {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
	}
	.sct-recipe01 .recipeLists .recipeList::before,
	.sct-recipe02 .recipeLists .recipeList::before {
		background-position: left 0 top 20px;
		background-size: auto;
	}
	.sct-recipe01 .recipeLists .recipeList:nth-of-type(odd),
	.sct-recipe02 .recipeLists .recipeList:nth-of-type(even) {
		flex-direction: row-reverse;
	}
	.sct-recipe02 .recipeLists .recipeList:nth-of-type(even) {
		flex-direction: row;
	}
	.sct-recipe02 .recipeLists .recipeList:nth-of-type(odd) {
		flex-direction: row-reverse;
	}
	.sct-recipe01 .recipeLists .recipeList-imgWrap,
	.sct-recipe02 .recipeLists .recipeList-imgWrap {
		flex: 0 0 50%;
	}
	.sct-recipe01 .recipeLists .recipeList-imgWrap .recipeList-img img,
	.sct-recipe02 .recipeLists .recipeList-imgWrap .recipeList-img img {
		-o-object-fit: cover;
		object-fit: cover;
		font-family: 'object-fit: cover';
	}
	.sct-recipe01 .recipeLists .recipeList-texts,
	.sct-recipe02 .recipeLists .recipeList-texts {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		box-sizing: border-box;
		flex: 1 0 50%;
		background-size: cover;
		padding: 0 4% 20px;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__lead,
	.sct-recipe01 .recipeLists .recipeList-texts__link,
	.sct-recipe02 .recipeLists .recipeList-texts__lead,
	.sct-recipe02 .recipeLists .recipeList-texts__link {
		width: 100%;
		margin: 0 auto;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__name,
	.sct-recipe02 .recipeLists .recipeList-texts__name {
		margin: 0 auto 15px;
		width: auto;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__name img,
	.sct-recipe02 .recipeLists .recipeList-texts__name img {
		width: auto;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__lead,
	.sct-recipe02 .recipeLists .recipeList-texts__lead {
		max-width: 400px;
		font-size: 16px;
		line-height: 1.75;
		padding: 5px 0 20px;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__link,
	.sct-recipe02 .recipeLists .recipeList-texts__link {
		transition: 0.3s;
		max-width: 288px;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__link:hover,
	.sct-recipe02 .recipeLists .recipeList-texts__link:hover {
		color: #333333;
		border: 1px solid #707070;
		background-color: #ffffff;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__link:hover a,
	.sct-recipe02 .recipeLists .recipeList-texts__link:hover a {
		color: #333333;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__link:hover a::after,
	.sct-recipe02 .recipeLists .recipeList-texts__link:hover a::after {
		border-top: solid 1px #333333;
		border-right: solid 1px #333333;
	}
	/* sct-recipe01-cts */
	.sct-recipe01 {
		margin-bottom: 72px;
		padding-bottom: 0;
	}
	.sct-recipe01-cts {
		padding-top: 7px;
	}
	.sct-recipe01-cts-lead {
		padding-top: 0;
	}
	.sct-recipe01 .recipeLink {
		padding-top: 80px;
	}
	.sct-recipe01 .recipeLists .recipeList .recipeList-texts {
		background: url(/ouchigohan/img/march-2023/bg_recipe_1_pc.png) no-repeat 0 0;
		background-size: cover;
	}
	/* sct-recipe02-cts */
	.sct-recipe02-cts-title {
		left: -9px;
		padding-left: 0;
		padding-right: 0;
	}
	.sct-recipe02-cts-ttlbox {
		border-top: none;
	}
	.sct-recipe02-cts-lead {
		padding: 0;
	}
	.sct-recipe02 {
		margin-bottom: 86px;
	}
	.sct-recipe02 .recipeLink {
		padding-top: 78px;
	}
	.sct-recipe02 .recipeLists .recipeList .recipeList-texts {
		background: url(/ouchigohan/img/march-2023/bg_recipe_2_pc.png) no-repeat 0 0;
		background-size: cover;
	}
	/* --------------------------------------------------
		foodcategory
	-------------------------------------------------- */
	.foodcategory {
		padding: 115px 20px 0;
		max-width: 1400px;
		margin: 0 auto;
	}
	.foodcategory .foodcategory-ttl {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.recipeLinks {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-left: -10px;
		margin-right: -10px;
	}
	.recipeLinks li {
		margin: 0 10px;
	}
	.recipeLinks li a {
		display: block;
		opacity: 1;
		transition: 0.3s;
	}
	.recipeLinks li a:hover {
		opacity: 0.8;
	}

		/* --------------------------------------------------
		otherRecipe
	-------------------------------------------------- */
	.otherRecipe {
		margin-top: 120px;
		margin-bottom: 100px;
	}
	.otherRecipeInner {
		max-width: 1400px;
	}
	.otherRecipe .bannersLists {
		margin: 0 auto;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.otherRecipe .bannersList {
		width: 31.42857%;
		max-width: 440px;
		margin: 0 auto 40px;
		transition: opacity .3s;
	}
	.otherRecipe__title {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.otherRecipe .bannerList__image {
		display: block;
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,.005);
	}
	.otherRecipe .bannersList__link:hover {
		opacity: .8;
	}
	.otherRecipe .banner-cookpad {
		margin: 30px auto 0;
		text-align: center;
	}
	.otherRecipe .banner-cookpad .banner-cookpad__link  {
		opacity: 1;
		transition: all .4s ease;
	}
	.otherRecipe .banner-cookpad .banner-cookpad__link img {
		max-width: 950px;
	}
	.otherRecipe .banner-cookpad .banner-cookpad__link:hover {
		opacity: .8;
	}
}

@media screen and (min-width: 769px) and (max-width: 1080px), print {
	.visual-cts__lead {
		margin-top: 40px;
		font-size: 18px;
	}
	.anchor .anchorLists .anchorList {
		margin: 0 20px;
	}
	.sct-recipe01-cts,
	.sct-recipe02-cts {
		display: block;
	}
	.sct-recipe01-cts-title,
	.sct-recipe02-cts-title {
		width: 70%;
		margin: 0 auto 20px;
	}
	.sct-recipe01-cts-lead,
	.sct-recipe02-cts-lead {
		font-size: 16px;
	}
	.sct-recipe01 .recipeLists .recipeList-texts,
	.sct-recipe02 .recipeLists .recipeList-texts {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__lead,
	.sct-recipe02 .recipeLists .recipeList-texts__lead {
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
	.sct-recipe01-cts-ttlbox,
	.sct-recipe02-cts-ttlbox {
		padding-top: 0;
	}
	.sct-recipe01-cts,
	.sct-recipe02-cts {
		align-items: center;
	}
	.sct-recipe01 .recipeLists .recipeList-texts__name,
	.sct-recipe02 .recipeLists .recipeList-texts__name {
		width: 85%;
	}
	/* sct-recipe01 */
	.sct-recipe01 {
		margin-bottom: 60px;
	}
	/* --------------------------------------------------
		recipeProcedure
	-------------------------------------------------- */
	.recipeProcedure ul li {
		flex: 0 0 120px;
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}
	.recipeProcedure ul li:first-child {
		flex: 0 0 30%;
		margin: 0;
	}
	.recipeProcedure ul li h3 {
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 840px) and (max-width: 1096px), print {
	/* --------------------------------------------------
		recipeProcedure
	-------------------------------------------------- */
	.recipeProcedure ul li {
		flex: 0 0 130px;
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}
	.recipeProcedure ul li:first-child {
		flex: 0 0 32%;
		margin: 0;
	}
	.recipeProcedure ul li h3 {
		margin-bottom: 10px;
	}
}