@charset "UTF-8";


body {
  counter-reset: number;
}

.pc-hide {
  display: none;
}

.sp-hide {
  display: block;
}

main {
  background-color: #f9f7f4;
  color: #333;
  overflow: hidden;
}

main.top {
  padding-bottom: clamp(66.66667px, 8.3333333333vw, 100px);
}

main.recipe {
  padding-bottom: clamp(66.66667px, 8.3333333333vw, 100px);
}

main.recipe .recommend {
  margin-bottom: clamp(28.0000014px, 3.5vw, 42px);
}

main.recipe .recommend .swiper-pagination {
  bottom: -10px;
}



main *,
main ::before,
main ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

main button,
main input,
main optgroup,
main select,
main textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  text-align: inherit;
  vertical-align: middle;
  color: inherit;
  border-radius: 0;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

main img,
main figure {
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

main img {
  height: auto;
}

main a {
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
  text-decoration: none;
}

main a:link,
main a:visited {
  text-decoration: none;
}

main a:hover {
  text-decoration: none;
  opacity: 0.7;
}

main .recipe-num {
  color: #f77f18;
  font-family: "Jost", sans-serif;
  font-weight: bold;
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
  text-align: center;
}

main .recipe-num .num {
  font-size: clamp(18.6666676px, 2.3333333333vw, 28px);
  line-height: 1;
  color: inherit;
}

main .subrecipe-title {
  color: #f77f18;
  text-align: center;
  font-size: clamp(12.0000006px, 1.5vw, 18px);
  position: relative;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  z-index: 0;
}

main .subrecipe-title span {
  background-color: white;
  padding: 0 clamp(9.3333338px, 1.1666666667vw, 14px);
  -webkit-transition: 0.4s background-color;
  transition: 0.4s background-color;
}

main .subrecipe-title::before {
  content: "";
  width: clamp(164.0000082px, 20.5vw, 246px);
  height: 1px;
  background-color: #fcaa62;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

main .subrecipe-name {
  font-weight: bold;
  font-size: clamp(18.6666676px, 2.3333333333vw, 28px);
  text-align: center;
  margin-top: clamp(6.666667px, 0.8333333333vw, 10px);
  line-height: 1.29;
}

main .button {
  border-radius: clamp(20.000001px, 2.5vw, 30px);
  width: clamp(173.333342px, 21.6666666667vw, 260px);
  height: clamp(40.000002px, 5vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: solid 1px #f77f18;
  color: #f77f18;
  font-weight: bold;
  font-size: clamp(12.0000006px, 1.5vw, 18px);
  position: relative;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
}

main .button.orange-button {
  background-color: #f77f18;
  color: white;
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
  width: clamp(278.0000139px, 34.75vw, 417px);
  height: clamp(46.666669px, 5.8333333333vw, 70px);
  border-radius: clamp(23.3333345px, 2.9166666667vw, 35px);
  margin: auto;
}

main .button.orange-button:after {
  border-color: white;
  right: clamp(20.000001px, 2.5vw, 30px);
}

main .button::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-top: solid 2px #f77f18;
  border-right: solid 2px #f77f18;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 20px;
}

main .button.backtotop {
  background-color: white;
  border-color: #707070;
  border-radius: clamp(5.3333336px, 0.6666666667vw, 8px);
  width: clamp(253.333346px, 31.6666666667vw, 380px);
  height: clamp(46.666669px, 5.8333333333vw, 70px);
  color: #333;
  margin: auto;
}

main .button.backtotop::after {
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
  right: auto;
  left: clamp(17.3333342px, 2.1666666667vw, 26px);
  border-color: #333;
}

main .button.accordion-toggle {
  display: none;
}

main .button.accordion-toggle.open::after {
  top: 53%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

main .recipe-trim {
  width: clamp(213.333344px, 26.6666666667vw, 320px);
  height: clamp(213.333344px, 26.6666666667vw, 320px);
  overflow: hidden;
  border-radius: clamp(5.3333336px, 0.6666666667vw, 8px);
}

main .recipe-trim img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 clamp(-28px, -2.3333333333vw, -18.6666676px);
  object-position: 0 clamp(-28px, -2.3333333333vw, -18.6666676px);
  width: 100%;
}

main .swiper-button-next,
main .swiper-button-prev {
  width: clamp(40.000002px, 5vw, 60px);
  height: clamp(40.000002px, 5vw, 60px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

main .swiper-button-next::after,
main .swiper-button-prev::after {
  background-image: url(/excludes/images/life/health/img/common/arrow-slide.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(40.000002px, 5vw, 60px);
  height: clamp(40.000002px, 5vw, 60px);
  font-size: 0;
}

main .swiper-button-prev {
  left: -70px;
}

main .swiper-button-next {
  left: auto;
  right: -70px;
}

main .swiper-button-next::after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

main .swiper-pagination {
  bottom: 0;
}

main .swiper-pagination .swiper-pagination-bullet {
  border-radius: clamp(2.6666668px, 0.3125vw, 4px);
  width: clamp(16.0000008px, 1.875vw, 24px);
  height: clamp(5.3333336px, 0.625vw, 8px);
  background-color: #c7c7c7;
  opacity: 1;
  margin: 0 clamp(3.3333335px, 0.390625vw, 5px);
}

main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f77f18;
}

main .recommend {
  margin-top: clamp(66.66667px, 8.3333333333vw, 100px);
  position: relative;
}

main .recommend .innerWrap {
  max-width: 1040px;
  position: relative;
  padding-bottom: 12px;
}

main .recommend__title {
  font-size: clamp(26.666668px, 3.3333333333vw, 40px);
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
}

main .recommend__title.bn-title {
  margin-bottom: 0;
}

main .recommend__title.bn-title+.bn-caption {
  font-size: clamp(10.6666672px, 1.25vw, 16px);
  margin-bottom: clamp(26.666668px, 3.125vw, 40px);
  text-align: center;
}

main .recommend .swiper-container {
  position: relative;
  overflow: hidden;
}


main .recommend .recommend-list:not([id^=swiper-]) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(26.666668px, 3.3333333333vw, 40px);
}

main .recommend .recommend-list__item {
  width: clamp(213.333344px, 26.6666666667vw, 320px) !important;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

main .recommend .recommend-list__item .recipe-num {
  text-align: left;
  margin-bottom: clamp(6.666667px, 0.8333333333vw, 10px);
}

main .recommend .recommend-list__name {
  font-weight: bold;
  font-size: clamp(17.3333342px, 2.1666666667vw, 26px);
  line-height: 1.4;
  margin-top: clamp(10.6666672px, 1.3333333333vw, 16px);
  color: #333;
  text-align: left;
}

main .recommend .recommend-list__name small {
  display: block;
  font-weight: normal;
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
}

section .innerWrap,
div .innerWrap {
  max-width: 956px;
  margin: auto;
}

.backnumber {
  margin: 0 auto;
  width: clamp(637.3333652px, 74.6875vw, 956px);
}

.backnumber:has(> .backnumber__title) {
  margin-top: clamp(53.333336px, 6.25vw, 80px);
}

.backnumber .backnumber__title {
  font-size: clamp(18.6666676px, 2.1875vw, 28px);
  text-align: center;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #f77e18;
}

.backnumber .backnumber__text {
  font-size: clamp(10.6666672px, 1.25vw, 16px);
  text-align: center;
  margin-bottom: clamp(26.666668px, 3.125vw, 40px);
  color: #333;
}

.backnumber .backnumber-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(40.000002px, 4.6875vw, 60px) clamp(28.6666681px, 3.359375vw, 43px);
}

.backnumber .backnumber-list.two-columns {
  gap: clamp(40.000002px, 4.6875vw, 60px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__item {
  width: clamp(298.6666816px, 35vw, 448px);
  border-radius: clamp(20.000001px, 2.34375vw, 30px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__item>.recipe-num {
  font-size: clamp(16.0000008px, 1.875vw, 24px);
  margin-bottom: clamp(5.3333336px, 0.625vw, 8px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__item>.recipe-num span.num {
  font-size: clamp(24.0000012px, 2.8125vw, 36px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__item.new .backnumber-image:before {
  content: "";
  background-image: url(/excludes/images/life/health/img/icon-new.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(66.66667px, 7.8125vw, 100px);
  height: clamp(66.66667px, 7.8125vw, 100px);
  top: 0;
  left: 0;
}

.backnumber .backnumber-list.two-columns .backnumber-image {
  width: clamp(298.6666816px, 35vw, 448px);
  height: clamp(298.6666816px, 35vw, 448px);
  border-radius: clamp(20.000001px, 2.34375vw, 30px) clamp(20.000001px, 2.34375vw, 30px) 0 0;
}

.backnumber .backnumber-list.two-columns .backnumber-image:after {
  width: clamp(33.333335px, 3.90625vw, 50px);
  height: clamp(33.333335px, 3.90625vw, 50px);
  right: clamp(6.666667px, 0.78125vw, 10px);
  bottom: clamp(6.666667px, 0.78125vw, 10px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__info {
  border-radius: 0 0 clamp(20.000001px, 2.34375vw, 30px) clamp(20.000001px, 2.34375vw, 30px);
  padding: clamp(13.333334px, 1.5625vw, 20px) clamp(13.333334px, 1.5625vw, 20px) clamp(20.000001px, 2.34375vw, 30px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__name {
  font-size: clamp(20.000001px, 2.34375vw, 30px);
}

.backnumber .backnumber-list.two-columns .backnumber-list__name small {
  font-weight: normal;
  font-size: clamp(13.333334px, 1.5625vw, 20px);
  margin-bottom: clamp(4.0000002px, 0.46875vw, 6px);
}

.backnumber .backnumber-list__item {
  border-radius: clamp(5.3333336px, 0.625vw, 8px);
  overflow: hidden;
  width: clamp(193.333343px, 22.65625vw, 290px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.backnumber .backnumber-image {
  border-radius: clamp(5.3333336px, 0.625vw, 8px) clamp(5.3333336px, 0.625vw, 8px) 0 0;
  position: relative;
  height: clamp(193.333343px, 22.65625vw, 290px);
}

.backnumber .backnumber-image::after {
  content: "";
  background-image: url(/excludes/images/life/health/img/common/arrow-backnumber.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(24.0000012px, 2.8125vw, 36px);
  height: clamp(24.0000012px, 2.8125vw, 36px);
  right: clamp(5.3333336px, 0.625vw, 8px);
  bottom: clamp(5.3333336px, 0.625vw, 8px);
}

.backnumber .backnumber-image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}

.backnumber .backnumber-list__info {
  padding: clamp(10.6666672px, 1.25vw, 16px) clamp(10.6666672px, 1.25vw, 16px) clamp(16.0000008px, 1.875vw, 24px);
  background-color: #fff;
  border-radius: 0 0 clamp(5.3333336px, 0.625vw, 8px) clamp(5.3333336px, 0.625vw, 8px);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.backnumber .backnumber-list__info .recipe-num {
  font-size: clamp(10.6666672px, 1.25vw, 16px);
  margin-bottom: 0.5em;
}

.backnumber .backnumber-list__info .recipe-num span.num {
  font-size: clamp(14.6666674px, 1.71875vw, 22px);
}

.backnumber .backnumber-list__name {
  font-size: clamp(14.6666674px, 1.71875vw, 22px);
  text-align: center;
  line-height: 1.36;
  font-weight: bold;
  color: #333333;
}

.backnumber .backnumber-list__name small {
  font-size: clamp(10.6666672px, 1.25vw, 16px);
  font-weight: normal;
  display: block;
  margin-bottom: clamp(2.6666668px, 0.3125vw, 4px);
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* .reveal {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
} */

.top-main.first {
  padding-top: clamp(33.333335px, 4.1666666667vw, 50px);
  position: relative;
  z-index: 0;
}

.top-main.first:before {
  content: "";
  background-image: url(/excludes/images/life/health/img/top-main_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 703px;
  pointer-events: none;
}

.top-main.first .innerWrap {
  max-width: 1440px;
}

.top-main__title {
  margin: 0 auto clamp(40.000002px, 5vw, 60px);
  text-align: center;
  width: clamp(333.33335px, 41.6666666667vw, 500px);
}

.top-main .top-recipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-main .top-recipe.reverse .top-recipe__box {
  margin-left: 0;
  margin-right: clamp(-60px, -5vw, -40.000002px);
}

.top-main .top-recipe__image {
  width: clamp(338.6666836px, 42.3333333333vw, 508px);
}

.top-main .top-recipe__image img {
  border-radius: clamp(20.000001px, 2.5vw, 30px);
}

.top-main .top-recipe__box {
  border-radius: clamp(20.000001px, 2.5vw, 30px);
  background-color: white;
  padding: clamp(20.000001px, 2.5vw, 30px);
  width: clamp(338.6666836px, 42.3333333333vw, 508px);
  margin-left: clamp(-60px, -5vw, -40.000002px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 1;
  position: relative;
  -webkit-transition: 0.4s background-color;
  transition: 0.4s background-color;
}

.top-main .top-recipe__box:hover {
  background-color: #fffadb;
}

.top-main .top-recipe__box:hover .subrecipe-title span {
  background-color: #fffadb;
}

.top-main .top-recipe__box .recipe-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}

.top-main .top-recipe__title {
  text-align: center;
  font-size: clamp(24.0000012px, 3vw, 36px);
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  margin-bottom: clamp(13.333334px, 1.6666666667vw, 20px);
}

.top-main .top-recipe__title::before {
  content: "";
  width: clamp(4.0000002px, 0.5vw, 6px);
  height: clamp(4.0000002px, 0.5vw, 6px);
  background-color: #f77f18;
  display: block;
  border-radius: 50%;
  margin: clamp(10.0000005px, 1.25vw, 15px) auto;
}

.top-main .top-recipe__title small {
  display: block;
  font-size: clamp(21.3333344px, 2.6666666667vw, 32px);
  margin-bottom: clamp(10.6666672px, 1.3333333333vw, 16px);
  line-height: 1.41;
}

.top-main .top-recipe .recipe-detail {
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 2em;
}

.top-main .top-recipe .button {
  margin: clamp(26.666668px, 3.3333333333vw, 40px) auto 0;
}

.main-copy {
  width: clamp(786.666706px, 92.1875vw, 1180px);
  margin: 0 auto clamp(40.000002px, 4.6875vw, 60px);
  padding: 0 clamp(73.333337px, 8.59375vw, 110px);
  position: relative;
  z-index: 0;
}

.main-copy::before {
  content: "";
  background-image: url(/excludes/images/life/health/img/main-copy_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: clamp(787.3333727px, 98.4166666667vw, 1181px);
  height: clamp(288.0000144px, 36vw, 432px);
  z-index: -1;
}

.main-copy__text {
  font-size: clamp(14.6666674px, 1.71875vw, 22px);
  line-height: 2;
  font-weight: bold;
  text-align: center;
}

.main-copy .main-copy__banner {
  margin: clamp(20.000001px, 2.34375vw, 30px) auto 0;
  display: block;
  width: clamp(117.3333392px, 13.75vw, 176px);
}

.main-copy.dduet-top:before {
  background-image: url(/column/gohan/img/main-copy_bg_dduet.png);
  width: clamp(685.60003428px, 80.34375vw, 1028.4px);
  height: clamp(158.853341276px, 18.615625vw, 238.28px);
  top: clamp(113.333339px, 13.28125vw, 170px);
}

.main-copy .main-copy__banner {
  margin: clamp(20.000001px, 2.34375vw, 30px) auto 0;
  display: block;
  width: clamp(117.3333392px, 13.75vw, 176px);
}

.main-copy.dduet-top:before {
  background-image: url(/excludes/images/life/health/img/main-copy_bg_dduet.png);
  width: clamp(685.60003428px, 80.34375vw, 1028.4px);
  height: clamp(158.853341276px, 18.615625vw, 238.28px);
  top: clamp(113.333339px, 13.28125vw, 170px);
}

.supervisor {
  margin-top: clamp(66.66667px, 8.3333333333vw, 100px);
  position: relative;
}

.supervisor .innerWrap {
  max-width: 800px;
  padding-bottom: clamp(26.666668px, 3.3333333333vw, 40px);
  border-bottom: solid 1px #f77f18;
}

.supervisor::before {
  content: "";
  background-image: url(/excludes/images/life/health/img/supervisor-line.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  left: 0;
  transform: none;
  top: -10px;
  width: 800px;
  height: 25px;
}

.supervisor__name {
  font-size: clamp(18.6666676px, 2.3333333333vw, 28px);
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: clamp(3.3333335px, 0.4166666667vw, 5px);
  margin-bottom: clamp(13.333334px, 1.6666666667vw, 20px);
}

.supervisor__name .svname {
  display: block;
  margin-top: clamp(9.3333338px, 1.1666666667vw, 14px);
}

.supervisor__name small {
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
}

.supervisor__text {
  font-size: clamp(12.0000006px, 1.5vw, 18px);
  line-height: 1.78;
  text-align: left;
}

/* tabs */
.tab-block {
  margin-top: clamp(33.333335px, 4.1666666667vw, 50px);
}

.tab-block .innerWrap {
  padding-bottom: clamp(66.66667px, 8.3333333333vw, 100px);
}

.tab-block__container .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.tab-block__container .tab-caption {
  color: white;
  font-size: clamp(14.6666674px, 1.8333333333vw, 22px);
  font-weight: bold;
  border-radius: clamp(10.6666672px, 1.3333333333vw, 16px) clamp(10.6666672px, 1.3333333333vw, 16px) 0 0;
  width: clamp(162.0000081px, 20.25vw, 243px);
  height: clamp(46.666669px, 5.8333333333vw, 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab-block__container .tab-caption.food {
  background-color: #fcaa62;
}

.tab-block__container .tab-caption.keyword {
  background-color: #a1c76a;
}

.tab-content .tab-button {
  background-color: #f1f1f1;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 20px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.tab-content .tab-button.active {
  background-color: #ccc;
}

.tab-content .tab-pane {
  display: none;
}

.tab-content .tab-pane.food .tab-list {
  background-color: #fcaa62;
}

.tab-content .tab-pane.food .tab-caption {
  background-color: #fcaa62;
}

.tab-content .tab-pane.keyword .tab-list {
  background-color: #a1c76a;
}

.tab-content .tab-pane.keyword .tab-caption {
  background-color: #a1c76a;
}

.tab-content .tab-pane.active {
  display: block;
}

.tab-content .tab-pane .tab-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(6.666667px, 0.8333333333vw, 10px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(6.666667px, 0.8333333333vw, 10px);
  width: clamp(316.0000158px, 39.5vw, 474px);
  padding: clamp(13.333334px, 1.6666666667vw, 20px);
  border-radius: 0 clamp(6.666667px, 0.8333333333vw, 10px) clamp(6.666667px, 0.8333333333vw, 10px) clamp(6.666667px, 0.8333333333vw, 10px);
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 390px;
}

.tab-content .tab-pane .tab-list__item {
  background-color: white;
  border-radius: clamp(2.6666668px, 0.3333333333vw, 4px);
  width: clamp(141.3333404px, 17.6666666667vw, 212px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tab-content .tab-pane .tab-list__item.disable {
  pointer-events: none;
  background-color: #d6d6d6;
}

.tab-content .tab-pane .tab-list__item a.tab-link {
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: clamp(53.333336px, 6.6666666667vw, 80px);
  padding: clamp(9.3333338px, 1.1666666667vw, 14px);
  gap: clamp(9.3333338px, 1.1666666667vw, 14px);
  color: #333;
}

.tab-content .tab-pane .tab-list__item a.tab-link img {
  width: clamp(34.6666684px, 4.3333333333vw, 52px);
}

.recipe-content {
  text-align: left;
}

.recipe-content .innerWrap {
  padding-bottom: clamp(121.3333394px, 15.1666666667vw, 182px);
}

.recipe-content__title {
  margin: 0 auto clamp(40.000002px, 5vw, 60px);
  text-align: center;
}

.recipe-content__title img {
  width: clamp(233.333345px, 29.1666666667vw, 350px);
}

.recipe-content.plusone {
  background-color: #fffadb;
  margin-bottom: clamp(66.66667px, 8.3333333333vw, 100px);
}

.recipe-content.plusone .innerWrap {
  padding-top: clamp(84.0000042px, 10.5vw, 126px);
  position: relative;
}

.recipe-content.plusone .innerWrap:has(.plusone-wrapper) {
  padding-bottom: clamp(66.66667px, 7.8125vw, 100px);
}

.recipe-content.plusone .plusone__title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: clamp(-82px, -6.8333333333vw, -54.6666694px);
  width: clamp(244.6666789px, 30.5833333333vw, 367px);
}

.recipe-content.plusone .plusone-wrapper:not(:last-child) {
  margin-bottom: clamp(80.000004px, 9.375vw, 120px);
}

.recipe-content.plusone .recipe-wrapper {
  margin-top: clamp(20.000001px, 2.34375vw, 30px);
}

.recipe-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(637.3333652px, 79.6666666667vw, 956px);
  margin: auto;
}

.recipe-card .recipe-inner {
  width: clamp(258.6666796px, 32.3333333333vw, 388px);
  min-height: clamp(351.3333509px, 41.171875vw, 527px);
}

.recipe-card__title {
  text-align: center;
  font-size: clamp(21.3333344px, 2.6666666667vw, 32px);
  font-weight: bold;
  line-height: 1.38;
  position: relative;
  margin-bottom: clamp(16.0000008px, 2vw, 24px);
}

.recipe-card__title small {
  display: block;
  font-weight: normal;
  font-size: clamp(18.6666676px, 2.3333333333vw, 28px);
}

.recipe-card__image {
  width: clamp(338.6666836px, 42.3333333333vw, 508px);
  position: absolute;
  top: 0;
  right: 0;
}

.recipe-card__image img {
  border-radius: clamp(20.000001px, 2.5vw, 30px);
}

.recipe-card__description {
  font-size: clamp(12.6666673px, 1.5833333333vw, 19px);
  text-align: center;
  line-height: 1.8;
  margin-bottom: clamp(22.6666678px, 2.8333333333vw, 34px);
  font-weight: bold;
}

.recipe-card .cooking-time {
  width: clamp(173.333342px, 21.6666666667vw, 260px);
  height: clamp(26.666668px, 3.3333333333vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: auto;
  border-radius: clamp(13.333334px, 1.6666666667vw, 20px);
  border: solid #a26843 1px;
  color: #a26843;
  font-weight: bold;
}

.recipe-card .cooking-time__detail {
  font-size: clamp(12.0000006px, 1.5vw, 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1;
}

.recipe-card .cooking-time__detail:nth-child(1)::after {
  content: "";
  width: 1px;
  height: clamp(20.000001px, 2.5vw, 30px);
  background-color: #a26843;
  display: block;
  position: absolute;
  right: clamp(-12px, -1vw, -8.0000004px);
}

.recipe-card .cooking-time__detail .label {
  font-size: clamp(10.6666672px, 1.3333333333vw, 16px);
  margin-right: clamp(6.0000003px, 0.75vw, 9px);
  line-height: 1;
}

.recipe-card .cooking-time__detail .num {
  font-family: "Jost", sans-serif;
  font-size: clamp(21.3333344px, 2.6666666667vw, 32px);
  line-height: 1;
  margin-top: 1px;
  margin-right: clamp(2.6666668px, 0.3333333333vw, 4px);
}

.recipe-card .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(8.0000004px, 1vw, 12px) clamp(16.0000008px, 2vw, 24px);
  margin-top: clamp(13.333334px, 1.6666666667vw, 20px);
}

.recipe-card .tag-list__item {
  font-size: clamp(12.0000006px, 1.5vw, 18px);
}

.recipe-card .nutrition-wrap {
  background-color: #ffe1b2;
  position: relative;
  border-radius: clamp(8.0000004px, 1vw, 12px);
  padding: 0 clamp(20.000001px, 2.5vw, 30px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: clamp(26.666668px, 3.3333333333vw, 40px);
}

.recipe-card .nutrition-wrap .nutrition-ribbon {
  position: absolute;
  top: clamp(-4.6666669px, -0.5833333333vw, -7px);
  width: clamp(70.6666702px, 8.8333333333vw, 106px);
}

.recipe-card .nutrition-wrap .nutrition-list {
  width: clamp(138.6666736px, 17.3333333333vw, 208px);
  margin: 0 0 0 auto;
  padding: clamp(12.0000006px, 1.5vw, 18px) 0;
}

.recipe-card .nutrition-wrap .nutrition-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(10.6666672px, 1.3333333333vw, 16px) clamp(31.3333349px, 3.9166666667vw, 47px);
  font-size: clamp(12.0000006px, 1.5vw, 18px);
}

.recipe-card .nutrition-wrap .nutrition-list__item:not(:last-child) {
  margin-bottom: clamp(2.6666668px, 0.3333333333vw, 4px);
}

.recipe-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: clamp(40.000002px, 5vw, 60px);
  -moz-column-gap: clamp(40.000002px, 5vw, 60px);
  column-gap: clamp(40.000002px, 5vw, 60px);
  margin-top: clamp(88.0000044px, 11vw, 132px);
}

.recipe-wrapper .recipe-box {
  width: clamp(298.6666816px, 37.3333333333vw, 448px);
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
}

.recipe-wrapper .recipe-box.food .recipe-box__image {
  margin: 0 auto clamp(30.0000015px, 3.75vw, 45px);
}

.recipe-wrapper .recipe-box__title {
  font-size: clamp(21.3333344px, 2.6666666667vw, 32px);
  font-weight: bold;
  position: relative;
  text-align: center;
  margin: 0 auto clamp(26.666668px, 3.3333333333vw, 40px);
}

.recipe-wrapper .recipe-box__title::after {
  content: "";
  display: block;
  margin: auto;
  width: clamp(29.3333348px, 3.6666666667vw, 44px);
  height: clamp(3.3333335px, 0.4166666667vw, 5px);
  background-color: #555;
  border-radius: clamp(1.66666675px, 0.2083333333vw, 2.5px);
}

.recipe-wrapper .recipe-box__image {
  width: clamp(240.000012px, 30vw, 360px);
  margin-bottom: clamp(30.0000015px, 3.75vw, 45px);
}

.recipe-wrapper .recipe-box__image img {
  border-radius: clamp(4.0000002px, 0.5vw, 6px);
}

.recipe-wrapper .recipe-box__image .attention {
  text-align: left;
  font-size: clamp(9.3333338px, 1.09375vw, 14px);
  margin-top: clamp(2.6666668px, 0.3125vw, 4px);
}

.recipe-wrapper .recipe-box .quantity-wrap .quantity-title {
  font-weight: bold;
  margin-bottom: clamp(6.666667px, 0.8333333333vw, 10px);
  padding-left: clamp(9.3333338px, 1.1666666667vw, 14px);
  line-height: 1;
}

.recipe-wrapper .recipe-box .quantity-wrap .quantity-list:not(:last-child) {
  margin-bottom: clamp(20.000001px, 2.5vw, 30px);
}

.recipe-wrapper .recipe-box .quantity-wrap .quantity-list__item {
  padding: clamp(6.666667px, 0.8333333333vw, 10px) 0 clamp(6.666667px, 0.8333333333vw, 10px) clamp(9.3333338px, 1.1666666667vw, 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px #e5e5e5;
}

.recipe-wrapper .recipe-box .quantity-wrap .quantity-list__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 71.5%;
  /* width: clamp(163.3333415px, 20.4166666667vw, 245px); */
}

.recipe-wrapper .recipe-box .quantity-wrap .quantity-list__detail {
  text-align: center;
}

.recipe-wrapper .recipe-box .quantity-wrap .quantity-list__name .attention {
  font-size: clamp(10.6666672px, 1.3333333333vw, 16px);
  line-height: 1.2;
  display: flex;
  text-indent: -1em;
  padding-left: 1em;
}

.recipe-wrapper .howto-list {
  counter-reset: number;
  counter-increment: number 0;
}

.recipe-wrapper .howto-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1.75;
}

.recipe-wrapper .howto-list__item::before {
  counter-increment: number 1;
  content: counter(number);
  color: #f77f18;
  border: solid 1px #f77f18;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  width: clamp(21.3333344px, 2.6666666667vw, 32px);
  height: clamp(21.3333344px, 2.6666666667vw, 32px);
  font-size: clamp(12.0000006px, 1.5vw, 18px);
  font-weight: bold;
  font-family: "Jost", sans-serif;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: clamp(8.0000004px, 1vw, 12px);
}

.recipe-wrapper .howto-list__item:not(:last-child) {
  margin-bottom: clamp(30.0000015px, 3.75vw, 45px);
}

.recipe-wrapper .howto-list__item .howto-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(6.666667px, 0.8333333333vw, 10px);
}

.recipe-wrapper .howto-list__item .howto-wrap .recipe-box__image {
  margin-bottom: 0;
}

.recipe-print {
  width: clamp(504.0000252px, 63vw, 756px);
  margin: 0 auto;
  border: solid 2px #f77f18;
  border-radius: clamp(13.333334px, 1.6666666667vw, 20px);
  background-color: white;
  position: relative;
}

.recipe-print::before {
  content: "";
  background-image: url(/excludes/images/life/health/img/common/icon-recipe.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: clamp(-45px, -3.75vw, -30.0000015px);
  width: clamp(48.0000024px, 6vw, 72px);
  height: clamp(54.6666694px, 6.8333333333vw, 82px);
}

.recipe-print .innerWrap {
  padding: clamp(33.333335px, 4.1666666667vw, 50px) clamp(33.333335px, 4.1666666667vw, 50px) clamp(26.666668px, 3.3333333333vw, 40px);
}

.recipe-print .print-list {
  font-size: clamp(16.0000008px, 2vw, 24px);
  font-weight: bold;
  line-height: 1.83;
  max-width: 475px;
  text-align: left;
  margin: 0 auto clamp(8.0000004px, 1vw, 12px);
}

.recipe-print .print-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-indent: -1em;
  padding-left: 1em;
}

.archive-top__title {
  width: clamp(152.0000076px, 19vw, 228px);
  height: clamp(46.666669px, 5.8333333333vw, 70px);
  margin: 0 auto clamp(40.000002px, 5vw, 60px);
}

.archive-content a.backtotop {
  margin-top: clamp(66.66667px, 8.3333333333vw, 100px);
}

.archive-content .innerWrap {
  /* padding-bottom: clamp(121.3333394px, 15.1666666667vw, 182px); */
}

.archive-content__title {
  margin: 0 auto clamp(26.666668px, 3.3333333333vw, 40px);
  text-align: center;
  font-size: clamp(26.666668px, 3.3333333333vw, 40px);
  font-weight: bold;
}

.archive-content .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(24.0000012px, 3vw, 36px);
  -moz-column-gap: clamp(24.0000012px, 3vw, 36px);
  column-gap: clamp(24.0000012px, 3vw, 36px);
  position: relative;
  width: clamp(637.3333652px, 79.6666666667vw, 956px);
}

.archive-content .search-wrap .search-box {
  border-radius: clamp(6.666667px, 0.8333333333vw, 10px);
  padding: clamp(13.333334px, 1.6666666667vw, 20px) clamp(10.0000005px, 1.25vw, 15px) clamp(10.0000005px, 1.25vw, 15px);
  width: clamp(161.3333414px, 20.1666666667vw, 242px);
}

.archive-content .search-wrap .search-box:not(:last-child) {
  margin-bottom: clamp(13.333334px, 1.6666666667vw, 20px);
}

.archive-content .search-wrap .search-box.food {
  background-color: #fcaa62;
}

.archive-content .search-wrap .search-box.food .search-box__title::after {
  background-image: url(/excludes/images/life/health/img/common/recipe-accordion_food.svg);
}

.archive-content .search-wrap .search-box.food .search-list {
  background-color: #fcaa62;
}

.archive-content .search-wrap .search-box.tag {
  background-color: #a1c76a;
}

.archive-content .search-wrap .search-box.tag .search-box__title::after {
  background-image: url(/excludes/images/life/health/img/common/recipe-accordion_keyword.svg);
}

.archive-content .search-wrap .search-box.tag .search-list {
  background-color: #a1c76a;
}

.archive-content .search-wrap .search-box__title {
  color: white;
  font-size: clamp(12.0000006px, 1.5vw, 18px);
  font-weight: bold;
  text-align: center;
  padding-bottom: clamp(10.0000005px, 1.25vw, 15px);
}

.archive-content .search-wrap .search-box .search-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(5.3333336px, 0.6666666667vw, 8px);
}

.archive-content .search-wrap .search-box .search-list .search-list__item {
  background-color: white;
  border-radius: clamp(2.6666668px, 0.3333333333vw, 4px);
  -webkit-transition: 0.2s opacity ease-in-out;
  transition: 0.2s opacity ease-in-out;
}

.archive-content .search-wrap .search-box .search-list .search-list__item:hover {
  opacity: 0.7;
}

.archive-content .search-wrap .search-box .search-list .search-list__item.disable {
  pointer-events: none;
  background-color: #d6d6d6;
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: clamp(5.3333336px, 0.6666666667vw, 8px) 0 clamp(5.3333336px, 0.6666666667vw, 8px) clamp(9.00000045px, 1.125vw, 13.5px);
  font-weight: bold;
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
  width: 100%;
  line-height: 1.4;
  height: clamp(45.3333356px, 5.6666666667vw, 68px);
  cursor: pointer;
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food] {
  gap: clamp(13.333334px, 1.6666666667vw, 20px);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food]:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  width: clamp(34.6666684px, 4.3333333333vw, 52px);
  height: clamp(34.6666684px, 4.3333333333vw, 52px);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food][class*=food1]::before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_1.svg);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food][class*=food2]::before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_2.svg);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food][class*=food3]::before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_3.svg);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food][class*=food4]::before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_4.svg);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food][class*=food5]::before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_5.svg);
}

.archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food][class*=food6]::before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_6.svg);
}

.archive-content .search-wrap .result-container {
  position: relative;
}

.archive-content .search-wrap .result-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(24.0000012px, 3vw, 36px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(40.000002px, 5vw, 60px) clamp(24.0000012px, 3vw, 36px);
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  opacity: 1;
  visibility: visible;
}

.archive-content .search-wrap .result-list.invisible {
  visibility: hidden;
  opacity: 0;
}

.archive-content .search-wrap .result-list__item .recipe-num {
  text-align: left;
  margin-bottom: clamp(3.3333335px, 0.4166666667vw, 5px);
}

.archive-content .search-wrap .result-list__name {
  font-weight: bold;
  font-size: clamp(17.3333342px, 2.1666666667vw, 26px);
  line-height: 1.4;
  margin-top: clamp(10.6666672px, 1.3333333333vw, 16px);
  margin-bottom: clamp(10.6666672px, 1.3333333333vw, 16px);
  text-align: left;
  color: #333;
}

.archive-content .search-wrap .result-list__name small {
  display: block;
  font-weight: normal;
  font-size: clamp(13.333334px, 1.6666666667vw, 20px);
}

.archive-content .search-wrap .list-item {
  font-size: clamp(10.6666672px, 1.3333333333vw, 16px);
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.archive-content .search-wrap .food-list {
  margin-bottom: clamp(6.666667px, 0.8333333333vw, 10px);
}

.archive-content .search-wrap .food-list .list-item {
  gap: clamp(3.3333335px, 0.4166666667vw, 5px);
}

.archive-content .search-wrap .food-list .list-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #ddd;
  border-radius: clamp(2.6666668px, 0.3333333333vw, 4px);
  background-color: white;
  padding: 0 clamp(3.3333335px, 0.4166666667vw, 5px);
  -webkit-column-gap: clamp(2.6666668px, 0.3333333333vw, 4px);
  -moz-column-gap: clamp(2.6666668px, 0.3333333333vw, 4px);
  column-gap: clamp(2.6666668px, 0.3333333333vw, 4px);
}

.archive-content .search-wrap .food-list .list-item p::before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  width: clamp(10.6666672px, 1.3333333333vw, 16px);
  height: clamp(10.6666672px, 1.3333333333vw, 16px);
}

.archive-content .search-wrap .food-list .list-item p[data-food=food1]:before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_1.svg);
}

.archive-content .search-wrap .food-list .list-item p[data-food=food2]:before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_2.svg);
}

.archive-content .search-wrap .food-list .list-item p[data-food=food3]:before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_3.svg);
}

.archive-content .search-wrap .food-list .list-item p[data-food=food4]:before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_4.svg);
}

.archive-content .search-wrap .food-list .list-item p[data-food=food5]:before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_5.svg);
}

.archive-content .search-wrap .food-list .list-item p[data-food=food6]:before {
  background-image: url(/excludes/images/life/health/img/common/icon-search_6.svg);
}

.archive-content .search-wrap .tag-list .list-item {
  gap: clamp(2.6666668px, 0.3333333333vw, 4px) clamp(10.6666672px, 1.3333333333vw, 16px);
}

.archive-content .search-wrap .message {
  font-weight: bold;
  font-size: clamp(10.6666672px, 1.3333333333vw, 16px);
  text-align: center;
}

.archive-content .search-wrap .loading {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(450.0000225px, 56.25vw, 675px);
  height: clamp(333.33335px, 41.6666666667vw, 500px);
  /* background-color: #fff; */
  -webkit-transition: 0.4s 0.1s;
  transition: 0.4s 0.1s;
}

.archive-content .search-wrap .loading.hide {
  visibility: hidden;
  opacity: 0;
}

.archive-content .search-wrap .loading.hide .loader {
  -webkit-animation: none;
  animation: none;
}

.archive-content .search-wrap .loader,
.archive-content .search-wrap .loader:after {
  width: clamp(26.666668px, 3.3333333333vw, 40px);
  height: clamp(26.666668px, 3.3333333333vw, 40px);
  border-radius: 50%;
}

.archive-content .search-wrap .loader {
  position: relative;
  top: 50%;
  margin: 0 auto;
  border-top: 4px solid rgba(200, 200, 200, 0.2);
  border-right: 4px solid rgba(200, 200, 200, 0.2);
  border-bottom: 4px solid rgba(200, 200, 200, 0.2);
  border-left: 4px solid #fff;
  text-indent: -9999em;
  font-size: 4px;
  -webkit-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (min-width: 768px) {
  .top-main .top-recipe.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .tab-block__container .tabs {
    display: none;
  }

  .tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: clamp(5.3333336px, 0.6666666667vw, 8px);
  }

  .tab-content .tab-pane {
    display: block;
  }

  .recipe-card::after {
    content: "";
    position: relative;
    display: block;
    width: clamp(378.6666856px, 47.3333333333vw, 568px);
    height: auto;
  }

  .pc_none {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  main .button::after {
    width: clamp(7.3333337px, 0.9166666667vw, 11px);
    height: clamp(7.3333337px, 0.9166666667vw, 11px);
    right: clamp(13.333334px, 1.6666666667vw, 20px);
  }
}

@media screen and (max-width: 1200px) and (max-width: 767px) {
  main .button::after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    right: 4.8vw;
  }
}

@media screen and (max-width: 1180px) {
  main .swiper-button-prev {
    left: clamp(-26.666668px, -3.3333333333vw, -40px);
  }

  main .swiper-button-next {
    right: clamp(-26.666668px, -3.3333333333vw, -40px);
  }

  main .recommend .swiper-container {
    max-width: clamp(720.000036px, 90vw, 1080px);
    margin: auto;
  }
}

@media screen and (max-width: 967px) {
  main .swiper-button-prev {
    left: 14px;
  }

  main .swiper-button-next {
    right: 14px;
  }
}

@media screen and (max-width: 966px) {
  .supervisor .innerWrap {
    width: clamp(600px, 82.8157349896vw, 800px);
  }

  .supervisor::before {
    width: clamp(600px, 82.8157349896vw, 800px);
    height: clamp(18.75px, 2.5879917184vw, 25px);
  }
}

.healthrent {
  font-size: 14px;
  margin: 0 auto 100px;
  text-align: center;
}

.healthrent.lower {
  margin: 60px auto 0;
}

.healthrent .lower-inner {
  max-width: 600px;
  margin: 0 auto;
}

.healthrent .lower-inner__copy {
  text-align: left;
  margin-bottom: .33em;
}

.healthrent a {
  color: #076cc1;
  text-decoration: underline !important;
}

@media (max-width: 767px) {
  .pc-hide {
    display: block;
  }

  .sp-hide {
    display: none;
  }

  main.top {
    padding-bottom: 10.6666666667vw;
  }

  main.recipe {
    padding-bottom: 10.6666666667vw;
  }

  main.recipe.archive {
    padding-bottom: 0;
  }

  main.recipe .recommend {
    margin-bottom: 18.6666666667vw;
    overflow: hidden;
  }

  main.recipe .recommend .swiper-pagination {
    bottom: 1px;
  }

  main .recipe-num {
    font-size: 3.7333333333vw;
  }

  main .recipe-num .num {
    font-size: 5.3333333333vw;
  }

  main .subrecipe-title {
    font-size: 4vw;
  }

  main .subrecipe-title span {
    padding: 0 4vw;
  }

  main .subrecipe-title::before {
    width: 48vw;
  }

  main .subrecipe-name {
    font-size: 4.8vw;
    margin-top: 0.5333333333vw;
  }

  main .button.orange-button {
    width: 78.6666666667vw;
    height: 16vw;
    border-radius: 16vw;
    font-size: 4.2666666667vw;
  }

  main .button {
    width: 53.3333333333vw;
    height: 13.3333333333vw;
    font-size: 4vw;
    border-radius: 6.6666666667vw;
  }

  main .button.backtotop {
    width: 89.3333333333vw;
    height: 14.4vw;
    border-radius: 1.0666666667vw;
  }

  main .button.accordion-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 89.3333333333vw;
    border-color: #f9da21;
    background-color: white;
    color: #333;
    border-radius: 1.0666666667vw;
    height: 14.4vw;
    margin: auto;
  }

  main .button.accordion-toggle::before {
    content: "";
    width: 8vw;
    height: 8vw;
    background-color: #f9da21;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    right: 2.9333333333vw;
  }

  main .button.accordion-toggle::after {
    border-color: #333;
    right: 5.6vw;
    top: 47%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
  }

  main .recipe-trim {
    width: 64vw;
    height: 64vw;
    border-radius: 2.1333333333vw;
  }

  main .recipe-trim img {
    -o-object-position: 0 -5.8666666667vw;
    object-position: 0 -5.8666666667vw;
  }

  main .swiper-pagination .swiper-pagination-bullet {
    width: 6.4vw;
    height: 2.1333333333vw;
    border-radius: 1.0666666667vw;
  }

  main .recommend {
    margin-top: 18.6666666667vw;
  }

  main .recommend .innerWrap {
    max-width: 100%;
  }

  main .recommend__title.bn-title+.bn-caption {
    font-size: 3.4666666667vw;
    margin-bottom: 5.3333333333vw;
  }

  main .recommend__title {
    font-size: 7.4666666667vw;
  }

  main .recommend .swiper-container {
    width: 94.6666666667vw;
    margin-left: 5.3333333333vw;
    overflow: visible;
  }

  main .recommend .swiper-button-prev,
  main .recommend .swiper-button-next {
    display: none;
  }

  main .recommend .recommend-list {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }

  main .recommend .recommend-list:not([id^=swiper-]) {
    gap: 3.7333333333vw;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }

  main .recommend .recommend-list__item {
    width: 64vw !important;
  }

  main .recommend .recommend-list__name {
    font-size: 5.3333333333vw;
  }

  main .recommend .recommend-list__name small {
    font-size: 4.2666666667vw;
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
  }

  .accordion-content.active {
    max-height: 100%;
  }

  .backnumber {
    width: 89.3333333333vw;
  }

  .backnumber:has(> .backnumber__title) {
    margin-top: 16vw;
  }

  .backnumber .backnumber__title {
    font-size: 5.8666666667vw;
    margin-bottom: 0.5333333333vw;
  }

  .backnumber .backnumber__text {
    font-size: 3.4666666667vw;
    margin-bottom: 7.4666666667vw;
  }

  .backnumber .backnumber-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 8vw 4vw;
  }

  .backnumber .backnumber-list.two-columns {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 12.2666666667vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__item {
    width: 100%;
    border-radius: 8vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__item>.recipe-num {
    font-size: 5.3333333333vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__item>.recipe-num span.num {
    font-size: 7.4666666667vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__item.new .backnumber-image:before {
    width: 19.556vw;
    height: 19.556vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-image {
    width: 89.3333333333vw;
    height: 89.3333333333vw;
    border-radius: 8vw 8vw 0 0;
  }

  .backnumber .backnumber-list.two-columns .backnumber-image:after {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__info {
    border-radius: 0 0 8vw 8vw;
    padding: 8vw 4vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__name {
    font-size: 6.4vw;
  }

  .backnumber .backnumber-list.two-columns .backnumber-list__name small {
    font-size: 4.2666666667vw;
  }

  .backnumber .backnumber-list__item {
    width: 42.6666666667vw;
    border-radius: 2.1333333333vw;
  }

  .backnumber .backnumber-image {
    height: 42.6666666667vw;
    border-radius: 2.1333333333vw 2.1333333333vw 0 0;
  }

  .backnumber .backnumber-image::after {
    width: 6.4vw;
    height: 6.4vw;
    right: 1.0666666667vw;
    bottom: 1.0666666667vw;
  }

  .backnumber .backnumber-list__info {
    padding: 3.2vw 3.2vw 4.2666666667vw;
    border-radius: 0 0 2.1333333333vw 2.1333333333vw;
  }

  .backnumber .backnumber-list__info .recipe-num {
    font-size: 3.2vw;
  }

  .backnumber .backnumber-list__info .recipe-num span.num {
    font-size: 4.2666666667vw;
  }

  .backnumber .backnumber-list__name {
    font-size: 4vw;
  }

  .backnumber .backnumber-list__name small {
    font-size: 3.4666666667vw;
  }

  .top-main.first {
    padding-top: 7.4666666667vw;
  }

  .top-main.first:before {
    background-image: none;
  }

  .top-main__title {
    width: 81.6vw;
    margin-bottom: 8vw;
  }

  .top-main .top-recipe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .top-main .top-recipe.reverse .top-recipe__box {
    margin-right: auto;
    margin-left: 0;
    border-radius: 0 8vw 8vw 0;
  }

  .top-main .top-recipe__image {
    width: 100vw;
  }

  .top-main .top-recipe__image img {
    border-radius: 8vw;
  }

  .top-main .top-recipe__box {
    width: 85.3333333333vw;
    border-radius: 8vw 0 0 8vw;
    padding: 5.3333333333vw 5.3333333333vw 8vw;
    margin-top: -13.3333333333vw;
    margin-left: auto;
  }

  .top-main .top-recipe__title {
    font-size: 6.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }

  .top-main .top-recipe__title::before {
    width: 1.6vw;
    height: 1.6vw;
    margin: 1.6vw auto 2.6666666667vw;
  }

  .top-main .top-recipe__title small {
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }

  .top-main .top-recipe .recipe-detail {
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }

  .main-copy {
    width: 100%;
    padding: 0 5.3333333333vw 25.0666666667vw;
    margin: 13.0666666667vw auto 5.3333333333vw;
  }

  .main-copy::before {
    background-image: url(/column/gohan/img/s_main-copy_bg.png);
    width: 95.4666666667vw;
    height: 77.0666666667vw;
    top: 30.4vw;
    left: 50%;
  }

  .main-copy__text {
    font-size: 4.8vw;
  }

  .main-copy .main-copy__banner {
    margin-top: 5.3333333333vw;
    width: 31.2vw;
  }

  .main-copy.dduet-top:before {
    background-image: url(/excludes/images/life/health/img/s_main-copy_bg_dduet.png);
    width: 93.0666666667vw;
    height: 18.4vw;
    top: auto;
    bottom: 0;
  }

  .main-copy.dduet-top {
    margin-top: 10.1333333333vw;
    margin-bottom: 0;
    padding-bottom: 14.4vw;
  }

  .main-copy.dduet-top .main-copy__text {
    font-size: 4.2666666667vw;
  }

  .supervisor {
    width: auto;
    margin-top: 18.6666666667vw;
    margin-right: 5.3333333333vw;
    margin-left: 5.3333333333vw;
    overflow: hidden;
  }

  .supervisor .innerWrap {
    width: 100%;
    border-bottom-width: 0.2666666667vw;
  }

  .supervisor::before {
    width: 213.3333333333vw;
    height: 6.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
  }

  .supervisor__name {
    font-size: 5.8666666667vw;
    margin-top: 0;
    margin-bottom: 5.3333333333vw;
  }

  .supervisor__name small {
    font-size: 4.2666666667vw;
  }

  .supervisor__text {
    font-size: 4vw;
    padding: 0 4.5333333333vw;
  }

  .tab-block .innerWrap {
    padding-bottom: 10.6666666667vw;
  }

  .tab-block__container .tab-caption {
    width: 50%;
    height: 17.6vw;
    font-size: 4.2666666667vw;
  }

  .tab-block__container .tab-caption.active {
    height: 13.3333333333vw;
  }

  .tab-content .tab-pane .tab-caption {
    display: none;
  }

  .tab-content .tab-pane .tab-list {
    width: 100%;
    height: auto;
    /* height: 64vw; */
    padding: 5.3333333333vw;
    border-radius: 0;
    gap: 1.8666666667vw;
  }

  .tab-content .tab-pane .tab-list__item {
    width: 43.7333333333vw;
  }

  .tab-content .tab-pane .tab-list__item a.tab-link {
    font-size: 4vw;
    height: 16.5333333333vw;
    padding: 2.6666666667vw;
    gap: 3.2vw;
  }

  .tab-content .tab-pane .tab-list__item a.tab-link img {
    width: 11.2vw;
  }

  .recipe-content__title {
    margin-bottom: 8vw;
  }

  .recipe-content__title img {
    width: 66.6666666667vw;
  }

  .recipe-content.plusone {
    margin-bottom: 18.6666666667vw;
  }

  .recipe-content.plusone .innerWrap:has(.plusone-wrapper) {
    padding-bottom: 10.6666666667vw;
  }

  .recipe-content.plusone .innerWrap {
    padding-top: 19.4666666667vw;
    padding-bottom: 18.6666666667vw;
  }

  .recipe-content.plusone .plusone__title {
    width: 63.4666666667vw;
  }

  .recipe-content.plusone .plusone-wrapper:not(:last-child) {
    margin-bottom: 18.6666666667vw;
  }

  .recipe-content.plusone .recipe-wrapper {
    margin-top: 18.6666666667vw;
  }

  .recipe-content.plusone .recipe-wrapper .recipe-box.howto {
    margin-bottom: 18.6666666667vw;
  }

  .recipe-content.plusone .recipe-card__image {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  .recipe-content.plusone .recipe-card__image img {
    width: 100%;
  }

  .recipe-content.plusone .recipe-card__title {
    font-size: 6.4vw;
  }

  .recipe-content.plusone .recipe-card .nutrition-wrap {
    margin-top: 8.5333333333vw;
  }

  .recipe-card {
    width: 100%;
  }

  .recipe-card .recipe-inner {
    width: 100%;
    padding: 0 5.3333333333vw;
  }

  .recipe-card__title {
    font-size: 7.4666666667vw;
    margin-bottom: 8vw;
  }

  .recipe-card__title small {
    font-size: 5.8666666667vw;
    margin-bottom: 0;
  }

  .recipe-card__image {
    position: relative;
    top: auto;
    right: auto;
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-bottom: 7.2vw;
    margin-left: calc(50% - 50vw);
  }

  .recipe-card__image img {
    border-radius: 8vw;
    width: 100vw;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .recipe-card__description {
    font-size: 4.8vw;
    margin-bottom: 6.9333333333vw;
  }

  .recipe-card .cooking-time {
    width: 69.3333333333vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
  }

  .recipe-card .cooking-time__detail {
    font-size: 4.8vw;
  }

  .recipe-card .cooking-time__detail:nth-child(1)::after {
    height: 8vw;
    right: -3.2vw;
  }

  .recipe-card .cooking-time__detail .label {
    font-size: 4.2666666667vw;
  }

  .recipe-card .cooking-time__detail .num {
    font-size: 8.5333333333vw;
    margin-right: 0.5333333333vw;
  }

  .recipe-card .tag-list {
    gap: 1.3333333333vw 4.2666666667vw;
    padding: 0 2.1333333333vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .recipe-card .tag-list__item {
    font-size: 4.2666666667vw;
  }

  .recipe-card .nutrition-wrap {
    padding: 0 5.3333333333vw;
    border-radius: 3.2vw;
    margin-top: 8vw;
  }

  .recipe-card .nutrition-wrap .nutrition-ribbon {
    width: 25.6vw;
    top: -1.3333333333vw;
  }

  .recipe-card .nutrition-wrap .nutrition-list {
    width: 49.3333333333vw;
    padding: 5.3333333333vw 0;
  }

  .recipe-card .nutrition-wrap .nutrition-list__item {
    font-size: 4.2666666667vw;
    gap: 2.6666666667vw 0;
  }

  .recipe-wrapper {
    margin-top: 18.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5.3333333333vw;
  }

  .recipe-wrapper .recipe-box {
    width: 100%;
    font-size: 4.2666666667vw;
  }

  .recipe-wrapper .recipe-box.food {
    margin-bottom: 18.6666666667vw;
  }

  .recipe-wrapper .recipe-box.food .recipe-box__image {
    margin-bottom: 6.4vw;
  }

  .recipe-wrapper .recipe-box__title {
    font-size: 6.4vw;
    margin-bottom: 8vw;
  }

  .recipe-wrapper .recipe-box__title::after {
    width: 8vw;
    height: 1.0666666667vw;
    border-radius: 0.5333333333vw;
  }

  .recipe-wrapper .recipe-box__image {
    width: 69.6vw;
    height: 45.3333333333vw;
    margin-bottom: 6.4vw;
  }

  .recipe-wrapper .recipe-box__image img {
    border-radius: 1.6vw;
  }

  .recipe-wrapper .recipe-box__image .attention {
    font-size: 3.2vw;
    margin-top: 1.0666666667vw;
  }

  .recipe-wrapper .recipe-box .quantity-wrap .quantity-title {
    margin-bottom: 0;
  }

  .recipe-wrapper .recipe-box .quantity-wrap .quantity-list:not(:last-child) {
    margin-bottom: 6.4vw;
  }

  .recipe-wrapper .recipe-box .quantity-wrap .quantity-list__item {
    padding: 3.2vw 0 3.2vw 2.6666666667vw;
  }

  .recipe-wrapper .recipe-box .quantity-wrap .quantity-list__name {
    width: 71%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .recipe-wrapper .recipe-box .quantity-wrap .quantity-list__name .attention {
    font-size: 4.2666666667vw;
    margin-top: 1.0666666667vw;
  }

  .recipe-wrapper .howto-list__item::before {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    font-size: 3.7333333333vw;
    margin-right: 2.4vw;
  }

  .recipe-wrapper .howto-list__item:not(:last-child) {
    margin-bottom: 9.0666666667vw;
  }

  .recipe-wrapper .howto-list__item .howto-wrap {
    gap: 2.6666666667vw;
  }

  .recipe-print {
    width: 89.3333333333vw;
    margin: auto;
    border-radius: 3.2vw;
  }

  .recipe-print::before {
    width: 14.4vw;
    height: 16.2666666667vw;
    top: -9.6vw;
  }

  .recipe-print .innerWrap {
    padding: 8vw 5.3333333333vw;
  }

  .recipe-print .print-list {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    margin-bottom: 2.6666666667vw;
    max-width: 74.6666666667vw;
  }

  .archive-top__title {
    width: 43.2vw;
    margin-bottom: 8vw;
  }

  .archive-content a.backtotop {
    margin-top: 18.6666666667vw;
  }

  .archive-content .innerWrap {
    padding-bottom: 10.6666666667vw;
  }

  .archive-content__title {
    font-size: 7.4666666667vw;
    margin-bottom: 8vw;
  }

  .archive-content .search-wrap {
    width: 89.3333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  }

  .archive-content .search-wrap .search-container {
    margin-bottom: 10.6666666667vw;
  }

  .archive-content .search-wrap .search-box {
    width: 100%;
    padding: 4.8vw 5.3333333333vw 0;
    border-radius: 4.2666666667vw;
  }

  .archive-content .search-wrap .search-box:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }

  .archive-content .search-wrap .search-box__title {
    padding-bottom: 4.8vw;
    text-align: left;
    font-size: 4.8vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .archive-content .search-wrap .search-box__title.open::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .archive-content .search-wrap .search-box__title::after {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    width: 8vw;
    height: 8vw;
    -webkit-transition: 0.3s -webkit-transform;
    transition: 0.3s -webkit-transform;
    transition: 0.3s transform;
    transition: 0.3s transform, 0.3s -webkit-transform;
    right: -2.6666666667vw;
  }

  .archive-content .search-wrap .search-box .search-list {
    -ms-grid-columns: 1fr 1.8666666667vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8666666667vw;
    margin: 0 calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    -webkit-transition: max-height 0.25s ease-in-out;
    transition: max-height 0.25s ease-in-out;
    padding: 0 5.3333333333vw;
  }

  .archive-content .search-wrap .search-box .search-list.active {
    padding: 5.3333333333vw;
  }

  .archive-content .search-wrap .search-box .search-list.active .search-list__item {
    opacity: 1;
  }

  .archive-content .search-wrap .search-box .search-list .search-list__item {
    opacity: 0;
  }

  .archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn {
    height: 16.5333333333vw;
    font-size: 4vw;
    padding: 2.6666666667vw;
  }

  .archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food] {
    gap: 3.2vw;
  }

  .archive-content .search-wrap .search-box .search-list .search-list__item .searchbtn[class*=food]:before {
    width: 11.2vw;
    height: 11.2vw;
  }

  .archive-content .search-wrap .result-list {
    gap: 10.6666666667vw 4vw;
  }

  .archive-content .search-wrap .result-list__item .recipe-trim {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
  }

  .archive-content .search-wrap .result-list__item .recipe-trim img {
    -o-object-position: 0 -4.2666666667vw;
    object-position: 0 -4.2666666667vw;
  }

  .archive-content .search-wrap .result-list__name {
    font-size: 5.3333333333vw;
    margin-top: 3.7333333333vw;
    margin-bottom: 3.7333333333vw;
  }

  .archive-content .search-wrap .result-list__name small {
    font-size: 4.2666666667vw;
  }

  .archive-content .search-wrap .list-item {
    font-size: 3.7333333333vw;
  }

  .archive-content .search-wrap .food-list .list-item {
    gap: 1.0666666667vw;
  }

  .archive-content .search-wrap .food-list .list-item p::before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    -webkit-column-gap: 1.0666666667vw;
    -moz-column-gap: 1.0666666667vw;
    column-gap: 1.0666666667vw;
  }

  .archive-content .search-wrap .tag-list .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 1.0666666667vw;
  }

  .archive-content .search-wrap .loading {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .archive-content .search-wrap .loader,
  .archive-content .search-wrap .loader:after {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }

  .archive-content .search-wrap .loader {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .sp_none {
    display: none !important;
  }

  .healthrent {
    font-size: 3.733333333333334vw;
    margin-bottom: 10.666666666666668vw;
  }

  .healthrent.lower {
    margin-top: 10.666666666666668vw;
  }

  .healthrent .lower-inner {
    max-width: 89.3333333333vw;
    margin: 0 auto;
  }

  .healthrent .lower-inner .healthrent-banner {
    width: 130px;
    margin: 0 auto;
    display: block;
  }

  /* .healthrent .lower-inner__copy {
  text-align: left;
  margin-bottom: .33em;
} */

}

@media all and (-ms-high-contrast: none) {
  .archive-content .search-wrap .loading {
    display: none !important;
  }
}