@charset "UTF-8";

/* -------------------------------------------
	recipe_logo
---------------------------------------------- */
.recipe_logo { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; height: 130px; }
.recipe_logo_img img { width: 442px; }
@media only screen and (max-width: 767px) {
.recipe_logo { height: 68px; }
.recipe_logo_img img { width: 221px; }
}

/* -------------------------------------------
	recipe_title
---------------------------------------------- */
.recipe_title > picture { display: block; height: 600px; }
.recipe_title > picture img { object-fit: cover; object-position: center center; width: 100%; height: 100%; }
.recipe_title_inner{background-color: #e16d36; color: #fff; font-size: 100%; position: relative; margin-top: -60px; padding: 35px 40px 40px 40px; }
.recipe_title_inner-heading{ font-size: calc((42 / 16) * 100%); font-weight: 700; line-height: calc(55 / 42); text-shadow: 0 0 10px rgba(0,0,0,.55); position: absolute; top: -260px; left: 0; transform: translateY(-50%); }
.recipe_title_inner-lead{ font-size: calc((18 / 16) * 100%); font-weight: 500; line-height: calc(32 / 18); text-align: center; }
@media only screen and (max-width: 767px) {
.recipe_title > picture { height: calc((480 / 750) * 100vw); }
.recipe_title_inner{margin: 0 -25px; padding: 20px 25px; }
.recipe_title_inner-heading{ font-size: calc((21 / 14) * 100%); text-align: center; text-shadow: none; position: relative; top: auto; left: auto; transform: translateY(0); }
.recipe_title_inner-lead{ font-size: calc((13 / 14) * 100%); line-height: calc(40 / 26); text-align: left; margin-top: 12px; }
}

/* -------------------------------------------
	recipe_ingredients
---------------------------------------------- */
.recipe_ingredients_inner { position: relative; margin: 90px auto 0 auto; max-width: 1040px; z-index: +1; }
.recipe_ingredients_inner::before { background: url("/club-me/food/fish/img/common/bg_pattern_glay.png"); content: ""; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; z-index: -1; }
.recipe_ingredients_heading { display: flex; font-family: 'Noto Serif JP',sans-serif; font-weight: 500; line-height: 1.2; position: absolute; top: 0px; left: 0px; text-align: center; width: 100%; }
.recipe_ingredients_heading::before { background-color: #222222; content: ""; flex: 1; height: 1px; }
.recipe_ingredients_heading::after { background-color: #222222; content: ""; flex: 1; height: 1px; }
.recipe_ingredients_heading > span { box-sizing: border-box !important; background: url("/club-me/food/fish/img/common/bg_kakko_left.svg") 30px center/16px 43px no-repeat, url("/club-me/food/fish/img/common/bg_kakko_right.svg") calc(100% - 30px) center/16px 43px no-repeat; display: block; position: relative; padding: 0 50px; transform: translateY(-50%); min-width: 346px; max-width: 100%; }
.recipe_ingredients_heading > span span { display: block; font-size: 181.25%; }
.recipe_ingredients_heading > span small { display: block; font-size: 112.5%; }
.recipe_ingredients_heading > span small .note_text{ font-size: 88.89%; }
.recipe_ingredients_heading.material_title > span{ background-size: contain; min-width: 286px; }
.recipe_ingredients_block { border: 1px solid #222222; border-top: none; display: flex; justify-content: space-between; padding: 69px 59px 59px 59px; }
.recipe_ingredients_block.receipe_item{display: block;padding-top: 30px;}
.recipe_ingredients_block.receipe_item .receipt_ingredients_text{text-align: center;font-family: 'Noto Serif JP',sans-serif;font-weight: 500;}
.recipe_ingredients_block.receipe_item .recipe_material_inner{display: flex; justify-content: space-between;margin-top: 30px; }
.recipe_ingredients_block ul { width: calc(50% - 30px); }
.recipe_ingredients_block ul li { display: flex; flex-wrap: wrap; font-size: 93.75%; line-height: 1.6; position: relative; padding-left: 30px; }
.recipe_ingredients_block ul li.mt-1-line { margin-top: 34px; }
.recipe_ingredients_block ul li b { font-weight: 700; }
.recipe_ingredients_block ul li + li { margin-top: 17px; }
.recipe_ingredients_block ul li::before { border: 1px solid #222222; border-radius: 50%; content: ""; position: absolute; top: calc(0.8em - 5px); left: 4px; width: 10px; height: 10px; }
.recipe_ingredients_block ul li.icon--syun::before { background: url(/club-me/food/fish/img/common/icon_syun.png) left top/cover no-repeat; border: none; border-radius: 0px; top: calc(0.8em - 12px); content: "旬"; text-indent: -100px; left: 0px; width: 24px; height: 24px; overflow: hidden; }
.recipe_ingredients_block ul li.sub-text { justify-content: flex-end; padding-left: 0; margin-top: 3px; }
.recipe_ingredients_block ul li.sub-text::before { display: none; }
.recipe_ingredients_block ul li span { display: block; }
.recipe_ingredients_block ul li span:nth-of-type(1) img { margin: 0 5px; width: 24px; }
.recipe_ingredients_block ul li span:nth-of-type(2) { flex: 1 auto; display: flex; padding-left: 10px; }
.recipe_ingredients_block ul li span:nth-of-type(2)::before { background: url("/club-me/food/fish/img/common/bg_dot.png") repeat-x; flex: 1; content: ""; margin-top: calc(.8em - 1px); margin-right: 10px; min-width: 30px; height: 3px; }
.recipe_ingredients_block ul li.recipe_inner_col { display: block; padding-left: 0; }
.recipe_ingredients_block ul li.recipe_inner_col:before { display: none; }
.recipe_ingredients_block ul li.recipe_inner_col ul { width: calc(100% - 20px); padding-left: 20px;}
.recipe_ingredients_block ul li.recipe_inner_col ul.none-indent { width: auto; padding-left: 0;}
.recipe_ingredients_block ul li .col_heading { font-weight: 700; margin-bottom: 10px; }
.recipe_ingredients_block ul li.notice { display: block; position: relative; padding-left: 1em; font-size: 81.25%; }
.recipe_ingredients_block ul li.notice:before { display: none; }
.recipe_ingredients_block ul li.notice .notice_indent { position: absolute; left: 0; padding-top: 0; }
@media only screen and (max-width: 767px) {
.recipe_ingredients_inner { margin-top: 55px; }
.recipe_ingredients_inner::before { top: 5px; left: 5px; }
.recipe_ingredients_heading > span { background: url("/club-me/food/fish/img/common/bg_kakko_left.svg") 15px center/10px 28px no-repeat, url("/club-me/food/fish/img/common/bg_kakko_right.svg") calc(100% - 15px) center/10px 28px no-repeat; padding: 0 30px; min-width: 194px; max-width: 100%; }
.recipe_ingredients_heading > span span { font-size: 150%; }
.recipe_ingredients_heading > span small { font-size: 85.7142%; }
.recipe_ingredients_heading.material_title > span{ min-width:164px; }
.recipe_ingredients_block { display: block; padding: 40px 35px 35px 35px; }
.recipe_ingredients_block.receipe_item .recipe_material_inner{display: block;}
.recipe_ingredients_block ul { width: auto; }
.recipe_ingredients_block ul + ul { margin-top: 15px; }
.recipe_ingredients_block ul li { font-size: 92.8571%; line-height: 1.4; padding-left: 26px; }
.recipe_ingredients_block ul li.mt-1-line { margin-top: 24px; }
.recipe_ingredients_block ul li + li { margin-top: 12px; }
.recipe_ingredients_block ul li::before { top: calc(0.7em - 5px); width: 9px; height: 9px; }
.recipe_ingredients_block ul li.icon--syun::before { top: calc(0.7em - 11px); width: 22px; height: 22px; }
.recipe_ingredients_block ul li span:nth-of-type(1) img { width: 18px; }
.recipe_ingredients_block ul li span:nth-of-type(2) { padding-left: 5px; }
.recipe_ingredients_block ul li span:nth-of-type(2)::before { background-size: 6px 2px; margin-right: 5px; min-width: 20px; height: 2px; }
.recipe_ingredients_block ul li .col_heading { margin-bottom: 10px; padding-top: 5px; }
.recipe_ingredients_block ul:nth-of-type(1) li:nth-of-type(1).recipe_inner_col .col_heading { padding-top: 0; }
.recipe_ingredients_block ul li.notice { font-size: 85.714%; }
}

/* -------------------------------------------
	recipe_make
---------------------------------------------- */
.recipe_make { background: url("/club-me/food/fish/img/common/bg_pattern_glay.png"); margin-top: 100px; padding: 80px 0; }
.recipe_make_heading { font-family: 'Noto Serif JP',sans-serif; font-size: 187.5%; font-weight: 500; line-height: 1.4666; text-align: center;  }
.recipe_make_heading > span { box-sizing: border-box !important; background: url("/club-me/food/fish/img/common/bg_kakko_left.svg") left center/16px 43px no-repeat, url("/club-me/food/fish/img/common/bg_kakko_right.svg") right center/16px 43px no-repeat; display: inline-block; vertical-align: bottom; padding: 0 50px; min-width: 286px; max-width: 100%; }
.recipe_make_caption { text-align: center; margin-top: 15px; }
.recipe_make_step { overflow: hidden; margin-top: 35px; }
.recipe_make_step ol { display: flex; flex-wrap: wrap; justify-content: space-between; }
.recipe_make_step ol li { width: calc((550 / 1200) * 100%); }
.recipe_make_step ol li:nth-of-type(n+3){ margin-top: 30px; }
.recipe_make_step ol li dl { flex: 1; }
.recipe_make_step ol li dl dt { display: flex; align-items: flex-start; }
.recipe_make_step ol li dl dt small { display: block; font-size: 0; line-height: 0; margin-right: 15px; width: 28px; }
.recipe_make_step ol li dl dt small img { width: 100%; }
.recipe_make_step ol li dl dt span { display: inline; background: linear-gradient(transparent calc(100% - 3px), #222222 calc(100% - 3px),#222222 calc(100% - 2px),  transparent calc(100% - 2px),  transparent 100%); background-size: 100% calc(100%); font-size: 137.5%; font-weight: 700; line-height: 1.6; margin-top: -0.2em; }
.recipe_make_step ol li dl dd,.recipe_make_step .recipe_under_text{ line-height: 2; margin-top: 10px; }
.recipe_make_step ol li >p{ line-height: 2; }
@media only screen and (max-width: 767px) {
.recipe_make { margin-top: 50px; padding: 40px 0; }
.recipe_make_heading { font-size: 150%; line-height: 1.35; text-align: center;  }
.recipe_make_heading > span { background: url("/club-me/food/fish/img/common/bg_kakko_left.svg") left center/10px 28px no-repeat, url("/club-me/food/fish/img/common/bg_kakko_right.svg") right center/10px 28px no-repeat; padding: 0 30px; min-width: 164px; }
.recipe_make_caption { font-size: 85.7142%; line-height: 1.5; text-align: left; position: relative; margin-top: 15px; padding-left: 1em; }
.recipe_make_caption span { position: absolute; top: 0px; left: 0px; }
.recipe_make_step { overflow: hidden; margin-top: 35px; }
.recipe_make_step ol { display: block; }
.recipe_make_step ol li { width: auto; }
.recipe_make_step ol li + li{ margin-top: 30px; }
.recipe_make_step ol li dl { flex: initial;  }
.recipe_make_step ol li dl dt small { margin-right: 15px; width: 25px; }
.recipe_make_step ol li dl dt span { background: linear-gradient(transparent calc(100% - 1px), #222222 calc(100% - 1px),  transparent 100%);  font-size: 121.4285%; line-height: 1.4705; margin-top: 0; }
}

/* -------------------------------------------
	recipe_point
---------------------------------------------- */
.recipe_point { margin-top: 70px; }
.recipe_point dl { position: relative; }
.recipe_point dl dt { display: flex; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; }
.recipe_point dl dt::before { background-color: #222222; content: ""; flex: 1; height: 1px; }
.recipe_point dl dt::after { background-color: #222222; content: ""; flex: 1; height: 1px; }
.recipe_point dl dt span { background-color: #ffffff; border-radius: 15px; border: 1px solid #222222; display: block; font-weight: 700; line-height: 1.75; padding: 0 40px; transform: translateY(-50%); }
.recipe_point dl dd { background-color: #ffffff; border: 1px solid #222222; border-top: none; padding: 40px 49px; }
.recipe_point_list li { color: #e16d36; font-weight: 700; line-height: 2; position: relative; padding-left: 20px; }
.recipe_point_list li + li { margin-top: 15px; }
.recipe_point_list li::before { border: 1px solid #222222; border-radius: 50%; content: ""; position: absolute; top: calc(1em - 6px); left: 0px; width: 10px; height: 10px; }
@media only screen and (max-width: 767px) {
.recipe_point { margin-top: 60px; }
.recipe_point dl dt span { border-radius: 13px; font-weight: 700; line-height: 1.7142; }
.recipe_point dl dd { padding: 35px 30px; }
.recipe_point_list li { font-size: 92.8571%; line-height: 1.7692; padding-left: 18px; }
.recipe_point_list li + li { margin-top: 10px; }
.recipe_point_list li::before { top: calc(0.8846em - 6px); }
}

/* -------------------------------------------
	recipe_date
---------------------------------------------- */
.recipe_date { margin-top: 35px; }
.recipe_date p { text-align: right; }
@media only screen and (max-width: 767px) {
.recipe_date { margin-top: 25px; }
.recipe_date p { font-size: 92.8571%; }
}

/* -------------------------------------------
	recipe_products
---------------------------------------------- */
.recipe_products { margin-top: 90px; }
.recipe_products_inner { position: relative; }
.recipe_products_heading { display: flex; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; }
.recipe_products_heading::before { background-color: #222222; content: ""; flex: 1; height: 1px; }
.recipe_products_heading::after { background-color: #222222; content: ""; flex: 1; height: 1px; }
.recipe_products_heading span { display: block; font-family: 'Noto Serif JP',sans-serif; font-size: 143.75%; font-weight: 500; line-height: 1.3; position: relative; padding: 0 80px; transform: translateY(-50%); }
.recipe_products_heading span::before { background-color: #222222; content: ""; position: absolute; right: 40px; top: 50%; width: 1px; height: 24px; transform: rotate(30deg) translateY(-50%); }
.recipe_products_heading span::after { background-color: #222222; content: ""; position: absolute; left: 40px; top: 50%; width: 1px; height: 24px; transform: rotate(-30deg) translateY(-50%); }
.recipe_products_column { border: 1px solid #222222; border-top: none; padding: 15px 20px 50px 20px; }
.recipe_products_column ul { display: flex; justify-content: center; }
.recipe_products_column ul li { display: flex; margin: 50px 30px 0 30px; width:calc(100% - 60px); max-width: 620px; }
.recipe_products_photo { font-size: 0; line-height: 0; text-align: center; margin-right: 20px; width: 44.2307%; max-width: 230px; }
.recipe_products_photo img { max-width: 100%; }
.recipe_products_info { flex: 1; display: flex; flex-direction: column; }
.recipe_products_info dl { flex: 1 auto; min-height: 0%; }
.recipe_products_info dl dt { font-weight: 700; line-height: 1.5; }
.recipe_products_info dl dd { font-size: 93.75%; line-height: 1.6; margin-top: 10px; }
.recipe_products_note { font-size: 86.6666%; position: relative; padding-left: 1em; }
.recipe_products_note span { position: absolute; top: 0px; left: 0px; }
.recipe_products_link { margin-top: 20px; min-height: 0%; }
@media only screen and (max-width: 767px) {
.recipe_products { margin-top: 60px; }
.recipe_products_heading span { font-size: 128.5714%; line-height: 1.3333;  padding: 0 60px; }
.recipe_products_heading span::before { right: 30px; top: 50%; }
.recipe_products_heading span::after { left: 30px; top: 50%; }
.recipe_products_column { padding: 20px 30px 30px 30px; }
.recipe_products_column ul { display: block; }
.recipe_products_column ul li { display: block; margin: 25px 0 0 0; width: auto; max-width: none; }
.recipe_products_column ul li + li { border-top: 1px solid #222222; padding-top: 25px; }
.recipe_products_photo { text-align: center; margin-right: 0; width: auto; max-width: none; }
.recipe_products_info { flex: initial; margin-top: 10px; }
.recipe_products_info dl { flex: initial; }
.recipe_products_info dl dd { font-size: 92.8571%; line-height: 1.5384; }
.recipe_products_note { font-size: 92.3076%; }
.recipe_products_link { text-align: right; margin-top: 15px; }
}

/* -------------------------------------------
	product img size
	それぞれ一番左の値をPSD上の横幅に設定してください
---------------------------------------------- */
.recipe_products .img_ricecooker { width: calc((148 / 230) * 100%); } /* 三菱IHジャー炊飯器 本炭釜 KAMADO NJ-AWB10 */
.recipe_products .img_cookingheater { width: calc((230 / 230) * 100%); } /* 三菱IHクッキングヒーター びっくリングIH PH321Hシリーズ */
.recipe_products .img_rangegrill { width: calc((230 / 230) * 100%); } /* 三菱レンジグリル （オーブンレンジ） RG-HS1 */
@media only screen and (max-width: 767px) {
.recipe_products .img_ricecooker { width: calc((206 / 750) * 100vw); } /* 三菱IHジャー炊飯器 本炭釜 KAMADO NJ-AWB10 */
.recipe_products .img_cookingheater { width: calc((372 / 750) * 100vw); } /* 三菱IHクッキングヒーター びっくリングIH PH321Hシリーズ */
.recipe_products .img_rangegrill { width: calc((304 / 750) * 100vw); } /* 三菱レンジグリル （オーブンレンジ） RG-HS1 */
}