@charset "UTF-8";

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

/* -------------------------------------------
	index_title
---------------------------------------------- */
.index_title { font-size: 0; line-height: 0; overflow: hidden; position: relative; }
.index_title > picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index_title > picture > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.index_title_inner { display: flex; align-items: center; justify-content: center; position: relative; padding: 0 50px; height: 560px; }
.index_title_heading { position: relative; }
.index_title_heading img { max-width: 100%; }
.index_title_heading span { display: block; }
.index_title_heading small { display: block; position: absolute; top: calc((50 / 236) * -100%); right: calc((48 / 756) * -100%); width: calc((170 / 756) * 100%); }
@media only screen and (max-width: 767px) {
.index_title_inner { padding: 0; height: 280px; }
.index_title_heading span { max-width: 378px; }
.index_title_heading small { top: calc((60 / 236) * -100%); right: calc((35 / 756) * 100%); }
}

/* -------------------------------------------
	index_lead
---------------------------------------------- */
.index_lead { margin-top: 30px; }
.index_lead p { font-size: calc((20 / 16) * 100%); line-height: calc(46 / 20); text-align: center; }
@media only screen and (max-width: 767px) {
.index_lead { margin-top: 20px; }
.index_lead p { font-size: 100%; line-height: calc(48 / 28); margin: 0 -15px; }
}

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

/* -------------------------------------------
	index_ingredients
---------------------------------------------- */
.index_ingredients_heading { font-family: 'Noto Serif JP',sans-serif; font-size: calc((31 / 16) * 100%); font-weight: 600; line-height: 1.2; text-align: center; }
.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_list.ingredients_list_2col { justify-content: center; }
.index_ingredients_list.ingredients_list_2col .index_ingredients_cell:nth-of-type(2) { margin-right: 0; }
.index_ingredients_cell dl { font-size: calc((15 / 16) * 100%); line-height: 1.6; }
.index_ingredients_cell dl + dl { margin-top: 40px; }
.index_ingredients_cell dl dt { font-weight: 700; }
.index_ingredients_cell dl dd { border-top: 1px solid #222222; margin-top: 10px; padding-top: 10px; }
.index_ingredients_cell dl dd ul li { display: flex; flex-wrap: wrap; position: relative; padding-left: 30px; }
.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 - 5px); left: 4px; width: 10px; height: 10px; }
.index_ingredients_cell dl dd 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; }
.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; }
.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: 0 5px; width: 24px; }
.index_ingredients_cell dl dd ul li span:nth-of-type(2) { flex: 1 auto; display: flex; }
.index_ingredients_cell dl dd 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: 5px; min-width: 1em; height: 3px; }
.index_ingredients_cell dl dd ul li.dotted_adjust span:nth-of-type(2)::before{margin-left: 19%;min-width: 4em;}
@media only screen and (max-width: 767px) {
.index_ingredients_heading { font-size: calc((18 / 14) * 100%); line-height: 1.4; }
.index_ingredients_list { display: block; margin-top: 20px; }
.index_ingredients_cell { margin-right: 0; width: auto; }
.index_ingredients_cell:nth-of-type(n+2) { margin-top: 25px; }
.index_ingredients_cell dl { font-size: calc((13 / 14) * 100%); line-height: 1.4; }
.index_ingredients_cell dl + dl { margin-top: 25px; }
.index_ingredients_cell dl dd { margin-top: 5px; }
.index_ingredients_cell dl dd ul li { padding-left: 26px; }
.index_ingredients_cell dl dd ul li + li { margin-top: 15px; }
.index_ingredients_cell dl dd ul li::before { top: calc(0.7em - 5px); width: 9px; height: 9px; }
.index_ingredients_cell dl dd ul li.icon--syun::before { top: calc(0.7em - 11px); width: 22px; height: 22px; }
.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)::before { background-size: 6px 2px; height: 2px; }
.index_ingredients_cell dl dd ul li.dotted_adjust span:nth-of-type(2)::before {margin-left: 0;min-width: 1em;}
}

/* -------------------------------------------
	index_recipe
---------------------------------------------- */
.index_recipe{ position: relative; margin-top: 140px; }
.index_recipe+.index_recipe{ margin-top: 2px; }
.index_recipe::before{ background-color: #f2f3f5; content: ""; position: absolute; top: 0; left: 0; width: calc(50vw - 200px); height: 100%; }
.index_recipe_column{ display: flex; }
.index_recipe_column-cell{ display: flex; justify-content: flex-end; box-sizing: border-box; width: calc(50% - 100px); }
.index_recipe_column-cell:nth-of-type(2){ display: block; padding-left: 100px; padding-right: 13px; overflow: hidden; width: calc(50% + 100px); }
.index_recipe_fish{ background-color: #f2f3f5; padding-bottom: 15px; max-width: 500px; }
.index_recipe_fish-heading{ text-align: center; position: sticky; top: 0; right: 0; padding-top: calc((175 / 500) * 100%); width: 100%;}
.index_recipe_fish-heading.txt-syun::before{ background: url(/club-me/food/fish/img/common/txt-syun.png) left top/cover no-repeat; content: ""; position: absolute; top: 0; right: calc(50% - ((25 / 500) * 100%)); margin-top: calc((25 / 500) * 100%); width: calc((340 / 500) * 100%); padding-bottom: calc((342 / 500) * 100%); }
.index_recipe+.index_recipe .index_recipe_fish-heading{ padding-top: calc((135 / 500) * 100%); }
.index_recipe_fish-heading span{ display: block; }
.index_recipe_fish-heading span:nth-of-type(1){ display: flex; flex-direction: column; align-items: center; padding-left: 13px; padding-right: calc((60 / 500) * 100%); }
.index_recipe_fish-heading span:nth-of-type(1) img{ max-width: 100%; }
.index_recipe_fish-heading span:nth-of-type(1)>img{ margin-bottom: 30px; width: 200px; }
.index_recipe_fish-heading span:nth-of-type(2){ margin-left: calc((200 / 500) * -100%); }
.index_recipe_fish-heading span:nth-of-type(2) img{ width: 100%; }
.index_recipe_contents{ padding: 60px 0 70px 0; width: 100%; max-width: 600px; }
.index_recipe_contents-card{margin-top: 40px;}
.index_recipe_contents-card+.index_recipe_contents-card{margin-top: 45px;}
.index_recipe_contents-text{ line-height: calc(30 / 16); }
.index_recipe_contents-img{ box-shadow: 8px 8px 25px 0 rgba(0,0,0,.12); position: relative; z-index: +1; }
.index_recipe_contents-img::before{ background: url(/club-me/food/fish/img/common/bg-recipe.png) left top/cover no-repeat; content: ""; position: absolute; bottom: 0; right: 0; margin: 0 calc((185 / 600) * -100%) calc((100 / 600) * -100%) 0; width: 277px; height: 228px; z-index: -1; }
.index_recipe_contents-img img{ width: 100%; }
.index_recipe_contents-img figcaption{ position: absolute; top: 0; left: 0; margin: calc((39 / 600) * -100%) 0 0 calc((42 / 600) * -100%); width: calc((136 / 600) * 100%); }
.index_recipe_contents-intro{ position: relative; margin-top: 25px; z-index: +1; }
.index_recipe_contents-intro dt{ color: #e16d36; font-size: calc((22 / 16) * 100%); font-weight: 700; }
.index_recipe_contents-intro dd{ line-height: calc(30 / 16); margin-top: 10px; }
.index_recipe_contents-link{ display: flex; justify-content: flex-end; position: relative; margin-top: 20px; z-index: +1;}
.index_recipe_contents-link a { color: #222; display: inline-block; font-size: calc((15 / 16) * 100%); vertical-align: top; position: relative; padding-right: 65px; }
.index_recipe_contents-link a:hover { text-decoration: none; }
.index_recipe_contents-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_contents-link a::after { background: url("/club-me/food/fish/img/common/arw_link.svg") center center/cover no-repeat; content: ""; position: absolute; bottom: calc(50% - 4px); right: 14px; width: 18px; padding-bottom: 8px; }
.index_recipe_fish-heading .index_recipe_fish_adjust{position: relative;top: -1em;z-index: -1;}
@media (hover: hover) {
.index_recipe_contents-link a::before { transition: transform 0.3s ease-out; }
.index_recipe_contents-link a:hover::before { transform: scale(1.4); }
}
@media only screen and (min-width: 768px) and (max-width: 1320px) {
	.index_recipe_column-cell{ width: calc(50% - ((100 / 1320) * 100%)); }
.index_recipe_column-cell:nth-of-type(2){ padding-left: calc((100 / 1320) * 100%); width: calc(50% + ((100 / 1320) * 100%)); }
}
@media only screen and (max-width: 767px) {
.index_recipe{ margin-top: 60px; }
.index_recipe+.index_recipe{ margin-top: 5px; }
.index_recipe::before{ display: none; }
.index_recipe_column{ display: block; }
.index_recipe_column-cell{ display: block; padding: 0 25px; width: auto; }
.index_recipe_column-cell:nth-of-type(2){ padding: 0 25px 25px 25px; width: auto; }
.index_recipe_fish{ margin: 0 -25px; padding-bottom: 0; max-width: none; }
.index_recipe_fish-heading{ position: relative; top: auto; left: auto; padding-top: 30px; }
.index_recipe_fish-heading.txt-syun::before{ top: 3px; right: calc(50% - 5px); margin-top: 0; width: 170px; padding-bottom: 171px; }
.index_recipe+.index_recipe .index_recipe_fish-heading{ padding-top: 25px; }
.index_recipe_fish-heading span:nth-of-type(1){ padding-left: 0; padding-right: 0; }
.index_recipe_fish-heading span:nth-of-type(1)>img{ margin-bottom: 15px; width: 134px; }
.index_recipe_fish-heading span:nth-of-type(2){ margin-left: 0; }
.index_recipe_fish-heading span:nth-of-type(2) img{ width: 100%; }
.index_recipe_contents{ margin: 0 -25px; padding: 20px 25px 0 25px; max-width: none; }
.index_recipe_contents-card{margin-top: 35px;}
.index_recipe_contents-card+.index_recipe_contents-card{margin-top: 40px;}
.index_recipe_contents-text{ font-size: calc((13 / 14) * 100%); line-height: calc(46 / 26); }
.index_recipe_contents-img{ box-shadow: calc((8 / 750) * 100vw) calc((8 / 750) * 100vw) calc((25 / 750) * 100vw) 0 rgba(0,0,0,.12); }
.index_recipe_contents-img::before{ margin: 0 calc((140 / 750) * -100vw) calc((116 / 750) * -100vw) 0; width: calc((278 / 750) * 100vw); height: calc((228 / 750) * 100vw); }
.index_recipe_contents-img figcaption{ left: -20px; margin: calc((39 / 600) * -100%) 0 0 0; }
.index_recipe_contents-intro{ margin-top: 18px; }
.index_recipe_contents-intro dt{ font-size: calc((16 / 14) * 100%); }
.index_recipe_contents-intro dd{ font-size: calc((13 / 14) * 100%); line-height: calc(44 / 26); margin-top: 8px; }
.index_recipe_contents-link{ margin-top: 15px; }
.index_recipe_contents-link a { font-size: calc((12 / 14) * 100%); padding-right: 30px; }
.index_recipe_contents-link a::before { bottom: calc(50% - 12px); width: 24px; padding-bottom: 24px; }
.index_recipe_contents-link a::after { background-size: 9px 4px; bottom: calc(50% - 2px); right: 7px; width: 9px; padding-bottom: 4px; }
.index_recipe_fish-heading .index_recipe_fish_adjust{position: inherit;top: 0;z-index: auto;}
}

/* -------------------------------------------
	index_profile
---------------------------------------------- */
.index_profile { margin: 130px 0 135px 0; }
.index_profile_column { display: flex; align-items: center; margin: 0 auto; width: 100%; max-width: 1040px; }
.index_profile_column > p { font-size: 0; line-height: 0; position: relative; margin-right: calc((70 / 1040) * 100%); width: calc((308 / 1040) * 100%); }
.index_profile_column > p img { width: 100%; }
.index_profile_column > dl { flex: 1; }
.index_profile_column > dl dt { font-size: calc((18 / 16) * 100%); }
.index_profile_column > dl dt b { font-weight: 700; }
.index_profile_column > dl dd { line-height: calc(36 / 16); margin-top: 40px; }
.index_profile_date { font-size: calc((14 / 16) * 100%); text-align: right; }
@media only screen and (max-width: 767px) {
.index_profile { margin: 25px 0 35px 0; }
.index_profile_column { display: block; margin: 0; width: auto; max-width: none; }
.index_profile_column > p { text-align: center; margin-right: 0; width: auto; }
.index_profile_column > p img { width: calc((360 / 750) * 100vw); }
.index_profile_column > dl { flex: initial; margin-top: 30px; }
.index_profile_column > dl dt { font-size: calc((13 / 14) * 100%); }
.index_profile_column > dl dd { font-size: calc((13 / 14) * 100%); line-height: calc(46 / 25); margin-top: 10px; }
.index_profile_date { font-size: calc((12 / 14) * 100%); margin-top: 10px; }
}