/** Shopify CDN: Minification failed

Line 6:9 "UTF-8" will be used instead of unsupported charset "euc-jp"

**/
@charset "euc-jp";
/* CSS Document */
:root {
  --f64: clamp(2.625rem, 5vw, 4rem); /*64-42px*/
  --f48: clamp(2.25rem, 4.5vw, 3rem); /*48-36px*/
  --f42: clamp(2rem, 4.25vw, 2.625rem); /*42-32px*/
  --f36: clamp(1.75rem, 3.75vw, 2.25rem);/*36-28px*/
  --f32: clamp(1.625rem, 3.5vw, 2rem);/*32-26px*/
  --f28: clamp(1.5rem, 3.2vw, 1.75rem);/*28-24px*/
  --f24: clamp(1.375rem, 2.8vw, 1.5rem);/*24-22px*/
  --f21: clamp(1.125rem, 2.5vw, 1.3125rem);/*21-18px*/
  --f18: clamp(1rem, 2.25vw, 1.125rem);/*18-16px*/
  --f16: clamp(0.875rem, 2vw, 1rem);/*16-14px*/
  --f14: clamp(0.75rem, 1.8vw, 0.875rem);/*14-12px*/
  --f12: clamp(0.6875rem, 1.5vw, 0.75rem);/*12-11px*/
}
.f64 {
	font-size: var(--f64);
}
.f48 {
	font-size: var(--f48);
}
.f42 {
	font-size: var(--f42);
}
.f36 {
	font-size: var(--f36);
}
.f32 {
	font-size: var(--f32);
}
.f28 {
	font-size: var(--f28);
}
.f24 {
	font-size: var(--f24);
}
.f21 {
	font-size: var(--f21);
}
.f18 {
	font-size: var(--f18);
}
.f16 {
	font-size: var(--f16);
}
.f14 {
	font-size: var(--f14);
}
.f12 {
	font-size: var(--f12);
}


#main-container{
    margin: 0 auto!important;
	/*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	*/
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
}

#main-container{
	
img{
   /*display: initial;*/
	width: 100%;
	display: block;
}
	
h2+img{
	margin-top: 0.25rem;
}
img:not(h2+img){
	margin: .5rem 0;
}


ul.clear {
    clear: both;
}
.pc_view {
    display: block;
}

.sp_view{
   display: none;
}

/*
h1, h2 ,h3 {
	text-align: center;
	font-weight: bold;
        color: #000;
}
*/
h2 {
	margin: 3em 0 1em;
    font-size: var(--f24);
	text-align: left;
	border-bottom: 4px solid #960001;
	padding-bottom: 15px;
}

h3{
    font-size: var(--f21);
	margin: 1.5em 0 .25em;
}

/*
h2 {
  @media screen and (max-width:768px) {
    margin-bottom: 30px;
	line-height: 1.4;
  }
  @media screen and (max-width:414px) {
   margin-bottom: 18px;
  }
  @media screen and (max-width:320px) {
    margin-bottom: 8px;
  }
}
	*/

ol, ul {
	padding: 0;
	margin: 0;
}
dl, dd, p {
	margin: 0;
}
p, li {
	line-height: 1.75;
	list-style: none;
  @media screen and (max-width:414px) {
	line-height: 1.5;
  }
}

a {
	color: #000000;
}
.center {text-align: center;}

.link_wrap{	text-align: center;margin:  clamp(30px, 4.5vw, 70px) auto;}


/*装飾*/
a.no-color-change {
      border-radius: 5px;
      background-color: darkred;
      padding: 10px;
      text-decoration: none;
      color: white;
        margin: 1em auto;
        display: inline-block;
}
a.no-color-change:hover {
	opacity: .8;
				transition: 0.5s;
}

/*枠BOX*/
.box_border {
	border:solid 1px;
	padding: 1em;
	margin-bottom: 1em;
}
.box_border p{
	margin: 0!important;
}
	
/*トップページへ*/
.link_home {
	margin: 60px auto;
	text-align: center;
}
.link_home a {
	color: #434343;
	font-size: var(--f24);
	font-weight: bold;
}
.link_home a:hover {
	text-decoration: none;
}
	
/*更新日・ヘッダー画像*/
.mv {
	margin-bottom:clamp(40px, 5vw, 90px);
	/*
	margin-bottom: 70px;
	@media screen and (max-width:768px) {
		margin-bottom: 60px;
	}
	@media (max-width:414px) {
		margin-bottom: 40px;
	}
	*/
	& .date {
		margin: 1.5em 0;
		font-size: var(--f12);
		text-align: center;
	}
	& figure {
		margin: 0 auto clamp(40px, 5vw, 90px);
		max-width: 1200px;
	}
}

/*目次*/
.mokuji {
	text-align: left;
	border: solid 1px;
	padding: .5em 1em 1.5em;
	width: 96%;
        max-width: 600px;
        box-sizing: border-box;
	margin: 0 auto clamp(40px, 5vw, 90px);
	& p {
		text-align: center;
		margin: 1em !important;
	}
	& ul li {
		margin: .25em .5em;
	}
}
/**/
    .pagelink {
        padding-top: 70px;
        margin-top: -70px;
    }

/*  Contents Magentoコピー添削
=======================================*/

.recipe_contents {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	display: block !important;/*上書き*/
	
@media (max-width:768px) {
	width: 96%;
	padding: 0 2%;
}
	.head_txt {
		margin-bottom: 2em;
		/*1em ※htmlの重複br削除する*/
	}
	img+.head_txt {
		margin-top: 1em;
	}
	.sec_intro {
		margin-bottom: clamp(40px, 5vw, 90px);
	}
	.sec_parts {
		/*該当なし　※探す */
		margin-bottom: clamp(30px, 4.25vw, 60px);
		padding-bottom: 1rem;
	}
	.sec_recipe {
		margin-bottom: clamp(35px, 4.5vw, 70px);
	}
	.sec_foot {
		/*該当なし　※探す */
		margin-bottom: clamp(20px, 3vw, 40px);
	}
	.block_recipe {
		margin-bottom: clamp(30px, 4.25vw, 60px);
	}
}
	
	
	
.recipe_contents .sec_parts {

}
.recipe_contents .sec_parts .block_head {
	margin-bottom: 20px;
}
.recipe_contents .sec_parts .block_body .parts_list {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	padding-left: 0;
}
.recipe_contents .sec_parts .block_body .parts_list li:first-child  {
	margin-right: 16px;
}
.recipe_contents .sec_parts .block_body .parts_list li:last-child {
	margin-left: 16px;
}
.recipe_contents .sec_parts .block_body .parts_list li dl dd .parts_img {
	text-align: center;
}
.recipe_contents .sec_parts .block_body .parts_list li dl dd .parts_img img {
	width: 243px;
}
.recipe_contents .sec_parts .block_body .parts_list li dl dd .parts_txt.parts_txt_center {
	padding: 0 8px;
}
	
	
	
.recipe_contents .sec_recipe {

}
.recipe_contents .sec_recipe .block_head {
	margin-bottom: 35px;
}
.recipe_contents .sec_recipe .block_head h2 {
	margin-bottom: 30px;
}

.recipe_contents .sec_recipe .block_body .block_recipe h2.recipe {
	margin: 35px 0 10px 0;
}
/*
.recipe_contents .sec_recipe .block_body .block_recipe {
	border-bottom: solid 1px #000000;
}
*/
.recipe_contents .sec_recipe .block_body .block_recipe.block_recipe_last {
	border-bottom: none;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline {
	display: grid;
	grid-template-columns: 48% 52%;
	margin-bottom: 20px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	margin-bottom: 20px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_img img {
	width: 100%;
	margin-bottom: 15px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_txt {
	padding-left: 20px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_txt dl dt {
	padding-bottom: 20px;
	font-weight: bold;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_txt dl dd ul li {
	margin-bottom: 2px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_img img {
	width: 100%;
	margin-bottom: 15px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt {
	padding-left: 20px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt dl dt {
	padding-bottom: 20px;
	font-weight: bold;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt dl dd ul li {
	margin-bottom: 2px;
}
.recipe_contents .sec_recipe .block_body .block_recipe h3 {
	text-align: left;
	line-height: 1.75;
}



/* - MediaQuery - */
@media (max-width:768px) {/* iPad */

.recipe_contents {
	width: 96%;
	margin: 0 auto;
}

.recipe_contents .sec_parts .block_head {
	margin-bottom: 20px;
}
.recipe_contents .sec_parts .block_body .parts_list li {
	padding: 0 5px;
}
.recipe_contents .sec_parts .block_body .parts_list li:first-child  {
	/*margin-right: 16px;*/
	margin-right: 10px;
	padding: 0;
}
.recipe_contents .sec_parts .block_body .parts_list li:last-child {
	/*margin-left: 16px;*/
	margin-left: 10px;
	padding: 0;
}
.recipe_contents .sec_parts .block_body .parts_list li dl dd .parts_img img {
	/*width: 228px;*/
	width: 100%;
}

.recipe_contents .sec_recipe {

}

.recipe_contents .sec_recipe .block_head {
	margin-bottom: 25px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline {
	margin-bottom: 40px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_img img {
	margin-bottom: 7px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt dl dt {
	padding-bottom: 10px;
}


}
@media (max-width:414px) {/* iPhone 7.8.X */

.recipe_contents .sec_intro,
.recipe_contents .sec_parts,
.recipe_contents .sec_recipe {
	padding: 0 0 20px 0;
}
.recipe_contents .sec_intro {

}

.recipe_contents .sec_parts {

}

.recipe_contents .sec_parts .block_body .parts_list li dl dt h2.recipe {
	margin-bottom: 8px;
}
.recipe_contents .sec_parts .block_body .parts_list {
	display: block;
	padding-left: 0;
}
.recipe_contents .sec_parts .block_body .parts_list li:first-child  {
	margin-right: 0;
}
.recipe_contents .sec_parts .block_body .parts_list li:last-child {
	margin-left: 0;
}
.recipe_contents .sec_parts .block_body .parts_list li dl dd .parts_img img {
	width: 228px;
}
.recipe_contents .sec_recipe {

}
.recipe_contents .sec_recipe .block_head h2 {
	margin-bottom: 15px;
}
.recipe_contents .sec_recipe .block_body .block_recipe h2.recipe {
	line-height: 1.5;
	margin: 25px 0 7px 0;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three {
	display: block;
	margin-bottom: 30px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_img {
	margin-bottom: 25px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_txt {
	padding-left: 0px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_txt dl dt {
	padding-bottom: 12px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline_three .box_txt dl dd ul {
	margin: 0;
}

.recipe_contents .sec_recipe .block_body .block_recipe .outline {
	display: block;
	margin-bottom: 30px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_img {
	margin-bottom: 25px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt {
	padding-left: 0px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt dl dt {
	padding-bottom: 12px;
}
.recipe_contents .sec_recipe .block_body .block_recipe .outline .box_txt dl dd ul {
	margin: 0;
}
.recipe_contents .sec_recipe .block_body .block_recipe .flow .flow_list {
	margin-bottom: 0;
}
.recipe_contents .sec_recipe .block_body .block_recipe .flow .flow_list li {
	margin-bottom: 15px;
}
.recipe_contents .sec_recipe .block_body .block_recipe.block_recipe_last .flow .flow_list li:last-child {
	margin-bottom: 0;
}
.recipe_contents .sec_recipe .block_body .block_recipe .flow .flow_list li img {
	margin-top: 10px;
}

}


	
	
/*レシピ　リスト*/
.foodstuff ul {margin-bottom: 1em;}
.foodstuff li {margin: .5em 0;}
.foodstuff li img {margin: 1.5em 0;}

/*おすすめ商品リスト*/
.li-item {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 0 clamp(40px, 5vw, 90px);
	gap: 1rem;
	& li .item-inner {
		margin: 0;
		& a {
			text-decoration: none;
		}
		& a:hover {
			opacity: 0.8;
			transition: 0.5s;
		}
	}
}
	
/*関連記事*/
.ftr_related_wrap {
	max-width: 1200px;
	margin: min(4vw, 4rem) auto;
	& h3 {
		margin: 3em auto 1.5em;
		font-size: var(--f24);
		text-align: center;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		border: 0;
	}
	& h3:before,
	& h3:after {
		content: '';
		width: 1.2em;
		height: 1px;
		background-color: currentColor !important;
		position: unset;
		border: unset;
		margin-left: unset;
		margin-right: unset;
		flex-grow: unset;
	}
	& h3:before {
		margin-right: .5em;
	}
	& h3:after {
		margin-left: .5em;
	}
}
.ftr_related {
	background-color: #f5f5f5;
	margin: 1rem 0;
	>a {
		display: grid;
		grid-template-columns: 2fr 3fr;
		/* column-gap: 2%; */
		align-items: center;
	}
	figure {
		margin: 5%!important;
	}
	img {
		display: block;
		margin: 0;
	}
	.txt {
		padding: 5%;
		margin: 0;
	}
	.txt h4 {
		font-size: var(--f18);
		margin: 0 !important;
	}
	.txt p {
		font-size: var(--f14);
		margin: 1em 0 0 !important;

		@media screen and (max-width:600px) {
			display: none !important;
		}
	}
}

	
@media(max-width:750px){
    .spnone{
        display: none !important;
    }
}

}/*--end#main-container--*/