@charset "UTF-8";

/* -------------------------------------------
	over write
---------------------------------------------- */
.page_back p a { box-sizing: border-box !important; width: 466px; }
@media only screen and (max-width: 767px) {
.page_back p a { width: auto; }
}

/* -------------------------------------------
	index_title
---------------------------------------------- */
.index_title { background: url(/club-me/food/oyatsu_otsumami/img/common/bg_recipe_title.png); border-bottom: 1px solid #e3e3e3; font-size: 0; line-height: 0; overflow: hidden; position: relative; }
.index_title__inner { position: relative; height: 560px; }
.index_title__inner > img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.index_title_logo { display: flex; position: absolute; top: 0; left: calc(50% - 248px); width: 496px; height: 100%; }
.index_title_heading { text-align: center; }
.index_title_heading img { width: 100%; }
.index_title_heading span { display: block; margin-top: 5px; }
.index_title_heading small { display: inline-block; vertical-align: top; margin-top: -165px; width: 110px;}
@media only screen and (max-width: 767px) {
.index_title { background: none; }
.index_title__inner { margin: 0 -25px; height: auto; }
.index_title__inner > img { position: relative; top: auto; left: auto; transform: translateX(0); width: 100%; }
.index_title_logo { align-items: center; justify-content: center; left: 0; width: 100%; }
.index_title_heading span { display: block; margin-top: calc((20 / 750) * -100vw); width: calc((482 / 750) * 100vw); }
.index_title_heading small { display: block; position: absolute; top: calc((434 / 750) * 100vw); left: 50%; transform: translateX(-50%); margin-top: 0; width: calc((132 / 750) * 100vw); filter:none; }
}

/* -------------------------------------------
	index_lead
---------------------------------------------- */
.index_lead { margin-top: 60px; }
.index_lead p { font-size: 125%; line-height: 2.2; text-align: center; }
.index_lead p + p { margin-top: 45px; }
@media only screen and (max-width: 767px) {
.index_lead { margin: 30px -15px 0 -15px; }
.index_lead p { font-size: 107.1428%; line-height: 1.6666; }
.index_lead p + p { margin-top: 25px; }
}

/* -------------------------------------------
	index_contents
---------------------------------------------- */
.index_contents { margin-top: 65px; }
@media only screen and (max-width: 767px) {
.index_contents { margin-top: 35px; }
}

/* -------------------------------------------
	index_ingredients
---------------------------------------------- */
.index_ingredients { background: url("/club-me/food/oyatsu_otsumami/img/common/bg_pattern_glay.png"); padding: 80px 0; }
.index_ingredients_heading { font-family: 'Noto Serif JP',sans-serif; font-size: 181.25%; font-weight: 500; line-height: 1.2; text-align: center; }
.index_ingredients_heading > span { box-sizing: border-box !important; background: url("/club-me/food/oyatsu_otsumami/img/common/bg_kakko_left.svg") left center/12px 31px no-repeat, url("/club-me/food/oyatsu_otsumami/img/common/bg_kakko_right.svg") right center/12px 31px no-repeat; display: inline-block; position: relative; vertical-align: bottom; min-width: 264px; max-width: 100%; }
.index_ingredients_heading > span small { font-size: 0; line-height: 0; position: absolute; bottom: 32px; left: -46px; }
.index_ingredients_heading > span small img { width: 66px; height: 46px; }
.index_ingredients_list { display: flex; margin-top: 30px; }
.index_ingredients_cell { margin-right: 5%; width: 30%; }
.index_ingredients_cell:nth-of-type(3) { margin-right: 0; }
.index_ingredients_cell:nth-of-type(4) { display: none; }
.index_ingredients_list.ingredients_list_2col { justify-content: center; }
.ingredients_list_2col .index_ingredients_cell:nth-of-type(2) { margin-right: 0; }
.ingredients_list_2col .index_ingredients_cell:nth-of-type(3) { display: none; }
.index_ingredients_cell dl { font-size: 93.75%; }
.index_ingredients_cell dl + dl { margin-top: 25px; }
.index_ingredients_cell dl dt { font-weight: 700; }
.index_ingredients_cell dl dd { border-top: 1px solid #222222; margin-top: 10px; padding-top: 7px; }
.index_ingredients_cell dl dd ul li { display: flex; flex-wrap: wrap; line-height: 1.6; position: relative; padding-left: 20px; }
.index_ingredients_cell dl dd ul li + li { margin-top: 12px; }
.index_ingredients_cell dl dd ul li::before { border: 1px solid #222222; border-radius: 50%; content: ""; position: absolute; top: calc(0.8em - 2px); left: 0px; width: 10px; height: 10px; }
.index_ingredients_cell dl dd ul li.sub-text { justify-content: flex-end; padding-left: 0; margin-top: 3px; }
.index_ingredients_cell dl dd ul li.sub-text::before { display: none; }
.index_ingredients_cell dl dd ul li.no-circle-text { margin-top: 3px; }
.index_ingredients_cell dl dd ul li.no-circle-text.no-pd-text { padding-left: 0; }
.index_ingredients_cell dl dd ul li.no-circle-text::before { display: none; }
.index_ingredients_cell dl dd ul li span { display: block; padding-top: 3px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(1) img { margin: 0 5px; width: 24px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(2) { flex: 1 auto; display: flex; padding-left: 10px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(2)::before { background: url("/club-me/food/oyatsu_otsumami/img/common/bg_dot.png") repeat-x; flex: 1; content: ""; margin-top: calc(.8em - 1px); margin-right: 10px; min-width: 30px; height: 3px; }
@media only screen and (max-width: 767px) {
.index_ingredients { padding: 60px 0 40px 0; }
.index_ingredients_heading { font-size: 150%; line-height: 1.4; }
.index_ingredients_heading > span { background-size: 10px 28px, 10px 28px; min-width: 218px;}
.index_ingredients_heading > span small { bottom: 30px; left: -18px; }
.index_ingredients_heading > span small img { width: 28px; height: 20px; }
.index_ingredients_list { display: block; margin-top: 20px; }
.index_ingredients_cell { margin-right: 0; width: auto; }
.index_ingredients_cell:nth-of-type(-n+3) { display: none; }
.index_ingredients_cell:nth-of-type(4) { display: block; }
.ingredients_list_2col .index_ingredients_cell:nth-of-type(-n+2) { display: none; }
.ingredients_list_2col .index_ingredients_cell:nth-of-type(3) { display: block; }
.index_ingredients_cell dl { font-size: 92.8571%; }
.index_ingredients_cell dl + dl { margin-top: 25px; }
.index_ingredients_cell dl dd ul li { line-height: 1.4; padding-left: 18px; }
.index_ingredients_cell dl dd ul li + li { margin-top: 12px; }
.index_ingredients_cell dl dd ul li::before { top: calc(0.7em - 2px); }
.index_ingredients_cell dl dd ul li span:nth-of-type(1) { padding-right: 5px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(1) img { margin-left: 5px; width: 18px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(2) { padding-left: 5px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(2)::before { background-size: 6px 2px; margin-right: 5px; min-width: 20px; height: 2px; }
}

/* -------------------------------------------
	index_season
---------------------------------------------- */
.index_season { margin-top: 120px; }
.index_season_main { display: flex; align-items: center; justify-content: space-between; position: relative; }
.index_season_main_info { position: relative; margin-right: -35px; width: calc((520 / 1200) * 100%); z-index: +1; }
.index_season_main_heading { font-family: 'Noto Serif JP',sans-serif; font-size: 200%; font-weight: 500; line-height: 1.2; text-align: center; position: relative; }
.index_season_main_heading span { display: inline-block; vertical-align: bottom; position: relative; }
.index_season_main_heading span b { color: #f26179; font-weight: 500; }
.index_season_main_heading > img { position: absolute; top: -25px; left: calc(50% - 145px); width: 90px; height: 42px; }
.index_season_sub_heading { font-family: 'Noto Serif JP',sans-serif; font-size: 200%; text-align: center; }
.index_season_main_lead { font-size: 93.75%; line-height: 2; margin-top: 10px; }
.index_season_main_img { background: url(/club-me/food/oyatsu_otsumami/img/common/bg-syun.png) left center/100% 100% no-repeat; overflow: hidden; position: relative; margin-right: calc((30 / 1200) * -100%); padding-bottom: calc((516 / 1200) * 100%); width: calc((669 / 1200) * 100%); }
.index_season_main_img span { display: block; position: absolute; top: 0; left: 0; width: calc((641 / 669) * 100%); }
.index_season_main_img span img { width: 100%; }
.index_recipe_method { max-width: 1040px; margin: 70px auto 0; }
.index_recipe_method dl { position: relative; }
.index_recipe_method dl dt { display: flex; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; }
.index_recipe_method dl dt::before { background-color: #222222; content: ""; flex: 1; height: 1px; }
.index_recipe_method dl dt::after { background-color: #222222; content: ""; flex: 1; height: 1px; }
.index_recipe_method dl dt span { background-color: #ffffff; border-radius: 15px; border: 1px solid #222222; color: #222222; display: block; font-size: 112.5%; font-weight: 700; line-height: 1.75; padding: 0 50px 0 49px; transform: translateY(-50%); }
.index_recipe_method dl dd { background-color: #ffffff; border: 1px solid #222222; border-top: none; padding: 54px 5.673% 55px; }
.index_recipe_method .method_inner+.method_inner { margin-top: 53px; }
.index_recipe_method .method_inner .lead_text { font-size: 100%; font-weight: bold; color: #222222; position: relative; padding-left: 18px; margin-bottom: 10px; }
.index_recipe_method .method_inner .lead_text:before { border: 1px solid #222222; border-radius: 50%; content: ""; position: absolute; top: calc(1em - 9px); left: 0px; width: 10px; height: 10px; }
.index_recipe_method .method_inner .list_text { font-size: 94%; color: #222222; margin-top: 29px; line-height: 1.6em; }
.index_recipe_method .method_inner .list_text .tip { color: #f26179; }
.index_recipe_method .method_inner .lead_text+.list_text { margin-top: 0; }
.index_recipe_method .method_inner .note { position: relative; padding-left: 1em; }
.index_recipe_method .method_inner .indent { position: absolute; left: 0; }
.index_recipe_method .method_inner .list_2col { display: flex; justify-content: space-between; margin-bottom: 43px; }
.index_recipe_method .method_inner .list_2col .list_col { width: 46.738%; }
.index_recipe_method .method_inner .list_2col .list_col .col_img { margin-top: 15px; }
.index_recipe_method .method_inner .list_2col .list_col .col_img img { width: 100%; }
.index_season_other { position: relative; margin: 70px auto 0 auto; max-width: 1040px; z-index: +1; }
.index_season_other_heading { display: flex; font-family: 'Noto Serif JP',sans-serif; font-size: 143.75%; font-weight: 500; line-height: 1.2; position: absolute; top: 0px; left: 0px; text-align: center; width: 100%; }
.index_season_other_heading::before { background-color: #222222; content: ""; flex: 1; height: 1px; }
.index_season_other_heading::after { background-color: #222222; content: ""; flex: 1; height: 1px; }
.index_season_other_heading > span { box-sizing: border-box !important; display: block; position: relative; padding: 0 60px; transform: translateY(-50%); }
.index_season_other_heading > span::before { background-color: #222222; content: ""; position: absolute; right: 40px; top: 50%; width: 1px; height: 24px; transform: rotate(30deg) translateY(-50%); }
.index_season_other_heading > span::after { background-color: #222222; content: ""; position: absolute; left: 40px; top: 50%; width: 1px; height: 24px; transform: rotate(-30deg) translateY(-50%); }
.index_season_other_heading > span b { color: #f26179; font-weight: 500; }
.index_season_other_block { border: 1px solid #222222; border-top: none; position: relative; padding: 59px 5.673% 45px 5.673%; }
.index_season_other_block::before { background: url("/club-me/food/oyatsu_otsumami/img/common/bg_pattern_glay.png"); content: ""; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; z-index: -1; }
.index_season_other_block ul { display: flex; flex-wrap: wrap; margin: -30px -2.169% 0 -2.169%; }
.index_season_other_block ul.pc--center { justify-content: center; }
.index_season_other_block ul li { margin: 30px 2.083% 0 2.083%; width: calc(25% - 4.166%); }
.index_season_other_block ul li figure img { width: 100%; }
.index_season_other_block ul li figure figcaption { font-size: 93.75%; text-align: center; margin-top: 12px; }
@media only screen and (max-width: 767px) {
.index_season { margin-top: 50px; }
.index_season_main { display: block; }
.index_season_main_info { margin-right: 0; width: auto; }
.index_season_main_heading { font-size: 171.4285%; }
.index_season_main_heading > img { top: -12px; left: calc(50% - 100px); width: 43px; height: 20px; }
.index_season_sub_heading { font-size: 171.4285%; margin-top: 10px; }
.index_season_main_lead { font-size: 100%; line-height: 1.7142; margin-top: 15px; }
.index_season_main_img { margin: 10px calc((22 / 650) * -100%) 0 0; padding-bottom: calc((516 / 650) * 100%); width: auto; }
.index_season_main_duplicate { display: none; }
.index_recipe_method { margin-top: 55px; }
.index_recipe_method dl dt span { border-radius: 13px; font-weight: 700; line-height: 1.7142; padding: 0 20px; }
.index_recipe_method dl dd { padding: 40px 30px 35px; }
.index_recipe_method .method_inner .lead_text { margin-bottom: 15px; }
.index_recipe_method .method_inner .lead_text:before { top: calc(1em - 11px); }
.index_recipe_method .method_inner+.method_inner { margin-top: 25px; }
.index_recipe_method .method_inner .list_text { margin-top: 15px; line-height: 1.4em; }
.index_recipe_method .method_inner .list_2col { display: block; margin-bottom: 0; }
.index_recipe_method .method_inner .list_2col .list_col { width: 100%; }
.index_recipe_method .method_inner .list_2col .list_col .col_img { margin-top: 12px; }
.index_season_other { margin: 60px 0 0 0; max-width: none; }
.index_season_other_heading { font-size: 128.5714%; line-height: 1.3333; }
.index_season_other_heading > span { padding: 0 50px; }
.index_season_other_heading > span::before { right: 30px; height: 24px; }
.index_season_other_heading > span::after { left: 30px; height: 24px; }
.index_season_other_block { border: 1px solid #222222; border-top: none; position: relative; padding: 45px 30px 35px 30px; }
.index_season_other_block::before { top: 5px; left: 5px; }
.index_season_other_block ul { margin: -17px -5px 0 -5px; }
.index_season_other_block ul.pc--center { justify-content: flex-start; }
.index_season_other_block ul li { margin: 17px 5px 0 5px; width: calc(33.3333% - 10px); }
.index_season_other_block ul li figure figcaption { font-size: 85.7142%; margin-top: 5px; }
}

/* -------------------------------------------
	index_profile
---------------------------------------------- */
.index_profile { margin-bottom: 120px; }
.index_profile_inner { border-top: 1px solid #222222; }
.index_profile_column { display: flex; align-items: center; margin: 0 auto; padding: 80px 0 10px 0; width: 100%; max-width: 1040px; }
.index_profile_column > p { font-size: 0; line-height: 0; position: relative; margin-right: 6.73%; width: 29.6153%; }
.index_profile_column > p::after { box-sizing: border-box !important; content: ""; border: 1px solid #222222; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; z-index: +1; }
.index_profile_column > p img { width: 100%; }
.index_profile_column > dl { flex: 1; }
.index_profile_column > dl dt { font-size: 112.5%; }
.index_profile_column > dl dd { line-height: 2.25; margin-top: 40px; }
.index_profile_date { font-size: 87.5%; text-align: right; }
@media only screen and (max-width: 767px) {
.index_profile { margin-bottom: 50px; }
.index_profile_inner { border-top: 1px solid #222222; margin: 0 -25px; padding: 0 25px; }
.index_profile_column { display: block; margin: 0; padding: 50px 0 0 0; width: auto; max-width: none; }
.index_profile_column > p { margin: 0 auto; width: 47.3846%; }
.index_profile_column > p::after { top: 5px; left: 5px; }
.index_profile_column > dl { flex: initial; margin-top: 35px; }
.index_profile_column > dl dt { font-size: 107.1428%; }
.index_profile_column > dl dd { line-height: 1.5714; margin-top: 20px; }
.index_profile_date { font-size: 92.8571%; margin-top: 10px; }
}

/* -------------------------------------------
	index_recipe
---------------------------------------------- */
.index_recipe { margin-top: 110px; }
.index_recipe .container { padding-bottom: 120px; }
.index_recipe_heading { font-size: 1em; overflow: hidden; text-align: center; }
.index_recipe_heading > span { display: inline-block; font-family: 'Noto Serif JP',sans-serif; font-weight: 600; vertical-align: top; position: relative; }
.index_recipe_heading > span > span:nth-of-type(1) { display: flex; align-items: center; justify-content: center; font-size: calc((28 / 16) * 100%); }
.index_recipe_heading > span > span:nth-of-type(1) span { background: url("/club-me/food/oyatsu_otsumami/img/common/line_syun.svg") center center/cover no-repeat; display: flex; align-items: center; justify-content: center; font-size: calc((30 / 28) * 100%); width: 62px; height: 62px; margin-right: 10px; }
.index_recipe_heading > span > span:nth-of-type(2) { display: flex; align-items: baseline; font-size: calc((39 / 16) * 100%); position: relative; padding: 0 30px; }
.index_recipe_heading > span > span:nth-of-type(2)::before { background-color: #222222; content: ""; position: absolute; left: 100%; top: 50%; width: 700px; height: 1px; }
.index_recipe_heading > span > span:nth-of-type(2)::after { background-color: #222222; content: ""; position: absolute; right: 100%; top: 50%; width: 700px; height: 1px; }
.index_recipe_heading > span > span:nth-of-type(2) > span { display: flex; align-items: baseline; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span { display: block; font-size: calc((56 / 39) * 100%); vertical-align: baseline; overflow: hidden; position: relative; padding-bottom: 5px; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span:nth-of-type(1) { color: #d96326; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span:nth-of-type(1)::after { background: url("/club-me/food/oyatsu_otsumami/img/common/line_syun2.svg") left center/258px 9px no-repeat; content: ""; position: absolute; bottom: 0; left: calc(50% - 142px); width: 258px; height: 9px; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span:nth-of-type(2) { color: #36498f; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span:nth-of-type(2)::after { background: url("/club-me/food/oyatsu_otsumami/img/common/line_syun3.svg") left center/258px 9px no-repeat; content: ""; position: absolute; bottom: 0; left: calc(50% - 142px); width: 258px; height: 9px; }
.index_recipe_heading > span > span:nth-of-type(2) > span:nth-of-type(2) { font-size: calc((56 / 39) * 100%); }
.index_recipe_section { position: relative; margin-top: 130px; }
.index_recipe_section + .index_recipe_section { margin-top: 150px; }
.index_recipe_column { display: flex; align-items: center; justify-content: space-between; }
.index_recipe_photo { order: 2; position: relative; }
.index_recipe_photo span { display: block; overflow: hidden; position: absolute; top: 0; left: 0; }
.index_recipe_photo span img { width: 100%; }
.index_recipe_photo > img { position: absolute; }
.index_recipe_info { order: 1; position: relative; width: calc((370 / 1200) * 100%); z-index: +2; }
.index_recipe_text-heading { font-size: calc((28 / 16) * 100%); font-weight: 700; line-height: calc(34 / 28); text-align: center; margin-top: 20px; }
.index_recipe_text-info { font-size: calc((15 / 16) * 100%); line-height: calc(33 / 15); margin-top: 30px; }
.index_recipe_title { text-align: center; }
.index_recipe_title > span { color: #fff; display: inline-flex; align-items: center; justify-content: center; font-family: 'Noto Serif JP',sans-serif; font-size: calc((27 / 16) * 100%); line-height: calc(32 / 27); letter-spacing: .1em; vertical-align: top; }
.index_recipe_title > span span { display: block; margin: 8px 0 0 10px; }
.index_recipe_title > span i { display: block; font-style: italic; letter-spacing: normal; }
.index_recipe_link { margin-top: 40px; }
.index_recipe_link a { color: #222; display: inline-block; font-size: calc((15 / 16) * 100%); vertical-align: top; position: relative; padding-right: 65px; }
.index_recipe_link a:hover { text-decoration: none; }
.index_recipe_link a::before { border-radius: 50%; background-color: #4c4a42; content: ""; position: absolute; right: 0px; bottom: calc(50% - 23px); width: 46px; padding-bottom: 46px; }
.index_recipe_link a::after { background: url("/club-me/food/oyatsu_otsumami/img/common/arw_link.svg") center center/cover no-repeat; content: ""; position: absolute; bottom: calc(50% - 4px); right: 14px; width: 18px; padding-bottom: 8px; }
.column-reverse .index_recipe_photo { order: 1; }
.column-reverse .index_recipe_info { order: 2; }

/* oyatsu */
.is-oyatsu .index_recipe_photo { background: url(/club-me/food/oyatsu_otsumami/img/common/bg-oyatsu.png) left center/100% 100% no-repeat; margin-right: calc((34 / 1200) * -100%); padding-bottom: calc((551 / 1200) * 100%); width: calc((804 / 1200) * 100%); }
.is-oyatsu .index_recipe_photo::after { background: url(/club-me/food/oyatsu_otsumami/img/common/mark-oyatsu.png) left center/cover no-repeat; content: ""; position: absolute; top: calc((437 / 551) * 100%); right: calc((95 / 804) * 100%); width: calc((139 / 804) * 100%); height: calc((138 / 551) * 100%); }
.is-oyatsu .index_recipe_photo span { width: calc((772 / 804) * 100%); }
.is-oyatsu .index_recipe_info .index_recipe_title > span { background: url("/club-me/food/oyatsu_otsumami/img/common/bg-section_01.svg") 0 0/100% 100% no-repeat; width: 137px; height: 107px; }
.is-oyatsu .index_recipe_text-heading { color: #d96326; }
/* otsumami */
.is-otsumami .index_recipe_info .index_recipe_title > span { background: url("/club-me/food/oyatsu_otsumami/img/common/bg-section_02.svg") 0 0/100% 100% no-repeat; width: 190px; height: 142px; }
.is-otsumami .index_recipe_text-heading { color: #36498f; }
/* otsumami-01 */
.is-otsumami.is-otsumami-01 .index_recipe_photo { background: url(/club-me/food/oyatsu_otsumami/img/common/bg-otsumami_01.png) left center/100% 100% no-repeat; margin-left: calc((40 / 1200) * -100%); padding-bottom: calc((533 / 1200) * 100%); width: calc((768 / 1200) * 100%); }
.is-otsumami.is-otsumami-01 .index_recipe_photo::after { background: url(/club-me/food/oyatsu_otsumami/img/common/mark-otsumami_01.png) left center/cover no-repeat; content: ""; position: absolute; top: calc((400 / 533) * 100%); right: calc((560 / 768) * 100%); width: calc((155 / 768) * 100%); height: calc((150 / 533) * 100%); }
.is-otsumami.is-otsumami-01 .index_recipe_photo span { left: auto; right: 0; width: calc((730 / 768) * 100%); }
.is-otsumami.is-otsumami-01 .index_recipe_photo > img { position: absolute; top: calc((16 / 533) * 100%); left: calc((628 / 768) * 100%); width: calc((227 / 768) * 100%); }
/* otsumami-02 */
.is-otsumami.is-otsumami-02 .index_recipe_photo { background: url(/club-me/food/oyatsu_otsumami/img/common/bg-otsumami_02.png) left center/100% 100% no-repeat; margin-right: calc((60 / 1200) * -100%); padding-bottom: calc((558 / 1200) * 100%); width: calc((787 / 1200) * 100%); }
.is-otsumami.is-otsumami-02 .index_recipe_photo::after { background: url(/club-me/food/oyatsu_otsumami/img/common/mark-otsumami_02.png) left center/cover no-repeat; content: ""; position: absolute; top: calc((460 / 558) * 100%); right: calc((210 / 787) * 100%); width: calc((119 / 787) * 100%); height: calc((124 / 558) * 100%); }
.is-otsumami.is-otsumami-02 .index_recipe_photo span { left: 0; width: calc((730 / 787) * 100%); }
.is-otsumami.is-otsumami-02 .index_recipe_photo > img { position: absolute; top: calc((40 / 558) * 100%); left: calc((18 / 787) * -100%); width: calc((239 / 787) * 100%); }
/* otsumami-03 */
.is-otsumami.is-otsumami-03 .index_recipe_photo { background: url(/club-me/food/oyatsu_otsumami/img/common/bg-otsumami_03.png) left center/100% 100% no-repeat; margin-right: calc((70 / 1200) * -100%); padding-bottom: calc((566 / 1200) * 100%); width: calc((794 / 1200) * 100%); }
.is-otsumami.is-otsumami-03 .index_recipe_photo::after { background: url(/club-me/food/oyatsu_otsumami/img/common/mark-otsumami_03.png) left center/cover no-repeat; content: ""; position: absolute; top: calc((410 / 558) * 100%); right: calc((532 / 794) * 100%); width: calc((138 / 794) * 100%); height: calc((140 / 566) * 100%); }
.is-otsumami.is-otsumami-03 .index_recipe_photo span { left: auto; right: 0; width: calc((730 / 794) * 100%); }
.is-otsumami.is-otsumami-03 .index_recipe_photo > img { position: absolute; top: calc((36 / 566) * 100%); left: calc((580 / 794) * 100%); width: calc((234 / 794) * 100%); }
@media only screen and (min-width: 768px) {
	.index_recipe_link a::before { transition: transform 0.3s ease-out; }
	.index_recipe_link a:hover::before { transform: scale(1.4); }
}
@media only screen and (max-width: 767px) {
.index_recipe { margin-top: 60px; }
.index_recipe .container { padding-bottom: 50px; }
.index_recipe_heading { margin: 0 -25px; }
.index_recipe_heading > span > span:nth-of-type(1) { font-size: calc((20 / 14) * 100%); }
.index_recipe_heading > span > span:nth-of-type(1) span { font-size: calc((22 / 20) * 100%); width: 44px; height: 44px; margin-right: 7px; }
.index_recipe_heading > span > span:nth-of-type(2) { flex-direction: column; align-items: center; font-size: calc((22 / 14) * 100%); padding: 0 20px; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span { font-size: calc((30 / 22) * 100%); padding-bottom: 5px; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span:nth-of-type(1)::after { background-size: 129px auto; left: 0; width: 129px; height: 5px; }
.index_recipe_heading > span > span:nth-of-type(2) > span > span:nth-of-type(2)::after { background-size: 129px auto; left: 0; width: 129px; height: 5px; }
.index_recipe_heading > span > span:nth-of-type(2) > span:nth-of-type(2) { font-size: calc((30 / 22) * 100%); }
.index_recipe_section { margin-top: 30px; }
.index_recipe_section + .index_recipe_section { margin-top: 40px; }
.index_recipe_column { display: block; }
.index_recipe_photo { margin-top: 25px; }
.index_recipe_info { width: auto; }
.index_recipe_text-heading { font-size: calc((18 / 14) * 100%); line-height: calc(52 / 36); margin-top: 15px; }
.index_recipe_text-info { font-size: 1em; line-height: calc(48 / 28); margin-top: 10px; }
.index_recipe_title > span { font-size: calc((15 / 14) * 100%); }
.index_recipe_title > span span { display: block; margin: 5px 0 0 5px; }
.index_recipe_link { text-align: center; margin-top: 18px; }
.index_recipe_link a { font-size: calc((12 / 14) * 100%); padding-right: 30px; }
.index_recipe_link a::before { bottom: calc(50% - 12px); width: 24px; padding-bottom: 24px; }
.index_recipe_link a::after { background-size: 9px 4px; bottom: calc(50% - 2px); right: 7px; width: 9px; padding-bottom: 4px; }

/* oyatsu */
.is-oyatsu .index_recipe_photo { margin: 25px 0 0 -10.5%; padding-bottom: calc((551 / 650) * 100%); width: calc((804 / 650) * 100%); }
.is-oyatsu .index_recipe_info .index_recipe_title > span { width: 80px; height: 62px; }
/* otsumami */
.is-otsumami .index_recipe_info .index_recipe_title > span { width: 104px; height: 79px; }
/* otsumami-01 */
.is-otsumami.is-otsumami-01 .index_recipe_photo { margin: 25px 0 0 -12%; padding-bottom: calc((533 / 650) * 100%); width: calc((768 / 650) * 100%); }
.is-otsumami.is-otsumami-01 .index_recipe_photo > img { top: calc((8 / 533) * 100%); left: calc((80 / 768) * 100%); width: calc((227 / 768) * 100%); }
/* otsumami-02 */
.is-otsumami.is-otsumami-02 .index_recipe_photo { margin: 25px 0 0 -6.5%; padding-bottom: calc((558 / 650) * 100%); width: calc((787 / 650) * 100%); }
.is-otsumami.is-otsumami-02 .index_recipe_photo > img { top: calc((8 / 533) * 100%); left: calc((40 / 768) * 100%); width: calc((239 / 787) * 100%); }
/* otsumami-03 */
.is-otsumami.is-otsumami-03 .index_recipe_photo { margin: 25px 0 0 -16%; padding-bottom: calc((566 / 650) * 100%); width: calc((794 / 650) * 100%); }
.is-otsumami.is-otsumami-03 .index_recipe_photo > img { top: calc((8 / 533) * 100%); left: calc((95 / 768) * 100%); width: calc((234 / 794) * 100%); }
}

/* -------------------------------------------
	index_illust
---------------------------------------------- */
.index_illust { position: absolute; top: 0; left: 50%; width: 100vw; transform: translateX(-50%); }
.index_illust span { display: block; position: relative; text-align: left; margin: 0 auto; padding: 0 13px; max-width: 1414px; }
.index_illust.illust-01 { margin-top: calc((100 / 1414) * -100%); }
.index_illust.illust-01 span { max-width: 1364px; }
.index_illust.illust-01 span img { width: calc((218 / 1364) * 100%); }
.index_illust.illust-02 { margin-top: calc((160 / 1414) * -100%); }
.index_illust.illust-02 span { text-align: right; max-width: 1450px; }
.index_illust.illust-02 span img { width: calc((193 / 1450) * 100%); }
.index_illust.illust-03 { margin-top: calc((100 / 1414) * -100%); }
.index_illust.illust-03 span { max-width: 1400px; }
.index_illust.illust-03 span img { width: calc((168 / 1400) * 100%); }
.index_illust.illust-04 { top: auto; bottom: 0; margin-bottom: calc((65 / 1414) * -100%); }
.index_illust.illust-04 span { text-align: right; max-width: 1406px; }
.index_illust.illust-04 span img { width: calc((181 / 1406) * 100%); }
@media only screen and (max-width: 767px) {
.index_illust { display: none; }
}

/* -------------------------------------------
	animetion
---------------------------------------------- */
.img-mask {-webkit-mask-image: url(/club-me/food/oyatsu_otsumami/img/common/mask.svg);-webkit-mask-mode: alpha;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: 0%;}
.is-active .img-mask{animation: imgMask 0.8s ease-in forwards;}
@media only screen {
.anime-border::before { transition: opacity 0.5s 0.3s ease-out; opacity: 0; }
.anime-border.is-active::before { opacity: 1; }
.anime-inDay::before { transition: padding-bottom 0.5s ease-out; padding-bottom: 0%; }
.anime-inDay.is-active::before { padding-bottom: 110%; }
.anime-inDay img { transition: transform 0.5s 0.3s ease-out, opacity 0.5s 0.3s ease-out; transform: translateX(50px); opacity: 0; }
.anime-inDay.is-active img { transform: translateX(0); opacity: 1; }
.anime-under-delay-1 { transition-delay: 0.2s; }
.anime-under-delay-2 { transition-delay: 0.4s; }
}
@media only screen and (max-width: 767px) {
.anime-under-delay-1 { transition-delay: 0.2s; }
.anime-under-delay-2 { transition-delay: 0s; }
}