@charset "UTF-8";

.mv { margin-top: 62px; }
.mv .container {max-width: 1374px;}
.mv-content {margin-top: 40px;position: relative;}
.mv-img {max-width: 952px;margin: 0 auto;width: 69.2867%;position: relative;}
.mv-recipe {padding: 3.64%;background-color: #fff;max-width: 296px;position: absolute;bottom: -12px;left: 0;}
.mv-recipe__title {font-size: 1.5625em;font-weight: 700;line-height: calc(40 / 25);letter-spacing: 0.2em;}
.mv-recipe__text {margin-top: 20px;font-size: 0.9375em;line-height: calc(26 / 15);letter-spacing: 0.2em;}
.mv-recipe__label {text-align: center;color: #FCC800;font-weight: 700;letter-spacing: 0.14em;writing-mode: vertical-rl;position: absolute;top: 0;right: -84px;display: flex ; align-items: flex-end;font-family: 'Ubuntu', sans-serif;}
.mv-recipe__label-text {font-size: 2.25em;line-height: 1;}
.mv-recipe__label-num {font-size: 3.75em;padding-top: 20px;line-height: 1;}
.exp {margin-top: 90px;}
.exp-grid {display: grid;grid-template-columns: max(340px, calc((460 / 1174) * 100%)) 1fr;gap: 0 calc((50 / 1174) * 100%);}
.exp-ingredients__box {border: 1px solid #333333;padding:  calc((30 / 460) * 100%) calc((40 / 460) * 100%);}
.exp__heading {color: #E0AC00;font-weight: 700;font-size: 1.0625em;letter-spacing: 0.08em;padding-left: 1.6em;position: relative;}
.exp-ingredients__box + .exp-ingredients__box {margin-top: 38px;}
.exp-ingredients__box .note_point {font-size: 0.875em;position: relative;padding-left: 1em;margin-top: 34px;line-height: calc(24 / 14);}
.exp-ingredients__box .note_point span {position: absolute;left: 0;}
.exp__heading::before {content: "";position: absolute;top: calc(50% - 8px);left: 0;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #E0AC00;}
.exp__txt {margin-top: 18px;letter-spacing: 0.08em;}
.exp-ingredients__list {margin-top: 18px;}
.exp-ingredients__list>li:nth-of-type(1) { margin-top: 0; }
.exp-ingredients__list>li { display: flex ; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: 16px; }
.exp-ingredients__list>li>span { white-space: nowrap; }
.exp-ingredients__list>li>.amount { text-align: right; padding-left: 1em;background-color: #fff;}
.exp-ingredients__list>li>.name {flex: 1;position: relative; }
.exp-ingredients__list>li>.name span { background-color: #fff;padding-right: 6px; }
.exp-ingredients__list>li>.name::before { content: ""; position: absolute; background-image: linear-gradient(to right, #d5d4cf 2px, transparent 2px); background-size: 8px 2px; content: ""; position: absolute; top: calc(50% - 1px); left: 16px; width: 100%; height: 2px; z-index: -1; }
.exp-ingredients__list>li.add_list .name{flex: inherit;}
.exp-ingredients__list>li.add_list .name span{padding-right: 0;}
.exp-ingredients__list>li.add_list .name:before{display: none;}
.exp-ingredients__list>li.add_list .amount_adjust{position: relative;flex: 1;text-align: right;}
.exp-ingredients__list>li.add_list .amount{background-color: #fff;padding-left: 1em;}
.exp-ingredients__list>li.add_list .amount_adjust::before {content: "";position: absolute;background-image: linear-gradient(to right, #d5d4cf 2px, transparent 2px);background-size: 8px 2px;content: "";position: absolute;top: calc(50% - 1px);left: 16px;width: 60%;height: 2px;z-index: -1;}
.exp-ingredients__list>li.add_list.for_line {align-items: flex-end;}
.exp-ingredients__list>li.add_list.for_line .amount_adjust::before {left: 0;width: 100%;}
.exp-ingredients__lead {font-weight: 700;margin-top: 34px;letter-spacing: 0.08em;}
.exp-ingredients__list--sub { position: relative; padding-left: 20px; }
.exp-ingredients__list--sub::before { background-color: #333; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; }
.exp__heading-grid {display: flex ; align-items: center;}
.exp__heading-grid .exp__heading {margin-right: 10px;}
.exp__heading-grid > span{display: block; flex: 1; position: relative; padding-left: 1em;font-size: 0.875em;letter-spacing: 0.08em;}
.exp__heading-grid > span > span {position: absolute; top: 0; left: 0;}
.exp-make__list {margin-top: 30px;}
.exp-make__list-heading {display: flex;align-items: center;font-weight: 700;letter-spacing: 0.08em; }
.exp-make__list-heading span {margin-right: 5px;color: #fff;border-radius: 50%;background-color: #E0AC00;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 0.875em;}
.exp-make__list-text {margin-top: 7px;letter-spacing: 0.08em;line-height: calc(30 / 16);}
.exp-make__list-img {float: right;margin-left: 30px;margin-bottom: 30px;width: 45.1807%;}
.exp-make__list li + li {margin-top: 20px;}
.exp-make__list-img.exp-make__list-img-mrg{margin-bottom: 0}
.exp-make__list-img-column {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px}
.exp-make__list-img-column .exp-make__col-img {width: 45.1807%;margin-top: 10px;}

.exp-point {margin-top: 60px;border: 1px solid #E0AC00;padding: 26px 2.5553% 26px 3.5775%;}
.exp-point__inner {display: flex;align-items: center;gap: 18px;}
.exp-point__heading {position: relative;min-width: 113px;}
.exp-point__heading::before {content: ""; content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(/club-me/food/hare/img/common/img_heading_line_01.svg) center center no-repeat; width: 11px; display: block; height: 117px;}
.exp-point__heading h2{color: #E0AC00;font-size: 1.25em;font-weight: 700;letter-spacing: 0.13em;font-family: 'Ubuntu', sans-serif;}
.exp-point__list li {position: relative;padding-left: 1.2em;line-height: calc(28 / 16);letter-spacing: 0.08em;}
.exp-point__list li::before {position: absolute;content: "";top: 10px;left: 0;width: 8px;height: 8px;border-radius: 50%;background-color: #E0AC00;}
.exp-point__list li + li {margin-top: 8px;}
.recipe-heading {text-align: center;font-size: 1.625em;font-weight: 700;}
.recipe-heading + .recipe-grid {margin-top: 26px;}
.products {margin-top: 100px;background-color: #F5F5F5;padding: 80px 0;}
.products.products-col .container{max-width: 1414px;}
.products.products-col .products__item-title{text-align: center;margin-bottom: 30px;}
.products-grid { display: flex ;justify-content: center; }
.products__item-img {width: 31.6865%;margin-right: 4.2589%;}
.products__item-title {font-size: 1.25em;}
.products__item-name {margin-top: 20px;font-size: 1.125em;font-weight: 700;line-height: calc(28 / 18);}
.products__item-text {margin-top: 20px;}
.products__item-btn {margin-top: 20px;}
.products__item-btn a {color: #333333;}
.exp-make {padding-top: 6px;}
.clearfix::after {content: "";display: block;clear: both;}

@media print, screen and (min-width: 768px) and (max-width: 1340px){
.mv-recipe { padding: 1.4925vw; }
.mv-recipe__title { font-size: 1.9230vw; }
}
@media print, screen and (min-width: 768px) and (max-width: 1100px){
.mv-recipe { max-width: 200px; }
.mv-recipe__text { margin-top: 0.9090vw; font-size: 1.3636vw; }
.exp-ingredients__box { border: 1px solid #333333; padding: calc((25 / 420) * 100%) calc((16 / 420) * 100%); }
.exp-grid { gap: 0 calc((30 / 1075) * 100%); }
}
@media print, screen and (min-width: 768px){
.container { position: relative; margin: 0 auto; padding-right: 13px; padding-left: 13px; max-width: 1174px; z-index: 10; }
.recipe { margin-top: 94px; }
.recipe .container {max-width: 1414px;}
.date { margin-top: 35px; }
.page_back { margin-top: 30px; }
.products-grid__item {display: flex;align-items: center;height: 100%;width: 47.8789%;}
.products-grid.products-2col .products__item-img {margin-right: calc((30 / 677) * 100%);}
.products-grid.products-2col .products__item-img.cookingheater{width: calc((372 / 530) * 100%);}
.products-grid.products-2col .products__item-img.rangegrill{width: calc((372 / 658) * 100%);}
.products-grid.products-2col .products-grid__item+.products-grid__item{margin-left: 4.245%}
.products-grid.products-2col .products-grid__item{align-items: flex-start;}
.products-grid.products-2col .products__item-name{margin-top: 0;}
}
@media only screen and (max-width: 767.98px){
.mv { margin-top: 40px;overflow: hidden; }
.mv-img { width: 100vw;margin: 0 calc(50% - 50vw); }
.mv-recipe__label{margin-top: 30px; writing-mode: horizontal-tb;position: initial;padding-left: 40px;}
.mv-recipe__label-text {font-size: 1.1428571428571em;padding-top: 0;}
.mv-recipe__label-num {font-size: 1.1428571428571em;padding-top: 0;}
.mv-recipe { position: initial; padding: 0 20px; background-color: transparent; max-width: 100%; }
.mv-recipe__title {margin-top: 14px;font-size:1.5714285714286em;}
.mv-recipe__text {font-size: 1.1428571428571em;letter-spacing: 0.08em;line-height: calc(32 / 16);}
.exp-grid { grid-template-columns: 1fr; gap: 0; }
.exp {margin-top: 40px;}
.exp-ingredients__box {padding: 26px 20px;}
.exp__heading{font-size: 1.2142857142857em;padding-left: 1.4em;}
.exp__txt{font-size: 1.0714285714286em;}
.exp-ingredients__box + .exp-ingredients__box {margin-top: 20px;}
.exp-ingredients__box .note_point {font-size: 0.85714em;line-height: calc(20 / 12);}
.exp-ingredients__list { margin-top: 26px; }
.exp-ingredients__list>li {font-size: 1.0714285714286em;margin-top: 21px;}
.exp-ingredients__lead {font-size: 1.1428571428571em;}
.exp-make {margin-top: 44px;}
.exp__heading-grid {display: block;}
.exp__heading-grid .exp__heading {margin-right: 0;}
.exp__heading-grid > span {margin-top: 14px;font-size: 1em;line-height: calc(26 / 14);}
.exp-make__list-heading {font-size: 1.1428571428571em;}
.exp-make__list-text {margin-top: 8px;font-size: 1.1428571428571em;}
.exp-make__list-img {margin-left: 0;margin-bottom: 0;float: none;order: 2;width: 100%;margin-top: 20px;text-align: center; }
.exp-make__list-column {display: flex;flex-direction: column;}
.exp-make__list li + li { margin-top: 44px; }
.exp-make__list-img-column {display: block;}
.exp-make__list-img-column .exp-make__col-img {width: 100%;}
.exp-point { margin-top: 40px;padding: 30px 20px 22px; }
.exp-point__inner {flex-direction: column;}
.exp-point__heading::before {background: url(/club-me/food/hare/img/common/img_heading_line_02.svg) center center no-repeat; top: 170%; left: 50%; transform: translateX(-50%); height: 12px; width: 220px;}
.exp-point__heading {text-align: center;}
.exp-point__list {margin-top: 34px;}
.exp-point__list li { font-size: 1.1428571428571em; }
.recipe { margin-top: 40px; }
.recipe-heading { font-size: 1.4285714285714em;}
.recipe-heading + .recipe-grid { margin-top: 24px; }
.products { margin-top: 60px; padding: 50px 0; }
.products-grid {display: block;}
.products__item-title {font-size: 1.2857142857143em;text-align: center;}
.products__item-img {width: 100%;margin-right: auto;margin-top: 30px;margin-left: auto;max-width: 335px;}
.products__item-name { margin-top: 30px; font-size: 1.1428571428571em; }
.products__item-text {margin-top: 25px;font-size: 1.0714285714286em;}
.products__item-btn { margin-top: 15px; }
}