@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/season/img/common/bg_recipe_title.png"); border-bottom: 1px solid #e3e3e3; font-size: 0; line-height: 0; overflow: hidden; position: relative; }
.index_title::before { background: url("/club-me/food/season/img/common/img_under_title.jpg") center top/auto 100% no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_title.index_2212_bg::before { background: url("/club-me/food/season/22_01_02/img/img_under_title.jpg") center top/auto 100% no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_title.index_2234_bg::before { background: url("/club-me/food/season/img/common/03_04_img_under_title.jpg") center top/auto 100% no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_title.index_2256_bg::before { background: url("/club-me/food/season/img/common/05_06_img_under_title.jpg") center top/auto 100% no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_title.index_2278_bg::before { background: url("/club-me/food/season/img/common/07_08_img_under_title.jpg") center top/auto 100% no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_title.index_22910_bg::before { background: url("/club-me/food/season/img/common/09_10_img_under_title.jpg") center top/auto 100% no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_title_heading { position: relative; padding-bottom: 560px; z-index: +1; }
.index_title_heading > img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 100%; }
.index_title_heading small { display: block; position: absolute; top: 379px; left: 50%; margin: 0 0 0 -63px; width: 127px; z-index: +1; }
.index_title_heading small img { width: 100%; }
@media only screen and (max-width: 767px) {
.index_title { background: none; border-bottom: 1px solid #e3e3e3; font-size: 0; line-height: 0; overflow: hidden; position: relative; }
.index_title::before { background: url("/club-me/food/season/img/common/img_under_title_sp.jpg") center top/auto 100% no-repeat;}
.index_title.index_2212_bg::before { background: url("/club-me/food/season/22_01_02/img/img_under_title_sp.jpg") center top/auto 100% no-repeat;}
.index_title.index_2234_bg::before { background: url("/club-me/food/season/img/common/03_04_img_under_title_sp.jpg") center top/auto 100% no-repeat;}
.index_title.index_2256_bg::before { background: url("/club-me/food/season/img/common/05_06_img_under_title_sp.jpg") center top/auto 100% no-repeat;}
.index_title.index_2278_bg::before { background: url("/club-me/food/season/img/common/07_08_img_under_title_sp.jpg") center top/auto 100% no-repeat;}
.index_title.index_22910_bg::before { background: url("/club-me/food/season/img/common/09_10_img_under_title_sp.jpg") center top/auto 100% no-repeat;}
.index_title_heading { position: relative; padding-bottom: 74.4%; }
.index_title_heading small { top: 0px; margin: 49.2% 0 0 -7.7333%; width: 15.6%; }
}

/* -------------------------------------------
	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/season/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/season/img/common/bg_kakko_left.svg") left center/12px 31px no-repeat, url("/club-me/food/season/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_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; align-items: center; 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 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; align-items: center; display: flex; padding-left: 10px; white-space: nowrap; }
.index_ingredients_cell dl dd ul li span:nth-of-type(2)::before { background: url("/club-me/food/season/img/common/bg_dot.png") repeat-x; flex: 1; content: ""; 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; }
.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; height: 2px; }
}

/* -------------------------------------------
	index_season
---------------------------------------------- */
.index_season { margin-top: 120px; }
.index_season_main { display: flex; align-items: center; position: relative; }
.index_season_main_info { position: relative; margin-right: -35px; width: 37.5%; 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; }
.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 span small { font-size: 0; line-height: 0; position: absolute; bottom: 30px; left: -30px; }
.index_season_main_heading span small img { width: 90px; height: 42px; }
.index_season_sub_heading { font-family: 'Noto Serif JP',sans-serif; font-size: 150%; text-align: center; }
.index_season_main_lead { font-size: 93.75%; line-height: 2; margin-top: 25px; }
.index_season_main_img { overflow: hidden; position: relative; width: 65.3333%; }
.index_season_main.is-duplicate .index_season_main_img { z-index: +1; }
.index_season_main_img img { vertical-align: top; width: 100%; }
.index_season_main_duplicate { color: #fff; font-size: 93.75%; line-height: 2; position: absolute; top: 0px; left: 0px; }
.index_season_main.is-duplicate .index_season_main_info.anime-inBottom + .index_season_main_img .index_season_main_duplicate { transition: transform 1s ease-out, opacity 1s ease-out; transform: translateY(50px); opacity: 0; }
.index_season_main.is-duplicate .index_season_main_info.anime-inBottom.is-active + .index_season_main_img .index_season_main_duplicate { transform: translateY(0); opacity: 1; }
.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%; }
.index_season_other_block::before { background: url("/club-me/food/season/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 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 span small { bottom: 21px; left: -16px; }
.index_season_main_heading span small img { width: 43px; height: 20px; }
.index_season_sub_heading { font-size: 150%; margin-top: 10px; }
.index_season_main_lead { font-size: 100%; line-height: 1.7142; margin-top: 15px; }
.index_season_main_img { margin: 25px -25px 0 -25px;; width: auto; }
.index_season_main_img img { width: 100%; }
.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 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_inner { border-top: 1px solid #222222; }
.index_profile_column { display: flex; align-items: center; margin: 0 auto; padding: 80px 0 60px 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_inner { border-top: 1px solid #222222; margin: 0 -25px; padding: 0 25px; }
.index_profile_column { display: block; margin: 0; padding: 50px 0 25px 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: 20px; }
}

/* -------------------------------------------
	index_recipe
---------------------------------------------- */
.index_recipe { margin-top: 110px; }
.index_recipe .container { padding-bottom: 120px; }
.index_recipe_heading { overflow: hidden; text-align: center; }
.index_recipe_heading > span { display: inline-flex; align-items: center; font-family: 'Noto Serif JP',sans-serif; font-weight: 600; vertical-align: bottom; position: relative; padding: 0 45px; }
.index_recipe_heading > span::before { background-color: #222222; content: ""; position: absolute; left: 100%; top: 50%; width: 700px; height: 1px; }
.index_recipe_heading > span::after { background-color: #222222; content: ""; position: absolute; right: 100%; top: 50%; width: 700px; height: 1px; }
.index_recipe_heading > span > span:nth-of-type(1) { background: url("/club-me/food/season/img/common/line_syun.svg") center center/cover no-repeat; color: #f26179; display: flex; align-items: center; justify-content: center; font-size: 287.5%; width: 92px; height: 92px; }
.index_recipe_heading > span > span:nth-of-type(2) { font-size: 193.75%; font-weight: 700; margin-left: 10px; }
.index_recipe_heading > span > span:nth-of-type(3) { display: flex; align-items: center; }
.index_recipe_heading > span > span:nth-of-type(3) span:nth-of-type(1) { font-size: 193.75%; font-weight: 700; margin-right: 10px; }
.index_recipe_heading > span > span:nth-of-type(3) span:nth-of-type(2) { color: #f26179; font-size: 287.5%; font-weight: 500; position: relative; }
.index_recipe_heading > span > span:nth-of-type(3) span:nth-of-type(2)::after { background: url("/club-me/food/season/img/common/line_syun2.svg") left center/258px 9px no-repeat; content: ""; position: absolute; top: 100%; left: calc(50% - 129px); width: 258px; height: 9px; }
.index_recipe_section { position: relative; margin-top: 130px; }
.index_recipe_section + .index_recipe_section { margin-top: 220px; }
.index_recipe_column { display: flex; align-items: center; justify-content: space-between; }
.index_recipe_photo { order: 2; font-size: 0; line-height: 0; position: relative; margin-right: -16.6666%; width: 80.8333%; z-index: +1; }
.index_recipe_photo img { width: 100%; }
.index_recipe_photo span { display: block; position: relative; }
.index_recipe_photo::before { box-sizing: border-box !important; border: 1px solid #222222; content: ""; position: absolute; top: 0px; left: 0px; margin: 1.9% 0 0 -1.9%; width: 100%; height: 100%; z-index: -1; }
.index_recipe_info { order: 1; position: relative; margin-top: -2.8%; width: 30.8333%; z-index: +2; }
.index_recipe_info dt { font-size: 137.5%; font-weight: 500; font-feature-settings: "palt"; margin-top: 35px; }
.index_recipe_info dt span { margin: 0 0.5em; }
.index_recipe_info dd { font-size: 93.75%; line-height: 2.2; margin-top: 10px; }
.index_recipe_day { font-size: 0; line-height: 0; position: relative; margin-left: -10px; width: 64.8648%; }
.index_recipe_day::before { background-color: #222222; content: ""; position: absolute; left: 0px; top: 0px; margin: -32% 0 0 40%; transform-origin: top right; transform: rotate(45deg); width: 1px; padding-bottom: 110%; }
.index_recipe_day img { width: 100%; }
.index_recipe_list { position: relative; margin: 70px auto 0 auto; width: 100%; max-width: 1040px;}
.index_recipe_list ul { display: flex; flex-wrap: wrap; position: relative; margin: -50px -1.2244% 0 -1.2244%; z-index: +1;  }
.index_recipe_list ul li { display: flex; flex-direction: column; margin: 50px 1.1952% 0 1.1952%; width: calc(33.3333% - 2.3904%); }
.index_recipe_list ul li dl { flex: 1 auto; min-height: 0%; }
.index_recipe_list ul li dl dt { text-align: center; }
.index_recipe_list ul li dl dt span { background: url("/club-me/food/season/img/common/bg_under_badge.png") center center/cover no-repeat; display: inline-flex; align-items: center; justify-content: center; font-size: 100%; line-height: 1; width: 64px; height: 64px; font-family: 'Noto Serif JP',sans-serif; }
.index_recipe_list ul li dl dt span b { display: block; font-weight: 500; text-align: center; }
.index_recipe_list ul li dl dd { margin-top: 25px; }
.index_recipe_list ul li dl dd img { width: 100%; }
.index_recipe_list ul li dl dd figcaption { box-sizing: border-box !important; background-color: #ffffff; display: block; line-height: 1.75; position: relative; margin-top: -9.0909%; padding: 6.0606% 6.0606% 0 0; width: 84.8484%; z-index: +1; }
.index_recipe_list ul li p { text-align: right; margin-top: 30px; min-height: 0%; }
.column-reverse .index_recipe_photo { order: 1; margin-right: 0; margin-left: -16.6666%; }
.column-reverse .index_recipe_photo::before { margin: 1.9% 0 0 1.9%; }
.column-reverse .index_recipe_info { order: 2; }
.column-reverse .index_recipe_day { margin-left: -30%; }
@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 { padding: 0 20px; }
.index_recipe_heading > span > span:nth-of-type(1) { font-size: 271.4285%; width: 76px; height: 76px; }
.index_recipe_heading > span > span:nth-of-type(2) { font-size: 178.5714%; font-weight: 700; margin-left: 5px; }
.index_recipe_heading > span > span:nth-of-type(3) { display: block; text-align: left; margin-left: 5px; }
.index_recipe_heading > span > span:nth-of-type(3) span:nth-of-type(1) { display: block; font-size: 121.4285%; margin-right: 0; }
.index_recipe_heading > span > span:nth-of-type(3) span:nth-of-type(2) { display: block; font-size: 207.1428%; }
.index_recipe_heading > span > span:nth-of-type(3) span:nth-of-type(2)::after { background-size: 158px 6px; top: calc(100% + 1px); left: calc(50% - 79px); width: 158px; height: 6px; }
.index_recipe_section { margin-top: 30px; }
.index_recipe_section + .index_recipe_section { margin-top: 55px; }
.index_recipe_column { display: block; }
.index_recipe_photo { margin-right: -25px; width: auto; }
.index_recipe_photo::before { margin: 10px 0 0 -10px; width: calc(100% + 11px); }
.index_recipe_info { margin-top: -50px; width: auto; }
.index_recipe_info dt { font-size: 114.2857%; margin-top: 10px; }
.index_recipe_info dt span { margin: 0 1em; }
.index_recipe_info dd { font-size: 100%; line-height: 1.7142; margin-top: 5px; }
.index_recipe_day { margin-left: -15px; width: 153px; }
.index_recipe_day::before { margin: -45px 0 0 55px; }
.index_recipe_day img { width: 100%; }
.index_recipe_list { margin: 10px 0 0 0; width: auto; max-width: none; }
.index_recipe_list ul { display: flex; margin: -25px -7px 0 -7px; }
.index_recipe_list ul li { display: flex; flex-direction: column; margin: 25px 7px 0 7px; width: calc(50% - 14px); }
.index_recipe_list ul li dl dt span { background: url("/club-me/food/season/img/common/bg_under_badge_sp.png") center center/cover no-repeat; font-size: 85.7142%; width: 45px; height: 45px; }
.index_recipe_list ul li dl dd { margin-top: 8px; }
.index_recipe_list ul li dl dd figcaption { font-size: 85.7142%; line-height: 1.52; margin-top: -15px; padding: 10px 5px 0 0; }
.index_recipe_list ul li p { font-size: 85.7142%; margin-top: 15px; }
.column-reverse .index_recipe_photo { margin-left: -25px; }
.column-reverse .index_recipe_photo::before { margin: 10px 0 0 -1px; }
.column-reverse .index_recipe_day { margin-left: -15px; }
}

/* -------------------------------------------
	index_illust
---------------------------------------------- */
.index_illust { position: absolute; left: 50%; margin-left: -50vw; width: 100vw; }
.index_illust span { display: block; position: relative; text-align: left; margin: 0 auto; padding: 0 13px; }
.index_illust.illust-01 { top: 0px; margin-top: -15px; }
.index_illust.illust-01 span { max-width: 1388px; }
.index_illust.illust-01 span img { width: 15.706%; }
.index_illust.illust-02 { top: 100%; margin-top: 10px; }
.index_illust.illust-02 span { text-align: right; max-width: 1444px; }
.index_illust.illust-02 span img { width: 13.3656%; }
.index_illust.illust-03 {  top: 0px; margin-top: -20px; }
.index_illust.illust-03 span { text-align: right; max-width: 1360px; }
.index_illust.illust-03 span img { width: 13.3088%; }
.index_illust.illust-04 { top: 100%; margin-top: -25px; }
.index_illust.illust-04 span { max-width: 1405px; }
.index_illust.illust-04 span img { width: 11.9572%; }
.index_illust.illust-05 { top: 0px; margin-top: -15px; }
.index_illust.illust-05 span { max-width: 1268px; }
.index_illust.illust-05 span img { width: 14.4321%; }
.index_illust.illust-06 { top: 100%; margin-top: 10px; }
.index_illust.illust-06 span { text-align: right; max-width: 1382px; }
.index_illust.illust-06 span img { width: 16.5701%; }
.index_illust.illust-07 {  top: 0px; margin-top: -20px; }
.index_illust.illust-07 span { text-align: right; max-width: 1440px; }
.index_illust.illust-07 span img { width: 13.5416%; }
.index_illust.illust-08 { bottom: 0px; margin-bottom: -100px; }
.index_illust.illust-08 span { max-width: 1474px; }
.index_illust.illust-08 span img { width: 11.6689%; }
@media only screen and (max-width: 767px) {
.index_illust { display: none; }
}

/* -------------------------------------------
	animetion
---------------------------------------------- */
@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; }
}










