/* ==================== #recipe.css ==================== */

#recipe .feature_banner {
  margin: 80px auto;
}
@media (max-width: 640px) {
  #recipe .feature_banner {
    margin: 40px auto;
  }
}
#recipe .feature_banner h2 {
  padding-bottom: 8px;
  background: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon13.png) no-repeat;
  background-size: auto 100%;
  background-position: center;
  margin-bottom: 30px;
}
#recipe .feature_banner h2 img {
  width: auto;
  height: 22px;
  margin: auto;
}
@media (max-width: 640px) {
  #recipe .feature_banner h2 img {
    height: 18px;
  }
}
#recipe .feature_banner .column3 {
  justify-content: center;
}
#recipe .feature_banner .column3 li:last-child {
  margin-right: 0;
}
#recipe .feature_banner .link {
  display: grid;
}
@media (max-width: 640px) {
  #recipe .feature_banner .link {
    grid-row-gap: 1em;
    margin-top: 35px;
  }
}
@media (min-width: 641px) {
  #recipe .feature_banner .link {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em 1em;
  }
}
@media (min-width: 641px) {
  #recipe .feature_banner .link a:nth-child(3) {
    grid-column: 1/3;
  }
}



/* ==================== #top__new_item.css ==================== */

#top .new_item {
	position: relative;
	z-index: 9;
}

#top .new_item a {
	border-radius: 5px;
	overflow: hidden;
}

#top .new_item p {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	box-sizing: border-box;
	margin: auto;
	padding: 0 15px 5px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-weight: bold;
	text-align: center;
}

#top .new_item p span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


@media screen and (max-width: 640px) {
	#top .new_item a {
		box-shadow: 3px 3px 0 #ccb54b;
	}

	#top .new_item p {
		width: 155px;
		height: 33px;
		padding-bottom: 3px;
		background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ribbon02_sp.png);
		font-size: 13px;
		line-height: 14px;
	}

}


@media screen and (min-width: 641px) {
	#top .new_item:after {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	#top .new_item a {
		height: 330px;
		box-shadow: 5px 5px 0 #ccb54b;
	}

	#top .right .new_item a {
		height: 150px;
	}

	#top .new_item a > span {
		display: block;
		height: 100%;
	}

	#top .new_item a img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	#top .new_item p {
		width: 245px;
		height: 55px;
		background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ribbon02.png);
		line-height: 18px;
	}

}



/* ==================== 0.old.css ==================== */

@charset "UTF-8";
.display-none {
  display: none !important; }

@media screen and (max-width: 320px) {
  .display-none-sss {
    display: none !important; } }
@media screen and (max-width: 480px) {
  .display-none-ss {
    display: none !important; } }
@media screen and (max-width: 640px) {
  .display-none-s {
    display: none !important; } }
@media screen and (min-width: 641px) {
  .display-none-l {
    display: none !important; } }
@media screen and (min-width: 1300px) {
  .display-none-ll {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .display-none-m {
    display: none !important; } }
@media screen and (min-width: 641px) {
  .headMenu {
    display: block !important; } }

body {
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-weight: 400;
  font-size: 15px !important;
  -webkit-print-color-adjust: exact; }
  @media screen and (min-width: 641px) {
    body {
      min-width: 1000px; } }
  body *:focus {
    outline: none; }

main div:after, main dl:after, main ul:after {
  display: none; }
main input[type="text"],
main input[type="submit"],
main select {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  background: none;
  padding: 0;
  margin: 0;
  font-size: 14px; }
  @media screen and (max-width: 640px) {
    main input[type="text"],
    main input[type="submit"],
    main select {
      font-size: 10px; } }
  main input[type="text"]::-webkit-search-decoration,
  main input[type="submit"]::-webkit-search-decoration,
  main select::-webkit-search-decoration {
    display: none; }
  main input[type="text"]::focus,
  main input[type="submit"]::focus,
  main select::focus {
    outline-offset: -2px; }
main input[type="submit"],
main select {
  cursor: pointer; }
main img {
  width: 100%;
  display: block; }
main#cookingbook section a {
   color: #333;
   /* color: #333 !important; */
}
/* main#cookingbook a {
   color: #333 !important;
} */
main a {
  /* color: #333 !important; */
  color: inherit;
  display: block;
  outline: none;
  text-decoration: none; }
main ul {
  list-style-type: none; }
main ruby {
  display: inline-block;
  position: relative;
  line-height: 1.1; }
  main ruby span {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translate(-50%, 0) scale(0.4);
    transform: translate(-50%, 0) scale(0.4);
    line-height: 1.2;
    white-space: nowrap; }

.wrapper {
  width: 950px;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    .wrapper {
      width: 94%; } }

@media screen and (max-width: 640px) {
  .pc_only {
    display: none !important; } }

@media screen and (min-width: 641px) {
  .sp_only {
    display: none !important; } }

.dot_box {
  padding: 50px;
  box-sizing: border-box;
  background-size: 24px;
  border-radius: 5px; }
  @media screen and (max-width: 640px) {
    .dot_box {
      padding: 15px;
      background-size: 30px; } }
  .dot_box .wt_area {
    padding: 35px;
    box-sizing: border-box;
    background-color: #fff; }
    @media screen and (max-width: 640px) {
      .dot_box .wt_area {
        padding: 25px 15px; } }

/* btn */
.btn {
  width: 300px;
  padding: 19px 0;
  background-color: #d8271c;
  box-shadow: 2px 4px 0 #ccb54b;
  border-radius: 30px;
  font-weight: bold;
  color: #fff !important;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 641px) {
    .btn {
      font-size: 16px; } }
  @media screen and (max-width: 640px) {
    .btn {
      width: 225px;
      padding: 14px 0;
      box-shadow: 2px 3px 0 #ccb54b; } }
  .btn:before {
    content: "";
    width: 9px;
    height: 15px;
    background: url(/meiji-shokuiku/shokuikurecipe/assets/img/arrow02.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    margin: auto; }
    @media screen and (max-width: 640px) {
      .btn:before {
        width: 7px;
        height: 12px;
        right: 20px; } }
  @media screen and (min-width: 641px) {
    .btn.type2 {
      width: 400px; } }
  @media screen and (max-width: 640px) {
    .btn.type2 {
      padding: 10px 0;
      line-height: 20px; } }

/* item_list */
.item_list {
  display: flex;
  flex-wrap: wrap; }
  .item_list li {
    width: 23.5%;
    height: 125px;
    margin: 2% 2% 0 0;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 641px) {
      .item_list li:nth-child(-n+4) {
        margin-top: 0; }
      .item_list li:nth-child(4n) {
        margin-right: 0; } }
    @media screen and (max-width: 640px) {
      .item_list li {
        width: 49%;
        height: 24vw; }
        .item_list li:nth-child(-n+2) {
          margin-top: 0; }
        .item_list li:nth-child(2n) {
          margin-right: 0; } }
    .item_list li:nth-child(1) a img {
      height: 90px !important; }
      @media screen and (max-width: 640px) {
        .item_list li:nth-child(1) a img {
          height: 18vw !important; } }
    .item_list li a {
      width: 100%;
      background-color: #fff;
      border: 1px #ccb54b solid;
      box-sizing: border-box;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (min-width: 641px) {
        .item_list li a:hover {
          border-color: #d8271c; } }
      .item_list li a.active {
        border-color: #d8271c; }
      .item_list li a img {
        width: 70px;
        margin: 0 10px; }
        @media screen and (max-width: 640px) {
          .item_list li a img {
            width: 32%;
            margin: 0 4%; } }
        .item_list li a img.vertical {
          width: auto;
          height: 65px; }
          @media screen and (max-width: 640px) {
            .item_list li a img.vertical {
              height: 13vw; } }
      .item_list li a p {
        width: 100px;
        padding-right: 10px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 18px; }
        @media screen and (max-width: 640px) {
          .item_list li a p {
            width: 50%;
            padding: 0; } }

/* ttl */
.ttl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .ttl:before, .ttl:after {
    content: "";
    width: 295px;
    height: 3px;
    background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
    background-size: auto 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    visibility: visible; }
    @media screen and (max-width: 640px) {
      .ttl:before, .ttl:after {
        height: 2px; } }
  .ttl:before {
    left: 0; }
  .ttl:after {
    right: 0; }
  .ttl_icon {
    margin-right: 20px; }
    @media screen and (max-width: 640px) {
      .ttl_icon {
        margin-right: 15px; } }
  .ttl img {
    width: auto;
    height: 22px; }
    @media screen and (max-width: 640px) {
      .ttl img {
        height: 18px; } }
  @media screen and (max-width: 640px) {
    .ttl.type2 img {
      height: 40px; } }
  .ttl.type2:before, .ttl.type2:after {
    width: 225px; }

/* column2 */
.column2 {
  width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 640px) {
    .column2 {
      width: 100%;
      display: block; } }
  .column2 > div {
    width: 430px; }
    @media screen and (max-width: 640px) {
      .column2 > div {
        width: 100%; } }
    .column2 > div > img {
      border-radius: 5px; }

/* column3 */
.column3 {
  display: flex;
  flex-wrap: wrap; }
  .column3 li {
    width: 32%;
    margin: 2% 2% 0 0; }
    @media screen and (min-width: 641px) {
      .column3 li:nth-child(-n+3) {
        margin-top: 0 !important; }
      .column3 li:nth-child(3n) {
        margin-right: 0; } }
    @media screen and (max-width: 640px) {
      .column3 li {
        width: 49%; }
        .column3 li:nth-child(-n+2) {
          margin-top: 0 !important; }
        .column3 li:nth-child(2n) {
          margin-right: 0; } }
    .column3 li .category {
      width: 120px;
      margin-bottom: 10px; }
      @media screen and (max-width: 640px) {
        .column3 li .category {
          width: 50%;
          margin-bottom: 5px; } }

/* column4 */
.column4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .column4 li {
    width: 217px; }
    @media screen and (max-width: 640px) {
      .column4 li {
        width: 48%;
        margin-top: 15px; }
        .column4 li:nth-child(-n+2) {
          margin-top: 0; } }

/* special */
.special {
  margin-bottom: 80px; }
  @media screen and (max-width: 640px) {
    .special {
      margin-bottom: 40px; } }
  .special .ttl {
    margin-bottom: 20px; }
    @media screen and (max-width: 640px) {
      .special .ttl {
        margin-bottom: 25px; }
        .special .ttl:before, .special .ttl:after {
          width: calc(50% - 90px); } }
    .special .ttl_icon {
      height: 48px; }
      @media screen and (max-width: 640px) {
        .special .ttl_icon {
          height: 34px; } }
  .special .column3 {
    align-items: flex-end;
    align-content: flex-end; }
  .special .btn {
    margin: 40px auto 0; }
    @media screen and (max-width: 640px) {
      .special .btn {
        margin-top: 25px; } }

/* ranking */
.ranking {
  padding: 50px 0 60px;
  background: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03.png);
  background-size: 60px;
  margin-bottom: 80px; }
  @media screen and (max-width: 640px) {
    .ranking {
      padding: 35px 0 50px;
      margin-bottom: 40px; } }
  .ranking .ttl {
    margin-bottom: 30px; }
    @media screen and (max-width: 640px) {
      .ranking .ttl {
        margin-bottom: 25px; }
        .ranking .ttl:before, .ranking .ttl:after {
          width: calc(50% - 130px); } }
    .ranking .ttl_icon {
      height: 29px;
      margin-top: -5px; }
      @media screen and (max-width: 640px) {
        .ranking .ttl_icon {
          height: 24px; } }
  .ranking .slider li {
    padding-top: 40px;
    position: relative; }
    @media screen and (max-width: 640px) {
      .ranking .slider li {
        padding-top: 30px; } }
    .ranking .slider li:after {
      content: "";
      width: 57px;
      height: 93px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      position: absolute;
      top: 0;
      left: 18px;
      pointer-events: none;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        .ranking .slider li:after {
          width: 46px;
          height: 75px; } }
    .ranking .slider li.ranking1:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon01.png); }
    .ranking .slider li.ranking2:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon02.png); }
    .ranking .slider li.ranking3:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon03.png); }
    .ranking .slider li.ranking4:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon04.png); }
    .ranking .slider li.ranking5:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon05.png); }
    .ranking .slider li.ranking6:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon06.png); }
    .ranking .slider li.ranking7:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon07.png); }
    .ranking .slider li.ranking8:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon08.png); }
    .ranking .slider li.ranking9:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon09.png); }
    .ranking .slider li.ranking10:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ranking_icon10.png); }
    .ranking .slider li .img_box {
      border-radius: 5px;
      overflow: hidden; }
      @media screen and (max-width: 640px) {
        .ranking .slider li .img_box {
          height: 30vw; } }
      .ranking .slider li .img_box img {
        border-radius: 0; }
        @media screen and (max-width: 640px) {
          .ranking .slider li .img_box img {
            width: auto;
            height: 100%; } }
  .ranking .slider .slick-arrow {
    top: 40px; }
    @media screen and (max-width: 640px) {
      .ranking .slider .slick-arrow {
        top: 30px;
        height: 30vw; }
        .ranking .slider .slick-arrow.prev_arrow {
          left: 5px; }
        .ranking .slider .slick-arrow.next_arrow {
          right: 5px; } }

/* iroha */
.iroha {
  margin-bottom: 50px; }
  @media screen and (max-width: 640px) {
    .iroha {
      margin-bottom: 40px; }
      .iroha .column3 li {
        width: 32%;
        margin: 2% 2% 0 0 !important; }
        .iroha .column3 li:nth-child(-n+3) {
          margin-top: 0 !important; }
        .iroha .column3 li:nth-child(3n) {
          margin-right: 0 !important; } }
  .iroha .ttl {
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      .iroha .ttl {
        margin-bottom: 25px; }
        .iroha .ttl:before, .iroha .ttl:after {
          width: calc(50% - 100px); } }
    .iroha .ttl_icon {
      height: 38px; }
      @media screen and (max-width: 640px) {
        .iroha .ttl_icon {
          height: 30px; } }

/* etc */
.etc {
  padding: 60px 0 80px;
  background: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg04.png);
  background-size: 20px; }
  @media screen and (max-width: 640px) {
    .etc {
      padding: 40px 0 50px; }
      .etc .column3 li {
        width: 32%;
        margin: 2% 2% 0 0 !important; }
        .etc .column3 li:nth-child(-n+3) {
          margin-top: 0 !important; }
        .etc .column3 li:nth-child(3n) {
          margin-right: 0 !important; } }
  .etc .ttl {
    margin-bottom: 40px; }
    @media screen and (max-width: 640px) {
      .etc .ttl {
        margin-bottom: 25px; }
        .etc .ttl:before, .etc .ttl:after {
          width: calc(50% - 135px); } }
    .etc .ttl_icon {
      height: 24px; }
      @media screen and (max-width: 640px) {
        .etc .ttl_icon {
          height: 18px; } }

/* slider */
.slider,
.column4 {
  width: 868px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 640px) {
    .slider,
    .column4 {
      width: 100%; } }
  .slider li,
  .column4 li {
    padding: 0 8px;
    box-sizing: border-box;
    text-align: center; }
    @media screen and (max-width: 640px) {
      .slider li,
      .column4 li {
        padding: 0 5px; } }
    .slider li img,
    .column4 li img {
      border-radius: 5px; }
    .slider li p,
    .column4 li p {
      font-weight: bold;
      margin-top: 5px;
      line-height: 1.5;
      text-align: justify; }
      @media screen and (max-width: 640px) {
        .slider li p,
        .column4 li p {
          margin-top: 10px; } }
  .slider .slick-arrow,
  .column4 .slick-arrow {
    width: 40px;
    height: 182px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 9;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .slider .slick-arrow,
      .column4 .slick-arrow {
        width: 30px;
        height: 36vw; } }
  .slider .prev_arrow,
  .column4 .prev_arrow {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/arrow04.png);
    left: -45px; }
    @media screen and (max-width: 640px) {
      .slider .prev_arrow,
      .column4 .prev_arrow {
        left: 10px; } }
  .slider .next_arrow,
  .column4 .next_arrow {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/arrow05.png);
    right: -45px; }
    @media screen and (max-width: 640px) {
      .slider .next_arrow,
      .column4 .next_arrow {
        right: 10px; } }
  .slider .slick-disabled,
  .column4 .slick-disabled {
    display: none !important; }

/* category_list */
.category_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .category_list.small li {
    margin-right: 6px; }
  .category_list.small .category1 {
    width: auto;
    min-width: 40px;
    padding: 0 5px;
    box-sizing: border-box;
    height: 20px;
    font-size: 12px; }
  .category_list.small .category2 {
    width: auto;
    min-width: auto;
    padding: 0 10px;
    box-sizing: border-box;
    height: 20px;
    font-size: 12px; }
    .category_list.small .category2 img {
      height: 12px;
      margin-right: 3px; }
  .category_list li {
    margin: 0 10px 5px 0; }
    @media screen and (max-width: 640px) {
      .category_list li {
        margin: 0 5px 5px 0; } }
    .category_list li a, .category_list li span {
      font-weight: bold;
      color: #fff !important;
      text-align: center;
      white-space: nowrap; }
  .category_list .category1,
  .category_list .category2 {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 640px) {
      .category_list .category1,
      .category_list .category2 {
        height: 26px;
        font-size: 13px; } }
  .category_list .category1 {
    padding: 0 20px; }
    .category_list .category1.type-main {
      background-color: #f09526; }
    .category_list .category1.type-staple {
      background-color: #f05724; }
    .category_list .category1.type-side {
      background-color: #63c725; }
    .category_list .category1.type-soup {
      background-color: #7dc0f0; }
    .category_list .category1.type-dessert {
      background-color: #fab1ce;
      letter-spacing: -0.1em; }
    .category_list .category1.type-snack {
      background-color: #d9c000;
      letter-spacing: -0.1em; }
    .category_list .category1.type-drink {
      background-color: #9c92d4; }
    .category_list .category1.type-other {
      background-color: #b08d4a; }
  .category_list .category2 {
    padding: 0 15px;
    border-radius: 30px; }
    @media screen and (max-width: 640px) {
      .category_list .category2 {
        padding: 0 10px; } }
    .category_list .category2 img {
      width: auto;
      height: 22px;
      margin-right: 5px; }
      @media screen and (max-width: 640px) {
        .category_list .category2 img {
          height: 16px; } }
    .category_list .category2.type0 {
      display: none !important; }
    .category_list .category2.type1 {
      background-color: #109bd6; }
    .category_list .category2.type2 {
      background-color: #faa7a9; }
    .category_list .category2.type3 {
      background-color: #a37c52; }
    .category_list .category2.type4 {
      display: none;
      background-color: #ff7d13; }
      .category_list .category2.type4 img {
        height: 18px; }
        @media screen and (max-width: 640px) {
          .category_list .category2.type4 img {
            height: 12px; } }

/* advice */
.advice {
  width: 900px;
  padding: 30px;
  border: 1px #ccb54b solid;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 0 auto 25px;
  position: relative; }
  @media screen and (max-width: 640px) {
    .advice {
      width: 100%;
      padding: 20px;
      margin-bottom: 40px;
      display: block; } }
  .advice:after {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px #ccb54b solid;
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    visibility: visible; }
  .advice h3 {
    width: 150px;
    margin-right: 55px; }
    @media screen and (max-width: 640px) {
      .advice h3 {
        width: 100px;
        margin: 0 auto 15px; } }
  .advice a {
    display: inline-block;
    color: #d8271c !important; }
  .advice > div {
    width: calc(100% - 125px); }
    @media screen and (max-width: 640px) {
      .advice > div {
        width: 100%; } }
    .advice > div > div {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      .advice > div > div:last-child {
        margin: 0; }
      @media screen and (max-width: 640px) {
        .advice > div > div {
          display: block; } }
      .advice > div > div img {
        width: 200px;
        max-width: none;
        border-radius: 5px;
        margin: 0 20px 0 -30px; }
        @media screen and (max-width: 640px) {
          .advice > div > div img {
            width: 60%;
            margin: 0 auto 15px; } }
      .advice > div > div p {
        line-height: 1.6; }
        @media screen and (min-width: 641px) {
          .advice > div > div p {
            font-size: 16px; } }
        @media screen and (max-width: 640px) {
          .advice > div > div p {
            line-height: 26px; } }
        .advice > div > div p span img {
          width: 15px;
          display: inline-block;
          vertical-align: 2px;
          margin: 0; }
          @media screen and (max-width: 640px) {
            .advice > div > div p span img {
              width: 10px; } }
        .advice > div > div p > img {
          width: auto;
          height: 24px;
          vertical-align: sub;
          display: inline-block;
          margin: 0 10px 0 0; }
    .advice > div .img_box p {
      width: calc(100% - 100px); }
      @media screen and (max-width: 640px) {
        .advice > div .img_box p {
          width: 100%; } }

.top_banner_box .column2 {
  width: 90%;
  justify-content: center;
  margin: -30px auto 40px; }
  @media screen and (max-width: 640px) {
    .top_banner_box .column2 {
      width: 80%;
      margin: 0 auto 40px; } }
  .top_banner_box .column2 li {
    width: 49%; }
    @media screen and (max-width: 640px) {
      .top_banner_box .column2 li {
        width: 100%;
        margin-bottom: 10px; }
        .top_banner_box .column2 li:last-child {
          margin: 0; } }

.footer .searchKeywords {
  display: none !important; }
.footer .checkHistory {
  margin-top: 40px !important; }
  @media screen and (max-width: 640px) {
    .footer .checkHistory {
      margin-top: 15px !important; } }

#top {
  /* new */
  /*  recommended */
  /* item */
  /* menu */ }
  #top .search_header .wrapper {
    justify-content: center; }
    #top .search_header .wrapper .top_btn {
      display: none; }
    #top .search_header .wrapper .recommended_text {
      width: 190px;
      margin-right: 35px;
      display: block; }
      @media screen and (max-width: 640px) {
        #top .search_header .wrapper .recommended_text {
          width: 45%;
          margin: 0 0 10px; } }
  #top .new {
    padding: 75px 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 9;
    overflow: hidden;
    margin-bottom: 65px; }
    @media screen and (max-width: 768px) {
      #top .new {
        padding: 75px 0 150px; } }
    @media screen and (max-width: 640px) {
      #top .new {
        padding: 20px 0 115px;
        background-color: #ffe4d6;
        background-image: none;
        margin-bottom: 35px; } }
    #top .new.spring {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_spring.png); }
      @media screen and (max-width: 640px) {
        #top .new.spring {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_spring_sp.jpg); } }
    #top .new.summer {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_summer.png); }
      @media screen and (max-width: 640px) {
        #top .new.summer {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_summer_sp.jpg); } }
    #top .new.autumn {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_autumn.png); }
      @media screen and (max-width: 640px) {
        #top .new.autumn {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_autumn_sp.jpg); } }
    #top .new.winter {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_winter.png); }
      @media screen and (max-width: 640px) {
        #top .new.winter {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg03_winter_sp.jpg); } }
    #top .new:before {
      content: "";
      width: 1280px;
      height: 100%;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg01.png), url(/meiji-shokuiku/shokuikurecipe/assets/img/bg02.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: top 85px center,bottom 280px center;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (max-width: 768px) {
        #top .new:before {
          width: 1000px;
          background-size: 100%,90%;
          background-position: top 85px center,bottom 65px center; } }
      @media screen and (max-width: 640px) {
        #top .new:before {
          width: 352px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg01_sp.png), url(/meiji-shokuiku/shokuikurecipe/assets/img/bg02_sp.png);
          background-size: 100%;
          background-position: top 20px center,bottom 35px center; } }
    #top .new:after {
      content: "";
      width: 100vw;
      min-width: 1000px;
      height: 1px;
      background-color: #ccb54b;
      position: absolute;
      bottom: 325px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 768px) {
        #top .new:after {
          bottom: 95px; } }
      @media screen and (max-width: 640px) {
        #top .new:after {
          min-width: auto;
          bottom: 60px; } }
    #top .new .ttl {
      width: 750px;
      background: none;
      margin: 0 auto 15px;
      position: relative; }
      @media screen and (max-width: 640px) {
        #top .new .ttl {
          width: 94%;
          margin-bottom: 10px; }
          #top .new .ttl:after, #top .new .ttl:before {
            display: none; } }
      #top .new .ttl:after, #top .new .ttl:before {
        display: none; }
      #top .new .ttl img {
        width: 100%;
        height: auto; }
    #top .new .wrapper {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      @media screen and (max-width: 640px) {
        #top .new .wrapper {
          display: block; } }
      #top .new .wrapper .left {
        width: 630px; }
        @media screen and (max-width: 640px) {
          #top .new .wrapper .left {
            width: 100%;
            margin-bottom: 40px; } }
        #top .new .wrapper .left p {
          width: 400px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ribbon01.png); }
          @media screen and (min-width: 641px) {
            #top .new .wrapper .left p {
              font-size: 16px; } }
          @media screen and (max-width: 640px) {
            #top .new .wrapper .left p {
              width: 265px;
              background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/ribbon01_sp.png); } }
      #top .new .wrapper .right {
        width: 285px;
        display: flex;
        flex-wrap: wrap; }
        @media screen and (min-width: 641px) {
          #top .new .wrapper .right {
            align-content: space-between; } }
        @media screen and (max-width: 640px) {
          #top .new .wrapper .right {
            width: 100%;
            justify-content: space-between; }
            #top .new .wrapper .right .new_item {
              width: 48%; } }
    #top .new .special_box {
      margin: 45px auto 0;
      position: relative;
      z-index: 9; }
      @media screen and (max-width: 640px) {
        #top .new .special_box {
          margin-top: 35px; } }
      #top .new .special_box h3 {
        width: 280px; }
        @media screen and (max-width: 640px) {
          #top .new .special_box h3 {
            width: 56%;
            margin: 0 auto 10px; } }
      #top .new .special_box a {
        width: 630px; }
        @media screen and (max-width: 640px) {
          #top .new .special_box a {
            width: 100%; } }
    #top .new.valentine:before {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/valentine/bg01.png), url(/meiji-shokuiku/shokuikurecipe/assets/img/bg02.png);
      background-position: top 10px center,bottom 110px center; }
      @media screen and (max-width: 640px) {
        #top .new.valentine:before {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/valentine/bg01.png), url(/meiji-shokuiku/shokuikurecipe/assets/img/bg02_sp.png);
          background-position: top 0 center,bottom 35px center; } }
  #top .recommended {
    margin-bottom: 85px; }
    @media screen and (max-width: 640px) {
      #top .recommended {
        margin-bottom: 40px; } }
    #top .recommended .ttl {
      margin-bottom: 45px; }
      @media screen and (max-width: 640px) {
        #top .recommended .ttl {
          margin-bottom: 25px; }
          #top .recommended .ttl:before, #top .recommended .ttl:after {
            width: calc(50% - 120px); } }
      #top .recommended .ttl_icon {
        height: 46px;
        margin-top: -10px; }
        @media screen and (max-width: 640px) {
          #top .recommended .ttl_icon {
            height: 34px; } }
    #top .recommended li img {
      height: 183px; }
      @media screen and (max-width: 640px) {
        #top .recommended li img {
          height: auto;
          min-height: 36vw; } }
    #top .recommended li p {
      font-size: 16px;
      text-align: left;
      line-height: 1.5;
      margin-top: 7px; }
  #top .item {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #top .item {
        margin-bottom: 40px; } }
    #top .item .ttl {
      margin-bottom: 25px; }
      @media screen and (max-width: 640px) {
        #top .item .ttl {
          margin-bottom: 25px; }
          #top .item .ttl:before, #top .item .ttl:after {
            width: calc(50% - 90px); } }
      #top .item .ttl_icon {
        height: 48px; }
        @media screen and (max-width: 640px) {
          #top .item .ttl_icon {
            height: 34px; } }
  #top .menu {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #top .menu {
        margin-bottom: 40px; } }
    #top .menu .ttl {
      margin-bottom: 50px; }
      @media screen and (max-width: 640px) {
        #top .menu .ttl {
          margin-bottom: 25px; }
          #top .menu .ttl:before, #top .menu .ttl:after {
            width: calc(50% - 135px); } }
      #top .menu .ttl_icon {
        height: 32px; }
        @media screen and (max-width: 640px) {
          #top .menu .ttl_icon {
            height: 24px; } }
    #top .menu .column3 li {
      border-radius: 5px;
      overflow: hidden; }
      #top .menu .column3 li a {
        display: flex; }
        #top .menu .column3 li a p {
          width: 50%;
          background: url(/meiji-shokuiku/shokuikurecipe/assets/img/category_frame.png) no-repeat;
          background-size: 80%;
          background-position: center;
          font-weight: bold;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media screen and (min-width: 641px) {
            #top .menu .column3 li a p {
              font-size: 22px; } }
        #top .menu .column3 li a > div {
          width: 50%; }
      #top .menu .column3 li.menu_staple p {
        background-color: #f09526;
        color: #f09526; }
      #top .menu .column3 li.menu_main p {
        background-color: #f05724;
        color: #f05724; }
      #top .menu .column3 li.menu_side p {
        background-color: #63c725;
        color: #63c725; }
      #top .menu .column3 li.menu_soup p {
        background-color: #7dc0f0;
        color: #7dc0f0; }
      #top .menu .column3 li.menu_dessert p {
        background-color: #fab1ce;
        color: #fab1ce; }
      #top .menu .column3 li.menu_drink p {
        background-color: #9c92d4;
        color: #9c92d4; }
      #top .menu .column3 li.menu_other p {
        background-color: #b08d4a;
        color: #b08d4a; }
      #top .menu .column3 li.menu_snack p {
        background-color: #ffe800;
        color: #d9c000; }

#recipe {
  /* print */
  /* point */ }
  #recipe .recipe_banner_box {
    margin: 80px auto; }
    @media screen and (max-width: 640px) {
      #recipe .recipe_banner_box {
        margin: 40px auto; } }
    #recipe .recipe_banner_box p {
      padding: 5px 0;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon13.png) no-repeat;
      background-size: auto 100%;
      background-position: center;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      color: #42210b;
      margin-bottom: 35px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_banner_box p {
          padding: 4px 0;
          font-size: 14px;
          margin-bottom: 15px; } }
    #recipe .recipe_banner_box .recipe_banner {
      margin: 0; }
    #recipe .recipe_banner_box.sports p {
      padding: 0;
      line-height: 24px;
      background-size: auto 32px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_banner_box.sports p {
          line-height: 18px;
          background-size: auto 22px; } }
  #recipe .recipe_detail {
    padding: 30px 0 60px;
    position: relative; }
    #recipe .recipe_detail .recipe_banner {
      margin-bottom: 30px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_detail .recipe_banner {
          margin-bottom: 20px; } }
    #recipe .recipe_detail h2 {
      font-size: 23px;
      font-weight: bold;
      color: #d8271c;
      border-bottom: 2px #d8271c solid;
      padding-bottom: 10px;
      margin-bottom: 10px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_detail h2 {
          font-size: 16px;
          line-height: 20px;
          padding-bottom: 5px;
          margin-bottom: 5px; } }
    #recipe .recipe_detail > .text_box {
      display: flex;
      justify-content: space-between;
      margin-bottom: 30px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_detail > .text_box {
          flex-wrap: wrap;
          flex-direction: column-reverse; } }
      @media screen and (max-width: 640px) {
        #recipe .recipe_detail > .text_box p {
          line-height: 20px; } }
      #recipe .recipe_detail > .text_box p a {
        display: inline;
        color: #d8271c !important; }
      #recipe .recipe_detail > .text_box .sns_list {
        display: flex; }
        @media screen and (max-width: 640px) {
          #recipe .recipe_detail > .text_box .sns_list {
            margin-bottom: 5px; } }
        #recipe .recipe_detail > .text_box .sns_list li {
          margin-left: 10px; }
          @media screen and (max-width: 640px) {
            #recipe .recipe_detail > .text_box .sns_list li {
              margin: 0 5px 0 0; } }
    #recipe .recipe_detail .column2 {
      margin-bottom: 40px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_detail .column2 {
          margin-bottom: 25px; } }
      #recipe .recipe_detail .column2 .right {
        color: #663300; }
        @media screen and (max-width: 640px) {
          #recipe .recipe_detail .column2 .right {
            display: block;
            margin-top: 25px; } }
        #recipe .recipe_detail .column2 .right .category_list {
          margin-bottom: 10px; }
        #recipe .recipe_detail .column2 .right > div {
          width: 100%; }
        #recipe .recipe_detail .column2 .right .item_box {
          padding: 10px;
          border: 1px #663300 solid;
          box-sizing: border-box;
          color: #663300;
          margin-bottom: 15px; }
          @media screen and (max-width: 640px) {
            #recipe .recipe_detail .column2 .right .item_box {
              padding: 8px; } }
          #recipe .recipe_detail .column2 .right .item_box h3 {
            font-weight: bold;
            margin-bottom: 8px; }
            #recipe .recipe_detail .column2 .right .item_box h3 img {
              width: 24px;
              display: inline-block;
              vertical-align: middle;
              margin-right: 10px; }
              @media screen and (max-width: 640px) {
                #recipe .recipe_detail .column2 .right .item_box h3 img {
                  width: 20px;
                  margin-right: 8px; } }
          #recipe .recipe_detail .column2 .right .item_box ul {
            display: flex;
            flex-wrap: wrap; }
            #recipe .recipe_detail .column2 .right .item_box ul li {
              width: 33.33%;
              margin-top: 15px; }
              @media screen and (min-width: 641px) {
                #recipe .recipe_detail .column2 .right .item_box ul li:nth-child(-n+3) {
                  margin-top: 0; } }
              #recipe .recipe_detail .column2 .right .item_box ul li a {
                height: 100%;
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
                pointer-events: none; }
                @media screen and (max-width: 640px) {
                  #recipe .recipe_detail .column2 .right .item_box ul li a {
                    width: 115px; } }
                #recipe .recipe_detail .column2 .right .item_box ul li a .img_box {
                  width: 70px;
                  height: 70px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: 0 auto 5px; }
                  #recipe .recipe_detail .column2 .right .item_box ul li a .img_box .vertical {
                    width: auto;
                    height: 100%; }
                #recipe .recipe_detail .column2 .right .item_box ul li a p {
                  width: 100%;
                  font-size: 12px;
                  line-height: 1.4;
                  text-align: center; }
                  @media screen and (max-width: 640px) {
                    #recipe .recipe_detail .column2 .right .item_box ul li a p {
                      font-size: 10px;
                      line-height: 12px; } }
        #recipe .recipe_detail .column2 .right .comment_list {
          margin-bottom: 20px; }
          #recipe .recipe_detail .column2 .right .comment_list li {
            padding-left: 20px;
            font-weight: bold;
            line-height: 18px;
            margin-bottom: 5px;
            position: relative; }
            #recipe .recipe_detail .column2 .right .comment_list li:last-child {
              margin: 0; }
            #recipe .recipe_detail .column2 .right .comment_list li:after {
              content: "・";
              color: #d8271c;
              position: absolute;
              top: 0;
              left: 0; }
            #recipe .recipe_detail .column2 .right .comment_list li img {
              width: auto;
              height: 24px;
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px; }
            #recipe .recipe_detail .column2 .right .comment_list li a {
              display: inline;
              color: #d8271c !important; }
        /* #recipe .recipe_detail .column2 .right table {
          width: 100%;
          font-size: 14px;
          margin-top: 5px; }
          @media screen and (max-width: 640px) {
            #recipe .recipe_detail .column2 .right table {
              margin-top: 10px; } }
          #recipe .recipe_detail .column2 .right table tr {
            border-bottom: 1px #fff solid; }
            #recipe .recipe_detail .column2 .right table tr th {
              width: 120px;
              height: 30px;
              background-color: #eddb87;
              vertical-align: middle;
              font-weight: normal; }
              #recipe .recipe_detail .column2 .right table tr th.time {
                background-color: #ffccca; }
                #recipe .recipe_detail .column2 .right table tr th.time:before {
                  content: "";
                  width: 16px;
                  height: 18px;
                  background: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon03.png) no-repeat;
                  background-size: 100%;
                  display: inline-block;
                  vertical-align: -4px;
                  margin-right: 5px; }
            #recipe .recipe_detail .column2 .right table tr td {
              padding: 0 25px;
              background-color: #f7f5e9;
              vertical-align: middle; } */
        #recipe .recipe_detail .column2 .right .book_modal_btn > a {
          width: 300px;
          height: 40px;
          border-radius: 14px;
          background-color: #d3221a;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          color: #fff !important;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 20px; }
          @media screen and (max-width: 640px) {
            #recipe .recipe_detail .column2 .right .book_modal_btn > a {
              width: 250px;
              height: 35px;
              border-radius: 12px;
              font-size: 14px;
              margin: 15px auto 0; } }
          #recipe .recipe_detail .column2 .right .book_modal_btn > a:before, #recipe .recipe_detail .column2 .right .book_modal_btn > a:after {
            content: "";
            height: 100%;
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center; }
          #recipe .recipe_detail .column2 .right .book_modal_btn > a:before {
            width: 28px;
            background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon12.png);
            margin-right: 15px; }
            @media screen and (max-width: 640px) {
              #recipe .recipe_detail .column2 .right .book_modal_btn > a:before {
                width: 22px;
                margin-right: 10px; } }
          #recipe .recipe_detail .column2 .right .book_modal_btn > a:after {
            width: 25px;
            background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/arrow02.png);
            margin-left: 15px; }
            @media screen and (max-width: 640px) {
              #recipe .recipe_detail .column2 .right .book_modal_btn > a:after {
                width: 20px;
                margin-left: 10px; } }
        #recipe .recipe_detail .column2 .right .book_modal_btn #ehonArea {
          display: none;
          width: 900px;
          height: 600px;
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          z-index: 999; }
          @media screen and (max-width: 640px) {
            #recipe .recipe_detail .column2 .right .book_modal_btn #ehonArea {
              width: 100%;
              height: 100vh;
              padding: 25px;
              box-sizing: border-box;
              background-color: rgba(255, 255, 255, 0.9); } }
          #recipe .recipe_detail .column2 .right .book_modal_btn #ehonArea #story_sp {
            width: 100%;
            height: 100%;
            overflow: scroll; }
          #recipe .recipe_detail .column2 .right .book_modal_btn #ehonArea #btn_close {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 6px;
            right: 6px;
            cursor: pointer; }
            @media screen and (max-width: 640px) {
              #recipe .recipe_detail .column2 .right .book_modal_btn #ehonArea #btn_close {
                top: 35px;
                right: 35px; } }
      #recipe .recipe_detail .column2 .stuff {
        order: 2; }
        @media screen and (max-width: 640px) {
          #recipe .recipe_detail .column2 .stuff {
            margin-bottom: 40px; } }
        #recipe .recipe_detail .column2 .stuff h3 img {
          height: 26px; }
        #recipe .recipe_detail .column2 .stuff ul li {
          padding: 10px 0;
          border-bottom: 1px #ccc dotted;
          display: flex;
          justify-content: space-between;
          position: relative; }
          @media screen and (max-width: 640px) {
            #recipe .recipe_detail .column2 .stuff ul li {
              line-height: 18px; } }
          #recipe .recipe_detail .column2 .stuff ul li p:nth-of-type(2) {
            white-space: nowrap;
            margin-left: 30px; }
          #recipe .recipe_detail .column2 .stuff ul li span {
            width: 15px;
            display: block;
            margin: auto; }
            @media screen and (max-width: 640px) {
              #recipe .recipe_detail .column2 .stuff ul li span {
                width: 10px; } }
    #recipe .recipe_detail .recipe_banner {
      width: 466px;
      margin: 0 auto 25px; }
      @media screen and (max-width: 640px) {
        #recipe .recipe_detail .recipe_banner {
          width: 100%;
          margin: 0 0 15px; } }
    @media screen and (min-width: 641px) {
      #recipe .recipe_detail img.recipe_banner {
        width: 800px; } }
    #recipe .recipe_detail .btn {
      padding: 17px 0;
      background-color: #7a6223;
      margin: 0 auto; }
      #recipe .recipe_detail .btn:before {
        width: 24px;
        height: 20px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon07.png);
        position: static;
        display: inline-block;
        vertical-align: -4px;
        margin-right: 10px; }
    @media screen and (max-width: 640px) {
      #recipe .recipe_detail > .btn {
        display: none; } }
  #recipe .item_use {
    border: 4px #d8271c dotted;
    box-sizing: border-box;
    border-radius: 12px;
    margin-bottom: 20px; }
    #recipe .item_use > p {
      margin: 20px 0; }
      #recipe .item_use > p img {
        width: auto;
        height: 30px;
        margin: 0 auto; }
        @media screen and (max-width: 640px) {
          #recipe .item_use > p img {
            height: 26px; } }
    #recipe .item_use > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #recipe .item_use > div a {
        width: 217px;
        min-height: 80px;
        padding: 0 8px;
        box-sizing: border-box;
        line-height: 18px;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        margin-bottom: 20px; }
        @media screen and (max-width: 640px) {
          #recipe .item_use > div a {
            width: 48%;
            min-height: 50px;
            padding: 0 5px;
            margin-bottom: 10px; } }
        #recipe .item_use > div a:hover {
          text-decoration: underline; }
        #recipe .item_use > div a img {
          width: 70px;
          padding-right: 5px;
          margin: 0 auto; }
          @media screen and (max-width: 640px) {
            #recipe .item_use > div a img {
              width: 40px; } }
          #recipe .item_use > div a img.vertical {
            width: auto;
            height: 80px; }
            @media screen and (max-width: 640px) {
              #recipe .item_use > div a img.vertical {
                height: 50px; } }
        #recipe .item_use > div a p {
          width: calc(100% - 75px); }
          @media screen and (max-width: 640px) {
            #recipe .item_use > div a p {
              width: calc(100% - 45px);
              font-size: 13px;
              line-height: 16px; } }
  #recipe .item_recipe {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #recipe .item_recipe {
        margin-bottom: 25px; } }
    #recipe .item_recipe .tab_btn {
      display: flex; }
      #recipe .item_recipe .tab_btn li {
        width: 33.33%;
        position: relative; }
        @media screen and (max-width: 640px) {
          #recipe .item_recipe .tab_btn li {
            width: 50%; } }
        #recipe .item_recipe .tab_btn li a {
          width: 100%;
          height: 100%;
          min-height: 50px;
          padding: 3px 10px;
          background-color: #e3e3e3;
          border-radius: 12px 12px 0 0;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; }
          @media screen and (max-width: 640px) {
            #recipe .item_recipe .tab_btn li a {
              min-height: 40px;
              padding: 5px; } }
          #recipe .item_recipe .tab_btn li a img {
            width: auto;
            height: 40px;
            margin-right: 10px;
            opacity: 0.5; }
            @media screen and (max-width: 640px) {
              #recipe .item_recipe .tab_btn li a img {
                height: 30px;
                margin: 0 auto 5px; } }
          #recipe .item_recipe .tab_btn li a p {
            font-weight: bold;
            line-height: 18px;
            color: #808080;
            word-break: break-all; }
            @media screen and (max-width: 640px) {
              #recipe .item_recipe .tab_btn li a p {
                font-size: 13px;
                line-height: 16px; } }
          #recipe .item_recipe .tab_btn li a:hover {
            opacity: 1; }
        #recipe .item_recipe .tab_btn li.select:before {
          content: "";
          width: 94%;
          height: 5px;
          background-color: #d8271c;
          position: absolute;
          right: 0;
          bottom: -7px;
          left: 0;
          margin: auto;
          z-index: 9;
          pointer-events: none; }
          @media screen and (max-width: 640px) {
            #recipe .item_recipe .tab_btn li.select:before {
              width: 85%;
              height: 3px;
              bottom: -5px; } }
        #recipe .item_recipe .tab_btn li.select:after {
          content: "";
          width: 16px;
          height: 8px;
          border: 8px transparent solid;
          border-top: 8px #d8271c solid;
          box-sizing: border-box;
          position: absolute;
          right: 0;
          bottom: -23px;
          left: 0;
          margin: auto;
          z-index: 9;
          pointer-events: none;
          display: block;
          visibility: visible; }
          @media screen and (max-width: 640px) {
            #recipe .item_recipe .tab_btn li.select:after {
              width: 12px;
              height: 6px;
              border-width: 6px;
              bottom: -17px; } }
        #recipe .item_recipe .tab_btn li.select a {
          background-color: #fff;
          border: 2px #d8271c solid; }
          #recipe .item_recipe .tab_btn li.select a:after {
            content: "";
            width: 100%;
            height: 10px;
            background-color: #fff;
            position: absolute;
            bottom: -6px;
            left: 0;
            z-index: 8;
            pointer-events: none;
            display: block;
            visibility: visible; }
            @media screen and (max-width: 640px) {
              #recipe .item_recipe .tab_btn li.select a:after {
                height: 6px;
                bottom: -5px; } }
          #recipe .item_recipe .tab_btn li.select a img {
            opacity: 1; }
          #recipe .item_recipe .tab_btn li.select a p {
            color: #333; }
    #recipe .item_recipe .tab_content {
      padding: 60px 0 30px;
      border: 2px #d8271c solid; }
      @media screen and (max-width: 640px) {
        #recipe .item_recipe .tab_content {
          padding: 35px 0 20px; } }
      #recipe .item_recipe .tab_content > li {
        position: relative; }
        #recipe .item_recipe .tab_content > li:after {
          content: "";
          width: 100%;
          height: 30px;
          background: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/text04.png) no-repeat;
          background-size: auto 100%;
          background-position: center;
          position: absolute;
          top: -45px;
          left: 0; }
          @media screen and (max-width: 640px) {
            #recipe .item_recipe .tab_content > li:after {
              height: 26px;
              top: -20px; } }
        @media screen and (max-width: 640px) {
          #recipe .item_recipe .tab_content > li .column4 {
            padding: 0 2%;
            box-sizing: border-box;
            justify-content: flex-start; }
            #recipe .item_recipe .tab_content > li .column4 li {
              width: 50%;
              margin-top: 15px; }
              #recipe .item_recipe .tab_content > li .column4 li p {
                text-align: left; } }
        #recipe .item_recipe .tab_content > li .btn {
          margin: 20px auto 0; }
          @media screen and (max-width: 640px) {
            #recipe .item_recipe .tab_content > li .btn {
              margin-top: 15px; } }
        #recipe .item_recipe .tab_content > li.hide {
          display: none; }
  /* #recipe.print {
    width: 210mm;
    margin: 0 auto;
    display: block;
    position: relative; }
    #recipe.print .recipe_detail {
      width: 100%;
      padding: 50px 0;
      position: static; }
      #recipe.print .recipe_detail h2 {
        font-size: 20px;
        padding-bottom: 5px; }
      #recipe.print .recipe_detail .text_box p {
        font-size: 14px;
        line-height: 16px; }
      #recipe.print .recipe_detail .column2 {
        width: 100%;
        margin: 10px 0; }
        #recipe.print .recipe_detail .column2 > div {
          width: 49%; }
        #recipe.print .recipe_detail .column2 table {
          border: 1px #630 solid; }
          #recipe.print .recipe_detail .column2 table tr {
            border-bottom: 1px #630 solid; }
            #recipe.print .recipe_detail .column2 table tr:last-child {
              border: none; }
            #recipe.print .recipe_detail .column2 table tr th, #recipe.print .recipe_detail .column2 table tr td {
              width: auto;
              border-right: 1px #630 solid;
              background: none !important; }
              #recipe.print .recipe_detail .column2 table tr th:last-child, #recipe.print .recipe_detail .column2 table tr td:last-child {
                border: none; }
            #recipe.print .recipe_detail .column2 table tr th.time:before {
              width: 10px;
              height: 11px;
              vertical-align: -1px;
              margin-right: 2px; }
            #recipe.print .recipe_detail .column2 table tr td {
              height: 30px;
              padding: 0;
              text-align: center; }
        #recipe.print .recipe_detail .column2 .process ul li {
          margin-bottom: 10px; }
        #recipe.print .recipe_detail .column2 .stuff ul li {
          padding: 5px 0; }
          #recipe.print .recipe_detail .column2 .stuff ul li span {
            width: 10px; }
      #recipe.print .recipe_detail .advice {
        width: 100%;
        padding: 10px 20px;
        margin: 0; }
        #recipe.print .recipe_detail .advice p {
          font-size: 14px;
          line-height: 18px; }
    #recipe.print .logo_box {
      display: flex;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 0; }
      #recipe.print .logo_box img {
        width: 70px;
        margin-right: 20px; }
      #recipe.print .logo_box p {
        font-size: 80%; } */
  #recipe .point.modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }
    #recipe .point.modal .wrapper {
      width: 94%;
      max-width: 950px;
      height: 80vh;
      padding: 20px;
      box-sizing: border-box;
      background-color: #fff;
      overflow: scroll;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      z-index: 9; }
      #recipe .point.modal .wrapper h2 {
        width: 100%;
        height: 70px;
        padding: 0;
        background-color: #cca239;
        border: none;
        font-size: 17px;
        font-weight: bold;
        line-height: 24px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px; }
        @media screen and (max-width: 640px) {
          #recipe .point.modal .wrapper h2 {
            height: 50px;
            line-height: 14px;
            margin-bottom: 25px; } }
        #recipe .point.modal .wrapper h2 img {
          width: auto;
          height: 38px;
          margin-right: 20px; }
          @media screen and (max-width: 640px) {
            #recipe .point.modal .wrapper h2 img {
              height: 28px;
              margin-right: 15px; } }
        #recipe .point.modal .wrapper h2.milk {
          background-color: #109bd6; }
        #recipe .point.modal .wrapper h2.choco {
          background-color: #42210b; }
      #recipe .point.modal .wrapper .column2 {
        width: 100%;
        margin: 0; }
        @media screen and (min-width: 641px) {
          #recipe .point.modal .wrapper .column2 > div {
            width: 48%; } }
        #recipe .point.modal .wrapper .column2 > div h3 {
          font-size: 18px;
          font-weight: bold;
          color: #d8271c;
          border-bottom: 2px #d8271c solid;
          padding-bottom: 5px;
          margin: 30px 0 10px; }
          @media screen and (min-width: 641px) {
            #recipe .point.modal .wrapper .column2 > div h3:nth-of-type(1) {
              margin-top: 0; } }
          @media screen and (max-width: 640px) {
            #recipe .point.modal .wrapper .column2 > div h3 {
              font-size: 16px;
              margin-top: 25px; } }
          #recipe .point.modal .wrapper .column2 > div h3 img {
            width: auto;
            height: 22px;
            display: inline-block;
            vertical-align: -5px;
            margin-right: 10px; }
            @media screen and (max-width: 640px) {
              #recipe .point.modal .wrapper .column2 > div h3 img {
                margin-right: 5px; } }
        #recipe .point.modal .wrapper .column2 > div h4 {
          padding-left: 16px;
          font-size: 15px;
          font-weight: bold;
          line-height: 26px;
          color: #7a6223;
          margin: 20px 0 5px;
          position: relative; }
          @media screen and (max-width: 640px) {
            #recipe .point.modal .wrapper .column2 > div h4 {
              font-size: 14px;
              line-height: 20px;
              margin-top: 10px; } }
          #recipe .point.modal .wrapper .column2 > div h4:nth-of-type(1) {
            margin-top: 0; }
          #recipe .point.modal .wrapper .column2 > div h4:after {
            content: "◆";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            visibility: visible; }
        #recipe .point.modal .wrapper .column2 > div p {
          font-size: 14px;
          line-height: 25px; }
        #recipe .point.modal .wrapper .column2 > div > div {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media screen and (max-width: 640px) {
            #recipe .point.modal .wrapper .column2 > div > div {
              display: block; } }
          #recipe .point.modal .wrapper .column2 > div > div > p {
            width: calc(100% - 140px); }
            @media screen and (max-width: 640px) {
              #recipe .point.modal .wrapper .column2 > div > div > p {
                width: 100%; } }
          #recipe .point.modal .wrapper .column2 > div > div .category_list li {
            margin: 0; }
            @media screen and (max-width: 640px) {
              #recipe .point.modal .wrapper .column2 > div > div .category_list li {
                margin: 5px 0 0; } }
          #recipe .point.modal .wrapper .column2 > div > div .kids_icon,
          #recipe .point.modal .wrapper .column2 > div > div .together_icon {
            width: auto;
            height: 24px;
            margin-left: 10px; }
            @media screen and (max-width: 640px) {
              #recipe .point.modal .wrapper .column2 > div > div .kids_icon,
              #recipe .point.modal .wrapper .column2 > div > div .together_icon {
                margin: 5px 0 0; } }
    #recipe .point.modal .bg {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 8; }
      #recipe .point.modal .bg p {
        font-size: 60px;
        color: #fff;
        position: absolute;
        top: 0;
        right: 15px;
        cursor: pointer; }
        @media screen and (max-width: 640px) {
          #recipe .point.modal .bg p {
            font-size: 50px;
            top: 2%;
            right: 3%; } }

.overflow {
  overflow: hidden; }

#special .mv {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  margin: 50px auto; }
  @media screen and (max-width: 640px) {
    #special .mv {
      width: 94%;
      box-sizing: border-box;
      display: block;
      margin: 25px auto; } }
  #special .mv p {
    display: none;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #special .mv p {
        font-size: 3.2vw;
        line-height: 170%; } }
  #special .mv.halloween {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/special/halloween/mv_bg.jpg); }
    @media screen and (max-width: 640px) {
      #special .mv.halloween {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/special/halloween/mv_bg_sp.jpg); } }
#special .special {
  margin-top: 30px; }
  #special .special > p {
    width: 100%;
    height: 60px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 9; }
    @media screen and (min-width: 641px) {
      #special .special > p {
        font-size: 16px; } }
    @media screen and (max-width: 640px) {
      #special .special > p {
        height: auto;
        line-height: 22px;
        margin-bottom: 20px; } }
    #special .special > p:after {
      content: "";
      width: 100%;
      height: 100%;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/special/bg.png) no-repeat;
      background-size: 100%;
      background-position: center;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #special .special > p:after {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/special/bg_sp.png);
          background-size: 352px; } }

#special .btn {
  margin: 0 auto 80px; }
  @media screen and (max-width: 640px) {
    #special .btn {
      margin-bottom: 40px; } }

#cookingbook {
  /* 共通 */
  /* top */
  /* point */
  /* cut */
  /* measure */
  /* seasoning */
  /* words */
  /* dry_matter */
  /* cookware */
  /* together_area */
  /* safety */
  /* iroha */ }
  #cookingbook .dot_box {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg03.png); }
  #cookingbook .top_box,
  #cookingbook .link_box {
    text-align: center;
    position: relative; }
    #cookingbook .top_box:before, #cookingbook .top_box:after,
    #cookingbook .link_box:before,
    #cookingbook .link_box:after {
      content: "";
      width: 100%;
      height: 3px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/line.png);
      background-size: auto 100%;
      position: absolute;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #cookingbook .top_box:before, #cookingbook .top_box:after,
        #cookingbook .link_box:before,
        #cookingbook .link_box:after {
          width: 97%;
          right: 0;
          margin: auto; } }
    #cookingbook .top_box .balloon,
    #cookingbook .link_box .balloon {
      margin-bottom: 10px; }
    #cookingbook .top_box h2,
    #cookingbook .link_box h2 {
      width: 350px;
      margin: 0 auto 30px; }
      @media screen and (max-width: 640px) {
        #cookingbook .top_box h2,
        #cookingbook .link_box h2 {
          width: 120px;
          margin: 0 0 0 40px; } }
  #cookingbook .link_box {
    margin: 80px auto 95px; }
    @media screen and (max-width: 640px) {
      #cookingbook .link_box {
        margin: 45px auto 80px; } }
    #cookingbook .link_box:before {
      top: 22px; }
      @media screen and (max-width: 640px) {
        #cookingbook .link_box:before {
          top: 18px; } }
    #cookingbook .link_box:after {
      display: none; }
    #cookingbook .link_box .balloon {
      width: 180px;
      font-size: 14px;
      margin: 0 auto 3px; }
      @media screen and (max-width: 640px) {
        #cookingbook .link_box .balloon {
          width: 145px;
          margin-bottom: -5px; } }
    #cookingbook .link_box h2 {
      width: 246px;
      margin-bottom: 45px;
      position: relative; }
      @media screen and (max-width: 640px) {
        #cookingbook .link_box h2 {
          width: 200px;
          margin: 10px auto 25px; } }
      #cookingbook .link_box h2:before {
        content: "";
        width: 70px;
        height: 115px;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/illust03.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: -80px;
        right: -70px; }
        @media screen and (max-width: 640px) {
          #cookingbook .link_box h2:before {
            width: 55px;
            height: 90px;
            top: -65px;
            right: -55px; } }
      #cookingbook .link_box h2.type2:before {
        width: 114px;
        height: 94px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/illust03.png);
        top: -65px;
        right: -145px; }
        @media screen and (max-width: 640px) {
          #cookingbook .link_box h2.type2:before {
            width: 75px;
            height: 62px;
            top: -30px;
            right: -80px; } }
    #cookingbook .link_box .base_list {
      justify-content: center;
      margin-bottom: 30px; }
      @media screen and (max-width: 640px) {
        #cookingbook .link_box .base_list {
          flex-wrap: wrap; } }
      @media screen and (max-width: 640px) {
        #cookingbook .link_box .base_list li {
          width: auto;
          margin: 5px; } }
      #cookingbook .link_box .base_list li a {
        width: 130px;
        height: 130px; }
        @media screen and (max-width: 640px) {
          #cookingbook .link_box .base_list li a {
            width: 100px;
            height: 100px; } }
        #cookingbook .link_box .base_list li a:after {
          width: 94px;
          height: 94px; }
          @media screen and (max-width: 640px) {
            #cookingbook .link_box .base_list li a:after {
              width: 72px;
              height: 72px; } }
        #cookingbook .link_box .base_list li a p {
          width: 88px;
          padding: 4px 0 6px;
          font-size: 14px;
          line-height: 16px;
          margin-bottom: 5px; }
          @media screen and (max-width: 640px) {
            #cookingbook .link_box .base_list li a p {
              width: 70px;
              padding: 3px 0 5px;
              font-size: 10px;
              line-height: 12px; } }
        #cookingbook .link_box .base_list li a img {
          width: 72px; }
          @media screen and (max-width: 640px) {
            #cookingbook .link_box .base_list li a img {
              width: 54px; } }
      #cookingbook .link_box .base_list li.active a {
        background-color: #d8271c;
        border-color: #d8271c; }
        #cookingbook .link_box .base_list li.active a:after {
          display: none; }
        #cookingbook .link_box .base_list li.active a p {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/ribbon04.png);
          color: #d8271c; }
    #cookingbook .link_box .together_list {
      width: 850px; }
      @media screen and (min-width: 641px) {
        #cookingbook .link_box .together_list {
          background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg08.png) no-repeat;
          background-size: 100%; } }
      @media screen and (max-width: 640px) {
        #cookingbook .link_box .together_list {
          width: 100%; } }
      #cookingbook .link_box .together_list li {
        margin: 0 30px; }
        @media screen and (max-width: 640px) {
          #cookingbook .link_box .together_list li {
            margin: 0; } }
        #cookingbook .link_box .together_list li p {
          width: 110px;
          font-size: 14px;
          line-height: 18px;
          top: 2px;
          right: 0;
          left: auto; }
          @media screen and (max-width: 640px) {
            #cookingbook .link_box .together_list li p {
              width: 87px;
              font-size: 10px;
              line-height: 14px; } }
          #cookingbook .link_box .together_list li p span {
            font-size: 15px; }
            @media screen and (max-width: 640px) {
              #cookingbook .link_box .together_list li p span {
                font-size: 12px; } }
        #cookingbook .link_box .together_list li img {
          width: 215px; }
          @media screen and (max-width: 640px) {
            #cookingbook .link_box .together_list li img {
              width: 170px; } }
  #cookingbook .base h2,
  #cookingbook .together h2 {
    width: 380px;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .base h2,
      #cookingbook .together h2 {
        width: 230px; } }
    #cookingbook .base h2:before, #cookingbook .base h2:after,
    #cookingbook .together h2:before,
    #cookingbook .together h2:after {
      content: "";
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      pointer-events: none;
      display: block;
      visibility: visible; }
    #cookingbook .base h2:after,
    #cookingbook .together h2:after {
      width: 950px;
      height: 58px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg04.png);
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (max-width: 640px) {
        #cookingbook .base h2:after,
        #cookingbook .together h2:after {
          width: 94vw;
          height: 15vw;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg04_sp.png); } }
  #cookingbook .base h2.base_ttl,
  #cookingbook .together h2.together_ttl {
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      #cookingbook .base h2.base_ttl,
      #cookingbook .together h2.together_ttl {
        padding-right: 10px;
        font-size: 18px;
        margin-bottom: 40px; } }
    #cookingbook .base h2.base_ttl:after,
    #cookingbook .together h2.together_ttl:after {
      height: 64px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg07.png);
      top: -5px;
      z-index: 8; }
      @media screen and (max-width: 640px) {
        #cookingbook .base h2.base_ttl:after,
        #cookingbook .together h2.together_ttl:after {
          height: 78px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg07_2_sp.png);
          top: -25px; } }
  #cookingbook .base h2.base_ttl:before {
    width: 120px;
    height: 132px;
    top: -30px;
    right: -60px;
    z-index: 9; }
    @media screen and (max-width: 640px) {
      #cookingbook .base h2.base_ttl:before {
        width: 90px;
        height: 100px;
        top: -20px;
        right: -40px; } }
  #cookingbook h2.base_ttl.type2:before, #cookingbook h2.together_ttl.type2:before {
    width: 136px;
    height: 113px;
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/illust03.png);
    top: -20px;
    right: -90px; }
    @media screen and (max-width: 640px) {
      #cookingbook h2.base_ttl.type2:before, #cookingbook h2.together_ttl.type2:before {
        width: 92px;
        height: 78px;
        top: 0;
        right: -40px; } }
  @media screen and (min-width: 641px) {
    #cookingbook h2.base_ttl.type2:after, #cookingbook h2.together_ttl.type2:after {
      height: 78px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg09.png); } }
  #cookingbook .base {
    padding: 50px 0 25px;
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      #cookingbook .base {
        padding: 45px 0 20px;
        margin-bottom: 25px; } }
    #cookingbook .base h2 {
      margin-bottom: 30px; }
      @media screen and (max-width: 640px) {
        #cookingbook .base h2 {
          margin-bottom: 10px; } }
      #cookingbook .base h2:before {
        width: 105px;
        height: 150px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/illust01.png);
        top: -45px;
        right: -40px; }
        @media screen and (max-width: 640px) {
          #cookingbook .base h2:before {
            width: 70px;
            height: 100px;
            top: -40px;
            right: 0px; } }
      #cookingbook .base h2:after {
        top: -10px; }
        @media screen and (max-width: 640px) {
          #cookingbook .base h2:after {
            top: -20px; } }
    #cookingbook .base_list {
      display: flex; }
      #cookingbook .base_list li {
        margin: 0 10px; }
        @media screen and (max-width: 640px) {
          #cookingbook .base_list li {
            width: 38%;
            margin: 0 4% 0 0; } }
        #cookingbook .base_list li a {
          width: 200px;
          height: 200px;
          border-radius: 50%;
          border: 1px #ccb54b solid;
          box-sizing: border-box;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          align-content: center;
          position: relative; }
          @media screen and (max-width: 640px) {
            #cookingbook .base_list li a {
              width: 100%;
              height: 27vw; } }
          #cookingbook .base_list li a:after {
            content: "";
            width: 144px;
            height: 144px;
            border-radius: 50%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            pointer-events: none;
            display: block;
            visibility: visible; }
            @media screen and (max-width: 640px) {
              #cookingbook .base_list li a:after {
                width: 72%;
                height: 72%; } }
          #cookingbook .base_list li a p {
            width: 120px;
            padding: 7px 0 10px;
            background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/ribbon03.png) no-repeat;
            background-size: 100% 100%;
            font-size: 17px;
            line-height: 20px;
            text-align: center;
            color: #fff;
            margin: 0 auto 10px;
            position: relative;
            z-index: 9; }
            @media screen and (max-width: 640px) {
              #cookingbook .base_list li a p {
                width: 60%;
                padding: 3px 0 5px;
                font-size: 10px;
                line-height: 12px;
                margin-bottom: 5px; } }
          #cookingbook .base_list li a img {
            width: 110px;
            margin: auto;
            position: relative;
            z-index: 9; }
            @media screen and (max-width: 640px) {
              #cookingbook .base_list li a img {
                width: 55%; } }
        #cookingbook .base_list li:nth-child(2n+1) a {
          background-color: #efefef; }
          #cookingbook .base_list li:nth-child(2n+1) a:after {
            background-color: #fff; }
        #cookingbook .base_list li:nth-child(2n) a {
          background-color: #d6c369; }
          #cookingbook .base_list li:nth-child(2n) a:after {
            background-color: #e3d076; }
    #cookingbook .base .wt_area .ttl_box {
      display: flex;
      align-items: center;
      position: relative;
      z-index: 9; }
      @media screen and (max-width: 640px) {
        #cookingbook .base .wt_area .ttl_box {
          align-items: flex-start;
          margin-bottom: 15px; } }
      #cookingbook .base .wt_area .ttl_box:after {
        content: "";
        width: calc(100% - 50px);
        height: 3px;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
        background-size: auto 100%;
        position: absolute;
        bottom: 10px;
        right: 0;
        z-index: -1;
        display: block;
        visibility: visible; }
        @media screen and (max-width: 640px) {
          #cookingbook .base .wt_area .ttl_box:after {
            height: 2px;
            bottom: 6px; } }
      #cookingbook .base .wt_area .ttl_box .icon {
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/ribbon05.png) no-repeat;
        background-size: auto 70px;
        background-position: right;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 640px) {
          #cookingbook .base .wt_area .ttl_box .icon {
            background-size: auto 48px; } }
        #cookingbook .base .wt_area .ttl_box .icon > div {
          width: 90px;
          padding: 23px 0;
          border: 1px #ccb54b solid;
          box-sizing: border-box;
          border-radius: 50%;
          position: relative; }
          @media screen and (max-width: 640px) {
            #cookingbook .base .wt_area .ttl_box .icon > div {
              width: 60px;
              padding: 14px 0; } }
          #cookingbook .base .wt_area .ttl_box .icon > div:after {
            content: "";
            width: 64px;
            height: 64px;
            border-radius: 50%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            display: block;
            visibility: visible; }
            @media screen and (max-width: 640px) {
              #cookingbook .base .wt_area .ttl_box .icon > div:after {
                width: 44px;
                height: 44px; } }
          #cookingbook .base .wt_area .ttl_box .icon > div img {
            width: auto;
            height: 42px;
            margin: 0 auto;
            position: relative;
            z-index: 9; }
            @media screen and (max-width: 640px) {
              #cookingbook .base .wt_area .ttl_box .icon > div img {
                height: 30px; } }
          #cookingbook .base .wt_area .ttl_box .icon > div.type1 {
            background-color: #d6c369; }
            #cookingbook .base .wt_area .ttl_box .icon > div.type1:after {
              background-color: #e3d076; }
          #cookingbook .base .wt_area .ttl_box .icon > div.type2 {
            background-color: #efefef; }
            #cookingbook .base .wt_area .ttl_box .icon > div.type2:after {
              background-color: #fff; }
        #cookingbook .base .wt_area .ttl_box .icon p {
          font-size: 17px;
          line-height: 20px;
          text-align: center;
          color: #fff;
          padding: 0 30px 0 10px; }
          @media screen and (max-width: 640px) {
            #cookingbook .base .wt_area .ttl_box .icon p {
              min-width: 70px;
              box-sizing: border-box;
              font-size: 11px;
              line-height: 14px;
              padding: 0 20px 0 5px; } }
      #cookingbook .base .wt_area .ttl_box h3 {
        font-size: 26px;
        font-weight: bold;
        margin-left: 30px; }
        @media screen and (max-width: 640px) {
          #cookingbook .base .wt_area .ttl_box h3 {
            font-size: 16px;
            line-height: 28px;
            margin-left: 20px; } }
        #cookingbook .base .wt_area .ttl_box h3 .color {
          font-size: 29px;
          color: #22b273; }
          @media screen and (max-width: 640px) {
            #cookingbook .base .wt_area .ttl_box h3 .color {
              font-size: 18px; } }
  #cookingbook .together {
    padding: 50px 0 25px; }
    @media screen and (max-width: 640px) {
      #cookingbook .together {
        padding: 35px 0 20px; } }
    #cookingbook .together h2 {
      margin-bottom: 40px; }
      #cookingbook .together h2:before {
        width: 98px;
        height: 150px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/illust02.png);
        top: -45px;
        right: -55px; }
        @media screen and (max-width: 640px) {
          #cookingbook .together h2:before {
            width: 65px;
            height: 100px;
            top: -20px;
            right: 10px; } }
    #cookingbook .together_list {
      width: 800px;
      border-bottom: 3px #ccb54b solid;
      display: flex;
      justify-content: center;
      margin: 0 auto; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_list {
          width: 92%;
          border-width: 2px; } }
      #cookingbook .together_list li {
        margin: 0 40px;
        position: relative; }
        @media screen and (max-width: 640px) {
          #cookingbook .together_list li {
            margin: 0 10px; } }
        #cookingbook .together_list li p {
          width: 100%;
          font-size: 16px;
          line-height: 22px;
          text-align: center;
          color: #7a6223;
          position: absolute;
          top: 15px;
          left: 0; }
          @media screen and (max-width: 640px) {
            #cookingbook .together_list li p {
              font-size: 12px;
              line-height: 18px;
              top: 8px; } }
          #cookingbook .together_list li p span {
            font-size: 19px;
            display: block; }
            @media screen and (max-width: 640px) {
              #cookingbook .together_list li p span {
                font-size: 14px; } }
            #cookingbook .together_list li p span.gn {
              color: #22b273; }
            #cookingbook .together_list li p span.bu {
              color: #109bd6; }
        #cookingbook .together_list li img {
          width: 170px; }
          @media screen and (max-width: 640px) {
            #cookingbook .together_list li img {
              width: 120px; } }
  #cookingbook .cookingbook_top .top_box {
    margin: 50px auto 30px; }
    @media screen and (max-width: 640px) {
      #cookingbook .cookingbook_top .top_box {
        width: 100%;
        padding: 40px 0 20px;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg01_sp.png) no-repeat;
        background-size: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 25px auto 40px; } }
    #cookingbook .cookingbook_top .top_box:before {
      top: 83px; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookingbook_top .top_box:before {
          top: 75px; } }
    #cookingbook .cookingbook_top .top_box:after {
      bottom: 30px; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookingbook_top .top_box:after {
          bottom: 0; } }
    #cookingbook .cookingbook_top .top_box > img {
      width: 180px;
      position: absolute;
      bottom: 0;
      left: 120px; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookingbook_top .top_box > img {
          width: 120px;
          position: static; } }
    #cookingbook .cookingbook_top .top_box .ttl_box {
      width: 830px;
      padding: 50px 0 65px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg01.png) no-repeat;
      background-size: 100%;
      margin-left: auto; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookingbook_top .top_box .ttl_box {
          width: 180px;
          padding: 0;
          background: none;
          margin-left: 15px; } }
    #cookingbook .cookingbook_top .top_box .balloon {
      width: 260px;
      margin-right: auto;
      margin-left: auto;
      position: relative; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookingbook_top .top_box .balloon {
          width: 170px;
          margin-top: 10px; } }
      #cookingbook .cookingbook_top .top_box .balloon:after {
        content: "";
        width: 52px;
        height: 63px;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/icon01.png) no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: 10px;
        left: -50px; }
        @media screen and (max-width: 640px) {
          #cookingbook .cookingbook_top .top_box .balloon:after {
            width: 34px;
            height: 42px;
            bottom: -50px;
            left: 0; } }
    @media screen and (min-width: 641px) {
      #cookingbook .cookingbook_top .top_box p {
        font-size: 16px;
        line-height: 28px; } }
    @media screen and (max-width: 640px) {
      #cookingbook .cookingbook_top .top_box p {
        line-height: 22px;
        margin-top: 10px; } }
  #cookingbook .cookingbook_top .base_list {
    width: 770px;
    padding: 20px 65px 142px 65px;
    background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg05.png) no-repeat;
    background-size: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
    z-index: 9; }
    @media screen and (max-width: 640px) {
      #cookingbook .cookingbook_top .base_list {
        width: 76%;
        padding: 4vw 8% 24vw 8%;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg05_sp.png); } }
    @media screen and (min-width: 641px) {
      #cookingbook .cookingbook_top .base_list li:first-child {
        margin-left: 120px; } }
    @media screen and (max-width: 640px) {
      #cookingbook .cookingbook_top .base_list li:nth-child(3) {
        margin-left: 20%; }
      #cookingbook .cookingbook_top .base_list li:nth-child(4) {
        margin: 0; } }
  #cookingbook .cookingbook_top .together {
    padding: 95px 0 105px;
    margin-bottom: 85px;
    position: relative;
    z-index: 9; }
    @media screen and (max-width: 640px) {
      #cookingbook .cookingbook_top .together {
        padding: 45px 0 70px;
        margin-bottom: 50px; } }
    #cookingbook .cookingbook_top .together:after {
      content: "";
      width: 100%;
      height: 100%;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg06.png) no-repeat;
      background-size: 860px;
      background-position: center;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookingbook_top .together:after {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg06_sp.png);
          background-size: 92%; } }
    @media screen and (min-width: 641px) {
      #cookingbook .cookingbook_top .together h2:after {
        display: none; } }
    @media screen and (max-width: 640px) {
      #cookingbook .cookingbook_top .together h2:after {
        top: -15px; } }
  #cookingbook .cut .point, #cookingbook .measure .point, #cookingbook .seasoning .point, #cookingbook .dry_matter .point {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px; }
    @media screen and (max-width: 640px) {
      #cookingbook .cut .point, #cookingbook .measure .point, #cookingbook .seasoning .point, #cookingbook .dry_matter .point {
        max-width: 360px;
        display: block;
        position: relative;
        margin: 40px auto 0; } }
    #cookingbook .cut .point > img, #cookingbook .measure .point > img, #cookingbook .seasoning .point > img, #cookingbook .dry_matter .point > img {
      width: 200px;
      margin-left: 80px; }
      @media screen and (max-width: 640px) {
        #cookingbook .cut .point > img, #cookingbook .measure .point > img, #cookingbook .seasoning .point > img, #cookingbook .dry_matter .point > img {
          width: 100px;
          position: absolute;
          bottom: -10px;
          left: 60px;
          margin: 0; } }
    #cookingbook .cut .point .text_box, #cookingbook .measure .point .text_box, #cookingbook .seasoning .point .text_box, #cookingbook .dry_matter .point .text_box {
      width: 620px;
      padding: 80px 0 36px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_cut/bg.png) no-repeat;
      background-size: 100%; }
      @media screen and (max-width: 640px) {
        #cookingbook .cut .point .text_box, #cookingbook .measure .point .text_box, #cookingbook .seasoning .point .text_box, #cookingbook .dry_matter .point .text_box {
          width: 100%;
          padding: 60px 0 160px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_cut/bg_sp.png);
          background-size: contain;
          background-position: top; } }
      #cookingbook .cut .point .text_box h3, #cookingbook .measure .point .text_box h3, #cookingbook .seasoning .point .text_box h3, #cookingbook .dry_matter .point .text_box h3 {
        width: 490px;
        padding: 10px 0;
        background-color: #d8271c;
        border-radius: 30px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        margin: 0 auto 20px;
        position: relative; }
        @media screen and (max-width: 640px) {
          #cookingbook .cut .point .text_box h3, #cookingbook .measure .point .text_box h3, #cookingbook .seasoning .point .text_box h3, #cookingbook .dry_matter .point .text_box h3 {
            width: 275px;
            padding: 8px 0;
            font-size: 14px;
            margin-bottom: 10px; } }
        #cookingbook .cut .point .text_box h3:after, #cookingbook .measure .point .text_box h3:after, #cookingbook .seasoning .point .text_box h3:after, #cookingbook .dry_matter .point .text_box h3:after {
          content: "";
          width: 57px;
          height: 22px;
          background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_cut/icon01.png) no-repeat;
          background-size: 100%;
          position: absolute;
          top: -30px;
          right: 0;
          left: 0;
          margin: auto;
          display: block;
          visibility: visible; }
          @media screen and (max-width: 640px) {
            #cookingbook .cut .point .text_box h3:after, #cookingbook .measure .point .text_box h3:after, #cookingbook .seasoning .point .text_box h3:after, #cookingbook .dry_matter .point .text_box h3:after {
              width: 40px;
              height: 16px;
              top: -22px; } }
  #cookingbook .cut {
    padding-bottom: 0;
    margin-bottom: 0; }
    #cookingbook .cut_area ul {
      display: flex;
      flex-wrap: wrap; }
      #cookingbook .cut_area ul li {
        width: 30%;
        padding-left: 30px;
        box-sizing: border-box;
        margin: 40px 5% 0 0;
        position: relative; }
        @media screen and (min-width: 641px) {
          #cookingbook .cut_area ul li:nth-child(3n) {
            margin-right: 0; } }
        @media screen and (max-width: 640px) {
          #cookingbook .cut_area ul li {
            width: 48%;
            margin: 10px 4% 0 0;
            padding-left: 7%; }
            #cookingbook .cut_area ul li:nth-child(2n) {
              margin-right: 0; } }
        #cookingbook .cut_area ul li > img {
          border-radius: 12px; }
        #cookingbook .cut_area ul li > span {
          width: 90px;
          border: 2px #fff solid;
          box-sizing: border-box;
          border-radius: 50%;
          overflow: hidden;
          position: absolute;
          top: 95px;
          left: 0; }
          @media screen and (max-width: 640px) {
            #cookingbook .cut_area ul li > span {
              width: 40%;
              top: 16vw; } }
        #cookingbook .cut_area ul li h4 {
          width: 130px;
          font-size: 20px;
          font-weight: bold;
          color: #d8271c;
          margin: 20px 0 10px auto; }
          @media screen and (max-width: 640px) {
            #cookingbook .cut_area ul li h4 {
              width: 70%;
              font-size: 16px;
              line-height: 20px;
              margin: 15px 0 8px auto; } }
          #cookingbook .cut_area ul li h4.small {
            width: 150px; }
            @media screen and (min-width: 641px) {
              #cookingbook .cut_area ul li h4.small {
                transform: scale(0.7, 1);
                white-space: nowrap; } }
            @media screen and (max-width: 640px) {
              #cookingbook .cut_area ul li h4.small {
                width: 72%; } }
        #cookingbook .cut_area ul li p {
          font-size: 15px;
          line-height: 27px; }
    #cookingbook .cut .point .text_box > .column2 {
      width: 490px;
      justify-content: space-between; }
      @media screen and (max-width: 640px) {
        #cookingbook .cut .point .text_box > .column2 {
          width: 275px;
          display: flex; } }
      #cookingbook .cut .point .text_box > .column2 > .column2 {
        width: 235px;
        margin: 0; }
        @media screen and (max-width: 640px) {
          #cookingbook .cut .point .text_box > .column2 > .column2 {
            width: 47%; } }
        #cookingbook .cut .point .text_box > .column2 > .column2 > p {
          font-size: 17px;
          font-weight: bold;
          line-height: 22px;
          color: #d8271c;
          margin-left: 20px; }
          @media screen and (min-width: 641px) {
            #cookingbook .cut .point .text_box > .column2 > .column2 > p {
              height: 82px;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              align-content: center;
              line-height: 28px; } }
          @media screen and (max-width: 640px) {
            #cookingbook .cut .point .text_box > .column2 > .column2 > p {
              width: 100%;
              max-width: none !important;
              font-size: 15px;
              text-align: center;
              margin: 0 0 8px; } }
        #cookingbook .cut .point .text_box > .column2 > .column2 > div {
          width: 130px; }
          @media screen and (max-width: 640px) {
            #cookingbook .cut .point .text_box > .column2 > .column2 > div {
              width: 100%; } }
          #cookingbook .cut .point .text_box > .column2 > .column2 > div p {
            font-size: 15px;
            font-weight: bold;
            line-height: 27px;
            margin-top: 10px; }
            @media screen and (max-width: 640px) {
              #cookingbook .cut .point .text_box > .column2 > .column2 > div p {
                max-width: none !important; } }
            @media screen and (max-width: 320px) {
              #cookingbook .cut .point .text_box > .column2 > .column2 > div p {
                font-size: 12px;
                line-height: 20px; } }
  @media screen and (max-width: 640px) {
    #cookingbook .measure_area .ttl_box h3 {
      font-size: 14px !important;
      margin-left: 10px !important; }
      #cookingbook .measure_area .ttl_box h3 span {
        font-size: 15px !important; } }
  #cookingbook .measure_area img {
    margin-top: 40px; }
    @media screen and (max-width: 640px) {
      #cookingbook .measure_area img {
        margin-top: 30px; } }
  #cookingbook .measure .point {
    position: relative; }
    #cookingbook .measure .point > img {
      width: 200px;
      position: absolute;
      bottom: 15px;
      left: 0;
      margin: 0; }
      @media screen and (max-width: 640px) {
        #cookingbook .measure .point > img {
          width: 100px;
          margin: 0 auto;
          position: static; } }
    #cookingbook .measure .point .text_box {
      width: 815px;
      padding: 85px 85px 68px 130px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_measure/bg.png);
      box-sizing: border-box;
      margin-left: auto; }
      @media screen and (max-width: 640px) {
        #cookingbook .measure .point .text_box {
          width: 100%;
          padding: 60px 35px 50px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_measure/bg_sp.png);
          background-size: contain;
          margin-bottom: 5px; } }
      @media screen and (max-width: 320px) {
        #cookingbook .measure .point .text_box {
          padding: 50px 35px 45px; } }
      #cookingbook .measure .point .text_box h3 {
        width: 100%; }
        #cookingbook .measure .point .text_box h3:after {
          width: 75px;
          height: 34px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_measure/icon.png);
          top: -40px; }
          @media screen and (max-width: 640px) {
            #cookingbook .measure .point .text_box h3:after {
              width: 50px;
              height: 25px;
              top: -30px; } }
      #cookingbook .measure .point .text_box .column2 {
        width: 100%;
        align-items: center;
        flex-direction: row-reverse; }
        #cookingbook .measure .point .text_box .column2 p {
          width: 220px;
          font-size: 15px;
          line-height: 24px; }
          @media screen and (max-width: 640px) {
            #cookingbook .measure .point .text_box .column2 p {
              width: 100%; } }
          @media screen and (max-width: 320px) {
            #cookingbook .measure .point .text_box .column2 p {
              font-size: 12px;
              line-height: 20px; } }
        #cookingbook .measure .point .text_box .column2 img {
          width: 360px; }
          @media screen and (max-width: 640px) {
            #cookingbook .measure .point .text_box .column2 img {
              width: 100%;
              margin-bottom: 10px; } }
  @media screen and (max-width: 640px) {
    #cookingbook .seasoning .ttl_box {
      align-items: center !important; } }
  #cookingbook .seasoning_area > h4 {
    font-size: 22px;
    font-weight: bold;
    color: #d8271c;
    margin: 45px 0 20px 50px; }
    @media screen and (max-width: 640px) {
      #cookingbook .seasoning_area > h4 {
        font-size: 14px;
        text-align: center;
        margin: 35px 0 25px; } }
  #cookingbook .seasoning_area dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 640px) {
      #cookingbook .seasoning_area dl {
        display: block; } }
    #cookingbook .seasoning_area dl dt {
      width: 340px;
      margin: 8px 0; }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area dl dt {
          width: 100%;
          margin: 0 0 15px; } }
    #cookingbook .seasoning_area dl dd {
      width: 400px;
      font-size: 15px;
      font-weight: bold;
      line-height: 27px; }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area dl dd {
          width: 100%;
          margin-bottom: 35px; } }
  #cookingbook .seasoning_area .point {
    margin: 20px auto 50px;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .seasoning_area .point {
        max-width: 300px;
        margin-bottom: 40px; } }
    #cookingbook .seasoning_area .point > img {
      width: 160px;
      position: absolute;
      bottom: 30px;
      left: 0;
      margin: 0; }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area .point > img {
          width: 100px;
          margin: 0 auto;
          position: static; } }
    #cookingbook .seasoning_area .point .text_box {
      width: 670px;
      padding: 55px 0 60px;
      margin-left: auto; }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area .point .text_box {
          width: 100%;
          padding: 40px 25px;
          box-sizing: border-box;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_seasoning/bg02.png);
          background-size: contain;
          margin-bottom: 5px; }
          #cookingbook .seasoning_area .point .text_box h3 {
            width: 100%; } }
      @media screen and (max-width: 320px) {
        #cookingbook .seasoning_area .point .text_box {
          padding: 35px 25px 30px; } }
      #cookingbook .seasoning_area .point .text_box .column2 {
        width: 490px;
        align-items: center;
        flex-direction: row-reverse; }
        @media screen and (max-width: 640px) {
          #cookingbook .seasoning_area .point .text_box .column2 {
            width: 100%; } }
        #cookingbook .seasoning_area .point .text_box .column2 p {
          width: 220px;
          font-size: 15px;
          line-height: 24px; }
          @media screen and (max-width: 640px) {
            #cookingbook .seasoning_area .point .text_box .column2 p {
              width: 100%; } }
          @media screen and (max-width: 320px) {
            #cookingbook .seasoning_area .point .text_box .column2 p {
              font-size: 12px;
              line-height: 20px; } }
        #cookingbook .seasoning_area .point .text_box .column2 img {
          width: 250px; }
          @media screen and (max-width: 640px) {
            #cookingbook .seasoning_area .point .text_box .column2 img {
              width: 190px;
              margin: 0 auto 10px; } }
          @media screen and (max-width: 320px) {
            #cookingbook .seasoning_area .point .text_box .column2 img {
              width: 130px; } }
  #cookingbook .seasoning_area .know_what {
    width: 730px;
    padding: 25px;
    margin: 0 auto;
    align-items: center; }
    @media screen and (max-width: 640px) {
      #cookingbook .seasoning_area .know_what {
        width: 100%; } }
    #cookingbook .seasoning_area .know_what:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_seasoning/bg01.png); }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area .know_what:after {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_seasoning/bg01_sp.png); } }
    #cookingbook .seasoning_area .know_what > div {
      width: 230px; }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area .know_what > div {
          width: 100%; } }
      #cookingbook .seasoning_area .know_what > div h5 {
        font-size: 18px;
        font-weight: bold;
        line-height: 43px;
        text-align: center;
        color: #d8271c;
        margin: 20px 0 10px; }
        @media screen and (max-width: 640px) {
          #cookingbook .seasoning_area .know_what > div h5 {
            font-size: 13px;
            line-height: 100%;
            margin: 30px 0 15px; } }
        #cookingbook .seasoning_area .know_what > div h5 .line {
          position: relative; }
          #cookingbook .seasoning_area .know_what > div h5 .line:after {
            content: "";
            width: 100%;
            height: 3px;
            background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
            background-size: auto 100%;
            position: absolute;
            bottom: -8px;
            left: 0;
            display: block;
            visibility: visible; }
      #cookingbook .seasoning_area .know_what > div p {
        font-size: 15px;
        font-weight: bold;
        line-height: 27px; }
        @media screen and (max-width: 640px) {
          #cookingbook .seasoning_area .know_what > div p {
            margin-bottom: 30px; } }
    #cookingbook .seasoning_area .know_what table {
      width: 435px;
      background-color: #ffd1cc;
      border-radius: 12px; }
      @media screen and (max-width: 640px) {
        #cookingbook .seasoning_area .know_what table {
          width: 100%; } }
      #cookingbook .seasoning_area .know_what table tr {
        border-bottom: 1px #fff solid;
        font-weight: bold;
        text-align: center; }
        @media screen and (max-width: 640px) {
          #cookingbook .seasoning_area .know_what table tr {
            font-size: 10px; } }
        #cookingbook .seasoning_area .know_what table tr:first-child th {
          padding: 14px 0 8px;
          text-align: center !important; }
          @media screen and (min-width: 641px) {
            #cookingbook .seasoning_area .know_what table tr:first-child th {
              font-size: 12px; } }
          @media screen and (max-width: 640px) {
            #cookingbook .seasoning_area .know_what table tr:first-child th {
              padding: 10px 0 4px; } }
        #cookingbook .seasoning_area .know_what table tr:last-child {
          border: none; }
        #cookingbook .seasoning_area .know_what table tr th {
          border-right: 1px #fff solid;
          vertical-align: middle; }
          #cookingbook .seasoning_area .know_what table tr th:first-child {
            width: 150px;
            padding: 8px 18px 2px;
            box-sizing: border-box;
            text-align: left; }
            @media screen and (min-width: 641px) {
              #cookingbook .seasoning_area .know_what table tr th:first-child {
                font-size: 14px !important; } }
            @media screen and (max-width: 640px) {
              #cookingbook .seasoning_area .know_what table tr th:first-child {
                width: 100px;
                padding: 6px 10px 3px; } }
          #cookingbook .seasoning_area .know_what table tr th:last-child {
            border: none; }
        #cookingbook .seasoning_area .know_what table tr td {
          padding: 5px 0;
          border-right: 1px #fff solid;
          vertical-align: middle; }
          #cookingbook .seasoning_area .know_what table tr td:last-child {
            border: none; }
  @media screen and (max-width: 640px) {
    #cookingbook .words .wt_area .ttl_box {
      align-items: center;
      margin-bottom: 45px; }
      #cookingbook .words .wt_area .ttl_box:after {
        width: calc(100% - 140px);
        bottom: -8px; } }
  #cookingbook .words p {
    font-size: 15px;
    font-weight: bold;
    line-height: 27px; }
  #cookingbook .words .item1, #cookingbook .words .item2 {
    padding-bottom: 50px;
    margin: 50px 0;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .words .item1, #cookingbook .words .item2 {
        padding-bottom: 30px;
        margin: 0 0 30px; } }
    #cookingbook .words .item1:after, #cookingbook .words .item2:after {
      content: "";
      width: 100%;
      height: 3px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
      background-size: auto 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      visibility: visible; }
  #cookingbook .words .item1 > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px; }
    @media screen and (min-width: 641px) {
      #cookingbook .words .item1 > div:nth-of-type(1) .illust {
        margin-top: -15px; } }
    @media screen and (max-width: 640px) {
      #cookingbook .words .item1 > div {
        display: block;
        margin-bottom: 35px; } }
    #cookingbook .words .item1 > div:last-child {
      margin: 0; }
    #cookingbook .words .item1 > div h4 {
      width: 95px; }
      @media screen and (max-width: 640px) {
        #cookingbook .words .item1 > div h4 {
          width: 140px;
          margin: 0 auto 25px; } }
    #cookingbook .words .item1 > div p.red {
      color: #d8271c;
      margin-top: 25px; }
      @media screen and (max-width: 640px) {
        #cookingbook .words .item1 > div p.red {
          margin-top: 15px; } }
    #cookingbook .words .item1 > div ul {
      width: 640px;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 640px) {
        #cookingbook .words .item1 > div ul {
          width: 100%;
          display: block; } }
      #cookingbook .words .item1 > div ul li {
        width: 180px; }
        @media screen and (max-width: 640px) {
          #cookingbook .words .item1 > div ul li {
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 25px; }
            #cookingbook .words .item1 > div ul li:last-child {
              margin: 0; }
            #cookingbook .words .item1 > div ul li > img {
              width: 48%; }
            #cookingbook .words .item1 > div ul li > div {
              width: 48%; } }
        #cookingbook .words .item1 > div ul li .illust {
          margin: 10px 0; }
          @media screen and (max-width: 640px) {
            #cookingbook .words .item1 > div ul li .illust {
              margin: 0 0 5px; } }
        #cookingbook .words .item1 > div ul li h5 {
          width: 100%;
          padding: 9px 0 5px;
          background-color: #d8271c;
          border-radius: 12px;
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          color: #fff;
          margin: 10px 0; }
          @media screen and (max-width: 640px) {
            #cookingbook .words .item1 > div ul li h5 {
              border-radius: 10px;
              font-size: 12px;
              margin: 0 0 5px; } }
  #cookingbook .words .item2 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 640px) {
      #cookingbook .words .item2 {
        display: block; } }
    #cookingbook .words .item2:last-child {
      padding: 0;
      margin: 0; }
      #cookingbook .words .item2:last-child:after {
        display: none; }
    #cookingbook .words .item2 > div {
      width: 240px; }
      @media screen and (max-width: 640px) {
        #cookingbook .words .item2 > div {
          width: 100%; } }
      #cookingbook .words .item2 > div h4 {
        width: 210px;
        margin-bottom: 50px; }
        @media screen and (max-width: 640px) {
          #cookingbook .words .item2 > div h4 {
            width: 140px;
            margin: 0 auto 25px; } }
      #cookingbook .words .item2 > div h5 {
        font-size: 20px;
        font-weight: bold;
        color: #d8271c;
        margin: 30px 0 15px; }
        @media screen and (min-width: 641px) {
          #cookingbook .words .item2 > div h5:first-child {
            margin-top: 0; } }
        @media screen and (max-width: 640px) {
          #cookingbook .words .item2 > div h5 {
            font-size: 16px;
            margin: 20px 0 8px; } }
      #cookingbook .words .item2 > div .red {
        font-size: 17px;
        color: #d8271c;
        margin: 10px 0 5px; }
        @media screen and (max-width: 640px) {
          #cookingbook .words .item2 > div .red {
            font-size: 15px; } }
      #cookingbook .words .item2 > div .column2 {
        width: 100%;
        align-items: flex-start; }
        @media screen and (max-width: 640px) {
          #cookingbook .words .item2 > div .column2 {
            display: flex; } }
        #cookingbook .words .item2 > div .column2 p {
          width: 110px; }
          @media screen and (max-width: 640px) {
            #cookingbook .words .item2 > div .column2 p {
              width: 62%; } }
        #cookingbook .words .item2 > div .column2 img {
          width: 115px; }
          @media screen and (max-width: 640px) {
            #cookingbook .words .item2 > div .column2 img {
              width: 35%;
              margin-top: -20px; } }
  #cookingbook .dry_matter_area p {
    font-weight: bold; }
  #cookingbook .dry_matter_area .what {
    width: 530px;
    padding: 14px 0 6px;
    background-color: #faf0be;
    border-radius: 20px;
    font-size: 15px;
    text-align: center;
    margin: 10px 0 40px auto; }
    @media screen and (max-width: 640px) {
      #cookingbook .dry_matter_area .what {
        width: 100%;
        padding: 9px 28px 5px;
        box-sizing: border-box;
        border-radius: 50px;
        font-size: 13px;
        line-height: 28px;
        text-align: left;
        margin: 25px 0; } }
    #cookingbook .dry_matter_area .what .brown {
      color: #7a6223; }
      @media screen and (min-width: 641px) {
        #cookingbook .dry_matter_area .what .brown {
          margin-left: 20px; }
          #cookingbook .dry_matter_area .what .brown:first-of-type {
            margin: 0; } }
  #cookingbook .dry_matter_area ul {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 640px) {
      #cookingbook .dry_matter_area ul {
        display: block; } }
    #cookingbook .dry_matter_area ul:first-of-type {
      padding-bottom: 30px;
      margin-bottom: 40px;
      position: relative; }
      @media screen and (max-width: 640px) {
        #cookingbook .dry_matter_area ul:first-of-type {
          padding-bottom: 40px;
          margin-bottom: 30px; } }
      #cookingbook .dry_matter_area ul:first-of-type:after {
        content: "";
        width: 100%;
        height: 3px;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
        background-size: auto 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        visibility: visible; }
    #cookingbook .dry_matter_area ul li {
      width: 220px; }
      @media screen and (max-width: 640px) {
        #cookingbook .dry_matter_area ul li {
          width: 100%;
          margin-bottom: 45px; }
          #cookingbook .dry_matter_area ul li:last-child {
            margin: 0; } }
      #cookingbook .dry_matter_area ul li h4 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #d8271c;
        margin-bottom: 20px; }
        @media screen and (max-width: 640px) {
          #cookingbook .dry_matter_area ul li h4 {
            font-size: 14px;
            margin-bottom: 10px; } }
      #cookingbook .dry_matter_area ul li p {
        width: 190px;
        height: 54px;
        font-size: 15px;
        line-height: 27px;
        margin: 0 auto 5px; }
        @media screen and (max-width: 640px) {
          #cookingbook .dry_matter_area ul li p {
            width: 100%;
            height: auto;
            text-align: center;
            margin-bottom: 15px; } }
  #cookingbook .dry_matter_area .small {
    font-size: 12px;
    text-align: right;
    margin-top: 10px; }
    @media screen and (max-width: 640px) {
      #cookingbook .dry_matter_area .small {
        font-size: 10px;
        line-height: 12px;
        margin-top: 25px; } }
  #cookingbook .dry_matter_area .point {
    margin-top: 50px;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .dry_matter_area .point {
        max-width: 300px;
        margin-top: 25px; } }
    #cookingbook .dry_matter_area .point > img {
      width: 160px;
      position: absolute;
      bottom: 30px;
      left: 0;
      margin: 0; }
      @media screen and (max-width: 640px) {
        #cookingbook .dry_matter_area .point > img {
          width: 100px;
          margin: 0 auto;
          position: static; } }
    #cookingbook .dry_matter_area .point .text_box {
      width: 625px;
      padding: 65px 0 78px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_dry_matter/bg.png);
      margin-left: auto; }
      @media screen and (max-width: 640px) {
        #cookingbook .dry_matter_area .point .text_box {
          width: 100%;
          padding: 50px 25px 55px;
          box-sizing: border-box;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_cut/bg_sp.png);
          background-size: contain;
          margin-bottom: 5px; } }
      @media screen and (max-width: 320px) {
        #cookingbook .dry_matter_area .point .text_box {
          padding: 35px 25px; } }
      #cookingbook .dry_matter_area .point .text_box h3 {
        width: 430px;
        margin-bottom: 30px; }
        @media screen and (max-width: 640px) {
          #cookingbook .dry_matter_area .point .text_box h3 {
            width: 100%;
            margin-bottom: 20px; } }
        @media screen and (max-width: 320px) {
          #cookingbook .dry_matter_area .point .text_box h3 {
            margin-bottom: 15px; } }
        #cookingbook .dry_matter_area .point .text_box h3:before {
          content: "";
          width: 50px;
          height: 48px;
          background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_dry_matter/icon.png) no-repeat;
          background-size: 100%;
          position: absolute;
          top: -15px;
          right: 85px; }
          @media screen and (max-width: 640px) {
            #cookingbook .dry_matter_area .point .text_box h3:before {
              width: 34px;
              height: 32px;
              top: -8px;
              right: 30px; } }
      #cookingbook .dry_matter_area .point .text_box h4 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px; }
        @media screen and (max-width: 640px) {
          #cookingbook .dry_matter_area .point .text_box h4 {
            font-size: 15px;
            margin-bottom: 15px; } }
        @media screen and (max-width: 320px) {
          #cookingbook .dry_matter_area .point .text_box h4 {
            line-height: 20px;
            margin-bottom: 5px; } }
        #cookingbook .dry_matter_area .point .text_box h4 .line {
          padding-bottom: 5px;
          position: relative; }
          @media screen and (max-width: 320px) {
            #cookingbook .dry_matter_area .point .text_box h4 .line {
              display: block; } }
          #cookingbook .dry_matter_area .point .text_box h4 .line:after {
            content: "";
            width: 100%;
            height: 3px;
            background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
            background-size: auto 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            visibility: visible; }
            @media screen and (max-width: 640px) {
              #cookingbook .dry_matter_area .point .text_box h4 .line:after {
                height: 2px; } }
      #cookingbook .dry_matter_area .point .text_box p {
        width: 430px;
        font-size: 15px;
        line-height: 27px;
        margin: 0 auto; }
        @media screen and (max-width: 640px) {
          #cookingbook .dry_matter_area .point .text_box p {
            width: 100%; } }
        @media screen and (max-width: 320px) {
          #cookingbook .dry_matter_area .point .text_box p {
            font-size: 12px;
            line-height: 20px; } }
  #cookingbook .cookware .column2 {
    width: 100%;
    padding-top: 20px;
    margin-top: 30px;
    position: relative;
    z-index: 9; }
    @media screen and (min-width: 641px) {
      #cookingbook .cookware .column2:after {
        content: "";
        width: 3px;
        height: 100%;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_cookware/line.png);
        background-size: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        display: block;
        visibility: visible; } }
    #cookingbook .cookware .column2 ul {
      width: 50%; }
      @media screen and (max-width: 640px) {
        #cookingbook .cookware .column2 ul {
          width: 100%;
          margin-bottom: 50px; }
          #cookingbook .cookware .column2 ul:last-child {
            margin: 0; } }
      #cookingbook .cookware .column2 ul li {
        position: relative;
        margin-bottom: 50px; }
        #cookingbook .cookware .column2 ul li:last-child {
          margin-bottom: 0; }
        #cookingbook .cookware .column2 ul li .text_box {
          width: 170px; }
          @media screen and (max-width: 640px) {
            #cookingbook .cookware .column2 ul li .text_box {
              width: 125px; } }
          #cookingbook .cookware .column2 ul li .text_box h4 {
            background-color: #fff;
            font-size: 19px;
            font-weight: bold;
            line-height: 34px;
            color: #d8271c;
            position: relative; }
            @media screen and (max-width: 640px) {
              #cookingbook .cookware .column2 ul li .text_box h4 {
                font-size: 16px;
                line-height: 28px; } }
            #cookingbook .cookware .column2 ul li .text_box h4:before {
              content: "";
              width: 200px;
              height: 1px;
              background-color: #d8271c;
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              z-index: -1; }
              @media screen and (max-width: 640px) {
                #cookingbook .cookware .column2 ul li .text_box h4:before {
                  width: 150px; } }
            #cookingbook .cookware .column2 ul li .text_box h4:after {
              content: "";
              width: 13px;
              height: 13px;
              background-color: #d8271c;
              border-radius: 50%;
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              display: block;
              visibility: visible; }
          #cookingbook .cookware .column2 ul li .text_box p {
            font-size: 15px;
            line-height: 27px; }
        #cookingbook .cookware .column2 ul li img {
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          z-index: -2; }
          @media screen and (max-width: 640px) {
            #cookingbook .cookware .column2 ul li img {
              margin: 0; } }
      #cookingbook .cookware .column2 ul.left li:nth-child(1) {
        padding: 10px 0; }
      #cookingbook .cookware .column2 ul.left li:nth-child(5) img {
        top: -50px; }
      #cookingbook .cookware .column2 ul.left li .text_box h4 {
        width: max-content;
        padding-right: 5px; }
        #cookingbook .cookware .column2 ul.left li .text_box h4:before {
          left: 0; }
        #cookingbook .cookware .column2 ul.left li .text_box h4:after {
          left: 200px; }
          @media screen and (max-width: 640px) {
            #cookingbook .cookware .column2 ul.left li .text_box h4:after {
              left: 150px; } }
      #cookingbook .cookware .column2 ul.left li img {
        width: 230px;
        right: 0; }
        @media screen and (max-width: 640px) {
          #cookingbook .cookware .column2 ul.left li img {
            width: 175px; } }
      #cookingbook .cookware .column2 ul.right li:nth-child(7) h4:before {
        width: 200px !important; }
        @media screen and (max-width: 640px) {
          #cookingbook .cookware .column2 ul.right li:nth-child(7) h4:before {
            width: 150px !important; } }
      #cookingbook .cookware .column2 ul.right li:nth-child(7) h4:after {
        right: 200px !important; }
        @media screen and (max-width: 640px) {
          #cookingbook .cookware .column2 ul.right li:nth-child(7) h4:after {
            right: 150px !important; } }
      #cookingbook .cookware .column2 ul.right li .text_box {
        width: 175px;
        margin-left: auto; }
        @media screen and (max-width: 640px) {
          #cookingbook .cookware .column2 ul.right li .text_box {
            width: 130px; } }
        #cookingbook .cookware .column2 ul.right li .text_box h4, #cookingbook .cookware .column2 ul.right li .text_box p {
          padding-left: 5px; }
        #cookingbook .cookware .column2 ul.right li .text_box h4:before {
          width: 220px;
          right: 0; }
          @media screen and (max-width: 640px) {
            #cookingbook .cookware .column2 ul.right li .text_box h4:before {
              width: 170px; } }
        #cookingbook .cookware .column2 ul.right li .text_box h4:after {
          right: 220px; }
          @media screen and (max-width: 640px) {
            #cookingbook .cookware .column2 ul.right li .text_box h4:after {
              right: 170px; } }
      #cookingbook .cookware .column2 ul.right li img {
        width: 190px;
        left: 20px; }
        @media screen and (max-width: 640px) {
          #cookingbook .cookware .column2 ul.right li img {
            width: 145px;
            left: 10px; } }
  @media screen and (max-width: 640px) {
    #cookingbook .together h2.together_ttl {
      margin-bottom: 25px; }
      #cookingbook .together h2.together_ttl:after {
        top: -15px; } }
  #cookingbook .together_area h3 {
    padding: 10px 0 50px;
    background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/icon01.png) no-repeat;
    background-size: 100%;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      #cookingbook .together_area h3 {
        padding: 0 0 18px 90px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/icon01_sp.png);
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 25px; } }
    #cookingbook .together_area h3 .color {
      font-size: 29px;
      color: #22b273; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area h3 .color {
          font-size: 18px; } }
  #cookingbook .together_area > div {
    position: relative;
    z-index: 9; }
    #cookingbook .together_area > div:after {
      content: "";
      width: 3px;
      height: calc(100% - 450px);
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/kihon_cookware/line.png);
      background-size: 100%;
      position: absolute;
      top: 0;
      left: 75px;
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area > div:after {
          top: 50px;
          left: 10px; } }
  #cookingbook .together_area table {
    margin-bottom: 120px;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .together_area table {
        margin-bottom: 50px;
        display: block; }
        #cookingbook .together_area table tbody {
          display: block; } }
    #cookingbook .together_area table:after {
      content: "";
      width: 670px;
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area table:after {
          width: 100%; } }
    #cookingbook .together_area table:last-child {
      margin: 0; }
    @media screen and (min-width: 641px) {
      #cookingbook .together_area table tr:nth-child(1) td {
        padding-top: 0; } }
    @media screen and (max-width: 640px) {
      #cookingbook .together_area table tr {
        display: block; } }
    #cookingbook .together_area table tr th {
      width: 150px;
      padding: 50px 0;
      background-repeat: no-repeat;
      background-size: 100%;
      font-size: 20px;
      color: #fff; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area table tr th {
          width: 100%;
          padding: 38px 0;
          background-size: auto 100%;
          background-position: center;
          display: block;
          font-size: 14px;
          position: relative;
          z-index: 9; }
          #cookingbook .together_area table tr th:after {
            content: "";
            width: calc(50% - 65px);
            height: 3px;
            background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
            background-size: auto 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 10px;
            margin: auto;
            z-index: -1;
            display: block;
            visibility: visible; } }
    #cookingbook .together_area table tr td {
      width: 210px;
      padding: 30px 0 0 15px;
      box-sizing: border-box;
      font-size: 15px;
      line-height: 27px;
      vertical-align: top; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area table tr td {
          width: 100%;
          padding: 15px 10px 0 35px;
          display: block; }
          #cookingbook .together_area table tr td img {
            width: 80%;
            display: block;
            margin: 15px auto 0; } }
      #cookingbook .together_area table tr td .red {
        font-size: 17px;
        font-weight: bold;
        color: #d8271c;
        display: block;
        margin-bottom: 10px; }
        @media screen and (max-width: 640px) {
          #cookingbook .together_area table tr td .red {
            font-size: 14px;
            margin-bottom: 5px; } }
      #cookingbook .together_area table tr td.img_box {
        vertical-align: middle; }
        @media screen and (max-width: 640px) {
          #cookingbook .together_area table tr td.img_box {
            display: none; } }
    #cookingbook .together_area table:nth-of-type(2n+1):after {
      height: 330px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg03.png); }
    #cookingbook .together_area table:nth-of-type(2n+1) th {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg01.png); }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area table:nth-of-type(2n+1) th {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg01_sp.png); } }
    #cookingbook .together_area table:nth-of-type(2n):after {
      height: 440px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg04.png); }
    #cookingbook .together_area table:nth-of-type(2n) th {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg02.png); }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area table:nth-of-type(2n) th {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg02_sp.png); } }
    @media screen and (max-width: 640px) {
      #cookingbook .together_area table:nth-of-type(1):after {
        height: 675px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg03_1_sp.png); }
      #cookingbook .together_area table:nth-of-type(2):after {
        height: 850px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg04_1_sp.png); }
      #cookingbook .together_area table:nth-of-type(3):after {
        height: 345px;
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg03_2_sp.png); }
      #cookingbook .together_area table:nth-of-type(4) {
        position: relative;
        z-index: 9; }
        #cookingbook .together_area table:nth-of-type(4):before {
          content: "";
          width: 10px;
          height: calc(100% - 48px);
          background-color: #fff;
          position: absolute;
          bottom: 0;
          left: 7px;
          z-index: -2; }
        #cookingbook .together_area table:nth-of-type(4):after {
          height: 910px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg04_2_sp.png); } }
  #cookingbook .together_area .know_what {
    width: 670px;
    padding: 40px 30px 30px;
    margin: -65px 0 65px auto; }
    @media screen and (max-width: 640px) {
      #cookingbook .together_area .know_what {
        width: 84.6%;
        padding: 35px 20px;
        margin: 0 10px 25px auto; } }
    #cookingbook .together_area .know_what:after {
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg05.png); }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area .know_what:after {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/bg05_sp.png); } }
    #cookingbook .together_area .know_what.hashi h5 {
      width: max-content;
      padding-bottom: 10px;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
      position: relative; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area .know_what.hashi h5 {
          font-size: 14px;
          margin: 0 auto 10px; } }
      #cookingbook .together_area .know_what.hashi h5:after {
        content: "";
        width: 100%;
        height: 3px;
        background-size: auto 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        visibility: visible; }
    #cookingbook .together_area .know_what.hashi p {
      line-height: 27px; }
      #cookingbook .together_area .know_what.hashi p br {
        display: none; }
    #cookingbook .together_area .know_what.hashi .left {
      width: 335px; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area .know_what.hashi .left {
          width: 100%;
          margin-bottom: 25px; } }
      #cookingbook .together_area .know_what.hashi .left h5 {
        color: #d95282; }
        @media screen and (min-width: 641px) {
          #cookingbook .together_area .know_what.hashi .left h5 {
            margin: 10px 0 10px 20px; } }
        #cookingbook .together_area .know_what.hashi .left h5:after {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/line01.png); }
      #cookingbook .together_area .know_what.hashi .left > div {
        padding-right: 110px;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: right center;
        display: flex;
        margin-bottom: 20px; }
        @media screen and (max-width: 640px) {
          #cookingbook .together_area .know_what.hashi .left > div {
            padding-right: 80px;
            background-size: 80px;
            margin-bottom: 10px; } }
        #cookingbook .together_area .know_what.hashi .left > div:nth-of-type(1) {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/icon06_1.png); }
        #cookingbook .together_area .know_what.hashi .left > div:nth-of-type(2) {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/icon06_2.png); }
        #cookingbook .together_area .know_what.hashi .left > div:nth-of-type(3) {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/icon06_3.png); }
        #cookingbook .together_area .know_what.hashi .left > div:nth-of-type(4) {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/icon06_4.png);
          margin: 0; }
        #cookingbook .together_area .know_what.hashi .left > div .pink {
          font-size: 14px;
          color: #d95282;
          margin-right: 5px; }
    #cookingbook .together_area .know_what.hashi .right {
      width: 260px; }
      @media screen and (max-width: 640px) {
        #cookingbook .together_area .know_what.hashi .right {
          width: 100%; } }
      #cookingbook .together_area .know_what.hashi .right h5 {
        color: #00b8ee; }
        #cookingbook .together_area .know_what.hashi .right h5:after {
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_procedure/line02.png); }
      #cookingbook .together_area .know_what.hashi .right p .blue {
        color: #00b8ee;
        display: block; }
  @media screen and (max-width: 640px) {
    #cookingbook .safety h2.together_ttl:before {
      top: 10px; } }
  #cookingbook .safety .together_area h3 {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_safety/icon01.png);
    margin-bottom: 75px; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area h3 {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_safety/icon01_sp.png);
        margin-bottom: 45px; } }
    #cookingbook .safety .together_area h3 .color {
      color: #109bd6; }
  #cookingbook .safety .together_area h4 {
    width: 370px;
    padding: 14px 0 6px;
    background-color: #d8271c;
    border-radius: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area h4 {
        width: 275px;
        padding: 7px 0;
        font-size: 16px; } }
    #cookingbook .safety .together_area h4:after {
      content: "";
      width: 397px;
      height: 92px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_safety/bg01.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: -25px;
      left: -15px;
      pointer-events: none;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #cookingbook .safety .together_area h4:after {
          width: 300px;
          height: 70px;
          top: -20px;
          left: -12px; } }
  #cookingbook .safety .together_area > div {
    position: relative; }
    #cookingbook .safety .together_area > div:after {
      content: "";
      width: 100%;
      height: 3px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/ttl_line.png);
      background-size: auto 100%;
      position: absolute;
      top: auto;
      bottom: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible; }
    #cookingbook .safety .together_area > div ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 640px) {
        #cookingbook .safety .together_area > div ul {
          display: block; } }
      #cookingbook .safety .together_area > div ul li {
        width: 220px;
        margin: 15px 15px 0 0; }
        @media screen and (min-width: 641px) {
          #cookingbook .safety .together_area > div ul li:nth-child(3n) {
            margin-right: 0; } }
        @media screen and (max-width: 640px) {
          #cookingbook .safety .together_area > div ul li {
            width: 86%;
            margin: 0 auto 20px; }
            #cookingbook .safety .together_area > div ul li:last-child {
              margin-bottom: 0; } }
        #cookingbook .safety .together_area > div ul li h5 {
          font-size: 17px;
          font-weight: bold;
          line-height: 27px;
          color: #d8271c; }
          @media screen and (max-width: 640px) {
            #cookingbook .safety .together_area > div ul li h5 {
              font-size: 14px;
              line-height: 20px; } }
        #cookingbook .safety .together_area > div ul li p {
          font-size: 15px;
          line-height: 27px; }
  #cookingbook .safety .together_area .item1 {
    width: 100%;
    padding: 0 65px 40px 50px;
    box-sizing: border-box;
    margin-bottom: 55px;
    align-items: flex-start; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area .item1 {
        padding: 0 0 30px;
        margin-bottom: 25px; } }
    #cookingbook .safety .together_area .item1 > div {
      width: 370px; }
      @media screen and (max-width: 640px) {
        #cookingbook .safety .together_area .item1 > div {
          width: 100%; } }
      #cookingbook .safety .together_area .item1 > div h4 {
        margin-bottom: 30px; }
        @media screen and (max-width: 640px) {
          #cookingbook .safety .together_area .item1 > div h4 {
            margin: 0 auto 20px; } }
      #cookingbook .safety .together_area .item1 > div p {
        font-size: 15px;
        line-height: 27px; }
    #cookingbook .safety .together_area .item1 img {
      width: 250px; }
      @media screen and (max-width: 640px) {
        #cookingbook .safety .together_area .item1 img {
          width: 190px;
          margin: 20px auto 0; } }
  #cookingbook .safety .together_area .item2 {
    padding-bottom: 50px;
    margin-bottom: 75px;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area .item2 {
        padding-bottom: 30px;
        margin-bottom: 45px; } }
    #cookingbook .safety .together_area .item2:before {
      content: "";
      width: 125px;
      height: 165px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_safety/illust02.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: -25px;
      right: 35px;
      z-index: 9;
      pointer-events: none; }
      @media screen and (max-width: 640px) {
        #cookingbook .safety .together_area .item2:before {
          width: 85px;
          height: 115px;
          top: 20px;
          right: 0; } }
    #cookingbook .safety .together_area .item2 > div {
      padding: 80px 0 82px;
      background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_safety/bg02.png) no-repeat;
      background-size: 100%; }
      @media screen and (max-width: 640px) {
        #cookingbook .safety .together_area .item2 > div {
          padding: 35px 0 50px;
          background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/together_safety/bg02_sp.png); } }
      #cookingbook .safety .together_area .item2 > div h4 {
        margin: 0 auto 20px; }
        @media screen and (max-width: 640px) {
          #cookingbook .safety .together_area .item2 > div h4 {
            width: 180px;
            padding: 7px 20px;
            box-sizing: border-box;
            border-radius: 30px;
            font-size: 14px;
            text-align: left;
            line-height: 18px;
            margin: 0 0 15px 15px; } }
      #cookingbook .safety .together_area .item2 > div > p {
        width: 330px;
        font-size: 12px;
        text-align: right;
        margin: 0 auto 5px; }
        @media screen and (max-width: 640px) {
          #cookingbook .safety .together_area .item2 > div > p {
            width: 180px;
            font-size: 10px;
            margin: 0 0 25px 15px; } }
      #cookingbook .safety .together_area .item2 > div ul li h5 {
        display: flex;
        align-items: center;
        margin-bottom: 15px; }
        @media screen and (max-width: 640px) {
          #cookingbook .safety .together_area .item2 > div ul li h5 {
            margin-bottom: 10px; } }
        #cookingbook .safety .together_area .item2 > div ul li h5 img {
          width: 56px;
          margin-right: 10px; }
          @media screen and (max-width: 640px) {
            #cookingbook .safety .together_area .item2 > div ul li h5 img {
              width: 45px;
              margin-right: 5px; } }
  #cookingbook .safety .together_area .item3:after {
    display: none; }
  #cookingbook .safety .together_area .item3 h4 {
    margin: 0 auto 50px; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area .item3 h4 {
        margin-bottom: 40px; } }
  @media screen and (max-width: 640px) {
    #cookingbook .safety .together_area .item3 ul li {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 35px; }
      #cookingbook .safety .together_area .item3 ul li > div {
        width: 54%; }
      #cookingbook .safety .together_area .item3 ul li img {
        width: 45%; } }
  #cookingbook .safety .together_area .item3 ul li h5 {
    height: 45px;
    padding-left: 18px;
    margin-bottom: 15px;
    position: relative; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area .item3 ul li h5 {
        height: auto;
        margin-bottom: 10px; } }
    #cookingbook .safety .together_area .item3 ul li h5:before {
      content: "◆";
      position: absolute;
      top: 0;
      left: 0; }
  #cookingbook .safety .together_area .item3 ul li p {
    margin-bottom: 30px; }
    @media screen and (max-width: 640px) {
      #cookingbook .safety .together_area .item3 ul li p {
        margin: 0; } }
  #cookingbook .know_what {
    box-sizing: border-box;
    background-color: #ccb54b;
    border-radius: 12px;
    position: relative;
    z-index: 9; }
    #cookingbook .know_what:after {
      content: "";
      width: calc(100% - 30px);
      height: calc(100% - 30px);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      z-index: -1;
      display: block;
      visibility: visible; }
      @media screen and (max-width: 640px) {
        #cookingbook .know_what:after {
          width: calc(100% - 20px);
          height: calc(100% - 20px); } }
    #cookingbook .know_what h4 {
      width: 205px;
      position: absolute;
      top: -25px;
      left: 40px; }
      @media screen and (max-width: 640px) {
        #cookingbook .know_what h4 {
          width: 155px;
          top: -20px;
          left: 35px; } }
  #cookingbook .iroha {
    margin-top: 35px; }
    #cookingbook .iroha .ttl {
      margin-bottom: 20px; }
    #cookingbook .iroha > p {
      width: 100%;
      height: 64px;
      font-weight: bold;
      line-height: 26px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 40px;
      position: relative;
      z-index: 9; }
      @media screen and (min-width: 641px) {
        #cookingbook .iroha > p {
          font-size: 16px; } }
      @media screen and (max-width: 640px) {
        #cookingbook .iroha > p {
          height: 56px;
          line-height: 22px;
          margin-bottom: 20px; } }
      #cookingbook .iroha > p:after {
        content: "";
        width: 100%;
        height: 100%;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg07.png) no-repeat;
        background-size: 100%;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible; }
        @media screen and (max-width: 640px) {
          #cookingbook .iroha > p:after {
            background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/cookingbook/bg07_sp.png);
            background-size: 352px; } }
    #cookingbook .iroha ul li {
      margin-bottom: 50px; }
      @media screen and (max-width: 640px) {
        #cookingbook .iroha ul li {
          margin-bottom: 30px; } }
      #cookingbook .iroha ul li h3 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 15px; }
        @media screen and (max-width: 640px) {
          #cookingbook .iroha ul li h3 {
            font-size: 16px; } }
      #cookingbook .iroha ul li p {
        line-height: 25px;
        margin-top: 5px; }
        @media screen and (max-width: 640px) {
          #cookingbook .iroha ul li p {
            line-height: 20px; } }

#howto {
  /* 共通 */
  /* howto */
  /* newidea */ }
  #howto .column2 {
    width: 100%; }
  #howto .howto_ttl {
    margin: 45px 0 40px; }
    @media screen and (max-width: 640px) {
      #howto .howto_ttl {
        margin: 25px 0; } }
    #howto .howto_ttl h2 {
      height: 40px;
      background-repeat: no-repeat;
      background-size: auto 38px;
      background-position: center; }
      @media screen and (max-width: 640px) {
        #howto .howto_ttl h2 {
          height: 32px;
          background-size: auto 100%; } }
      #howto .howto_ttl h2 a {
        display: flex;
        align-items: center;
        justify-content: center; }
        #howto .howto_ttl h2 a .ttl_icon {
          height: auto;
          margin-right: 15px; }
          @media screen and (max-width: 640px) {
            #howto .howto_ttl h2 a .ttl_icon {
              margin-right: 10px; } }
        #howto .howto_ttl h2 a img {
          width: auto;
          height: 22px; }
          @media screen and (max-width: 640px) {
            #howto .howto_ttl h2 a img {
              height: 14px; } }
    #howto .howto_ttl p {
      font-size: 16px;
      line-height: 25px;
      text-align: center;
      margin-top: 30px; }
      @media screen and (max-width: 640px) {
        #howto .howto_ttl p {
          font-size: 12px;
          line-height: 20px;
          margin-top: 10px; } }
  #howto .howto_btn li {
    width: 49%; }
    @media screen and (max-width: 640px) {
      #howto .howto_btn li {
        width: 100%;
        margin-bottom: 10px; } }
    #howto .howto_btn li a {
      width: 100%;
      height: 70px;
      border: 1px solid;
      border-radius: 5px;
      box-sizing: border-box;
      box-shadow: 2px 4px 0 #ccb54b;
      font-size: 17px;
      font-weight: bold;
      line-height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      @media screen and (max-width: 640px) {
        #howto .howto_btn li a {
          height: 55px;
          box-shadow: 1px 3px 0 #ccb54b;
          font-size: 14px; } }
      #howto .howto_btn li a:after {
        content: "";
        width: 14px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        position: absolute;
        top: 0;
        right: 30px;
        display: block;
        visibility: visible; }
        @media screen and (max-width: 640px) {
          #howto .howto_btn li a:after {
            width: 12px;
            right: 20px; } }
      #howto .howto_btn li a img {
        width: auto;
        height: 38px;
        margin-right: 20px; }
        @media screen and (max-width: 640px) {
          #howto .howto_btn li a img {
            height: 30px;
            margin-right: 15px; } }
    #howto .howto_btn li.milk a {
      border-color: #109bd6;
      color: #109bd6 !important; }
      #howto .howto_btn li.milk a:after {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/arrow01.png); }
    #howto .howto_btn li.choco a {
      border-color: #42210b;
      color: #42210b !important; }
      #howto .howto_btn li.choco a:after {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/arrow02.png); }
  #howto .howto_area .ttl_box {
    align-items: center;
    margin: 60px 0 40px; }
    @media screen and (max-width: 640px) {
      #howto .howto_area .ttl_box {
        margin: 30px 0 25px; } }
    #howto .howto_area .ttl_box img {
      width: 290px; }
      @media screen and (max-width: 640px) {
        #howto .howto_area .ttl_box img {
          width: 200px;
          margin: 0 auto 15px; } }
    #howto .howto_area .ttl_box .text_box {
      width: 625px;
      height: 170px;
      display: flex;
      align-items: center;
      position: relative; }
      @media screen and (max-width: 640px) {
        #howto .howto_area .ttl_box .text_box {
          width: 100%;
          height: auto;
          padding: 20px 0; } }
      #howto .howto_area .ttl_box .text_box:before, #howto .howto_area .ttl_box .text_box:after {
        content: "";
        width: 100%;
        height: 3px;
        background-size: auto 100%;
        position: absolute;
        left: 0;
        display: block;
        visibility: visible; }
      #howto .howto_area .ttl_box .text_box:before {
        top: 0; }
      #howto .howto_area .ttl_box .text_box:after {
        bottom: 0; }
      #howto .howto_area .ttl_box .text_box p {
        font-size: 15px;
        line-height: 25px; }
        @media screen and (max-width: 640px) {
          #howto .howto_area .ttl_box .text_box p {
            font-size: 12px;
            line-height: 22px; } }
  #howto .howto_area.milk .text_box:before, #howto .howto_area.milk .text_box:after {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/line01.png); }
  #howto .howto_area.choco .text_box:before, #howto .howto_area.choco .text_box:after {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/line02.png); }
  #howto .howto_list li {
    margin-top: 30px; }
    @media screen and (max-width: 640px) {
      #howto .howto_list li {
        margin-top: 15px; } }
    #howto .howto_list li img {
      border-radius: 5px; }
    #howto .howto_list li p {
      padding: 0 12px 0 45px;
      font-size: 16px;
      font-weight: bold;
      line-height: 22px;
      color: #7a6223;
      margin-top: 12px;
      position: relative; }
      @media screen and (max-width: 640px) {
        #howto .howto_list li p {
          padding: 0 8px 0 25px;
          font-size: 10px;
          line-height: 13px;
          margin-top: 6px; } }
      #howto .howto_list li p:after {
        content: "";
        width: 22px;
        height: 22px;
        background: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/arrow03.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 12px;
        display: block;
        visibility: visible; }
        @media screen and (max-width: 640px) {
          #howto .howto_list li p:after {
            width: 13px;
            height: 13px;
            left: 8px; } }
  #howto .wt_area p {
    font-size: 15px;
    line-height: 25px; }
    @media screen and (max-width: 640px) {
      #howto .wt_area p {
        font-size: 12px;
        line-height: 20px; } }
    #howto .wt_area p .bold {
      font-weight: bold;
      color: #7a6223; }
      #howto .wt_area p .bold.line {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px #7a6223 solid;
        display: block; }
  #howto .wt_area .ttl_line {
    padding-bottom: 10px;
    border-bottom: 2px solid;
    font-size: 23px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px; }
    @media screen and (max-width: 640px) {
      #howto .wt_area .ttl_line {
        padding-bottom: 5px;
        border-width: 1px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px; } }
    #howto .wt_area .ttl_line.small {
      padding-bottom: 5px;
      font-size: 15px;
      line-height: 20px;
      margin-bottom: 15px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .ttl_line.small {
          font-size: 12px;
          margin-bottom: 10px; } }
      #howto .wt_area .ttl_line.small img {
        width: auto;
        height: 22px;
        display: inline-block;
        vertical-align: -5px;
        margin-right: 10px; }
        @media screen and (max-width: 640px) {
          #howto .wt_area .ttl_line.small img {
            height: 18px;
            vertical-align: -4px;
            margin-right: 5px; } }
    #howto .wt_area .ttl_line.sub {
      padding: 0;
      border: none;
      font-size: 20px;
      line-height: 24px;
      color: #333 !important;
      margin: 40px 0 20px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .ttl_line.sub {
          font-size: 16px;
          line-height: 20px;
          margin: 20px 0 10px; } }
    #howto .wt_area .ttl_line.milk {
      border-color: #109bd6;
      color: #109bd6; }
      #howto .wt_area .ttl_line.milk.sub span {
        color: #109bd6; }
    #howto .wt_area .ttl_line.choco {
      border-color: #42210b;
      color: #42210b; }
      #howto .wt_area .ttl_line.choco.sub span {
        color: #42210b; }
  #howto .wt_area > .ttl_line.small {
    margin-top: 20px; }
  #howto .wt_area > h5 {
    margin-top: 20px; }
  #howto .wt_area .column2 {
    align-items: flex-start;
    margin: 25px 0 40px; }
    #howto .wt_area .column2:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 640px) {
      #howto .wt_area .column2 {
        margin: 20px 0; }
        #howto .wt_area .column2 .ttl_line {
          margin-top: 15px; } }
    #howto .wt_area .column2 .img_box,
    #howto .wt_area .column2 .text_box {
      width: 380px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .column2 .img_box,
        #howto .wt_area .column2 .text_box {
          width: 100%;
          margin-bottom: 20px; }
          #howto .wt_area .column2 .img_box:last-child,
          #howto .wt_area .column2 .text_box:last-child {
            margin-bottom: 0; } }
      #howto .wt_area .column2 .img_box .ttl_line.small,
      #howto .wt_area .column2 .text_box .ttl_line.small {
        margin-top: 20px; }
        #howto .wt_area .column2 .img_box .ttl_line.small:first-child,
        #howto .wt_area .column2 .text_box .ttl_line.small:first-child {
          margin-top: 0; }
    #howto .wt_area .column2 .img_box p {
      font-size: 12px;
      line-height: 18px;
      font-weight: bold;
      color: #7a6223;
      margin-top: 5px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .column2 .img_box p {
          font-size: 10px;
          line-height: 14px; } }
  #howto .wt_area .recipe_item li {
    padding: 7px 0;
    border-bottom: 1px #ccc dotted;
    display: flex;
    justify-content: space-between; }
    #howto .wt_area .recipe_item li:first-child {
      padding-top: 0; }
    #howto .wt_area .recipe_item li p {
      font-size: 14px;
      line-height: 20px; }
      #howto .wt_area .recipe_item li p:nth-child(2) {
        white-space: nowrap;
        margin-left: 20px; }
  #howto .wt_area .recipe_make {
    margin-top: 15px; }
    @media screen and (max-width: 640px) {
      #howto .wt_area .recipe_make {
        margin-top: 10px; }
        #howto .wt_area .recipe_make.cornet li {
          margin-top: 0; }
          #howto .wt_area .recipe_make.cornet li:first-child {
            width: 100%;
            margin-bottom: 10px; } }
    #howto .wt_area .recipe_make li img {
      border-radius: 5px;
      margin-bottom: 15px; }
    #howto .wt_area .recipe_make li .bold {
      font-size: 12px;
      line-height: 18px;
      font-weight: bold;
      color: #7a6223;
      margin: -10px 0 10px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .recipe_make li .bold {
          line-height: 16px;
          margin-bottom: 5px; } }
    #howto .wt_area .recipe_make li p {
      font-size: 14px;
      line-height: 22px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .recipe_make li p {
          font-size: 12px;
          line-height: 18px; } }
      #howto .wt_area .recipe_make li p span {
        font-weight: bold;
        color: #9ecd65; }
      #howto .wt_area .recipe_make li p a {
        display: inline-block;
        color: #d8271c !important; }
  #howto .wt_area .advice {
    width: 100%;
    margin: 40px 0 0; }
    @media screen and (max-width: 640px) {
      #howto .wt_area .advice {
        margin-top: 20px;
        display: block; }
        #howto .wt_area .advice h3 {
          margin: 0 auto 15px; }
        #howto .wt_area .advice > div {
          width: 100%; }
          #howto .wt_area .advice > div img {
            width: 60%;
            margin: 0 auto 10px; } }
    #howto .wt_area .advice p {
      line-height: 26px; }
      @media screen and (max-width: 640px) {
        #howto .wt_area .advice p {
          line-height: 18px; } }
      #howto .wt_area .advice p span {
        font-weight: bold; }
  #howto .wt_area .howto_btn li {
    margin: 30px auto 0; }
    @media screen and (max-width: 640px) {
      #howto .wt_area .howto_btn li {
        margin-top: 20px; } }
    #howto .wt_area .howto_btn li.milk a:after {
      width: 8px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/arrow04.png); }
    #howto .wt_area .howto_btn li.choco a:after {
      width: 8px;
      background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/arrow05.png); }
  #howto .recipe_list {
    margin: 80px auto; }
    @media screen and (max-width: 640px) {
      #howto .recipe_list {
        margin: 40px auto; } }
    #howto .recipe_list .ttl {
      margin-bottom: 35px; }
      @media screen and (max-width: 640px) {
        #howto .recipe_list .ttl:before, #howto .recipe_list .ttl:after {
          width: calc(50% - 150px); } }
    #howto .recipe_list .btn {
      margin: 40px auto 0; }
      @media screen and (max-width: 640px) {
        #howto .recipe_list .btn {
          margin-top: 25px; } }
  #howto .ttl_ribbon {
    padding: 18px 0 52px;
    background: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/detail/newidea/ribbon01.png) no-repeat;
    background-size: auto 100%;
    background-position: center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #7a6223; }
    @media screen and (max-width: 640px) {
      #howto .ttl_ribbon {
        min-width: 300px;
        padding: 12px 0 40px;
        font-size: 14px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: auto; } }
  #howto h5 {
    padding-left: 16px;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
    color: #7a6223;
    margin: 15px 0 5px;
    position: relative; }
    @media screen and (max-width: 640px) {
      #howto h5 {
        padding-left: 12px;
        font-size: 12px;
        line-height: 18px; } }
    #howto h5:nth-child(1) {
      margin-top: 0; }
    #howto h5:after {
      content: "◆";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      visibility: visible; }
  #howto .howto .column4,
  #howto .newidea .column4 {
    width: 100%; }
    #howto .howto .column4 li,
    #howto .newidea .column4 li {
      width: 24%;
      padding: 0;
      margin-right: 1.33%; }
      @media screen and (min-width: 641px) {
        #howto .howto .column4 li:last-child,
        #howto .newidea .column4 li:last-child {
          margin: 0; } }
      @media screen and (max-width: 640px) {
        #howto .howto .column4 li,
        #howto .newidea .column4 li {
          width: 48.5%;
          margin-right: 3%; }
          #howto .howto .column4 li:nth-child(2n),
          #howto .newidea .column4 li:nth-child(2n) {
            margin-right: 0; } }
  #howto .howto .howto_ttl h2 {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/ttl_frame01.png); }
    @media screen and (max-width: 640px) {
      #howto .howto .howto_ttl h2 {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/ttl_frame01_sp.png); } }
    #howto .howto .howto_ttl h2 .ttl_icon {
      width: 53px; }
      @media screen and (max-width: 640px) {
        #howto .howto .howto_ttl h2 .ttl_icon {
          width: 38px; } }
  #howto .howto .dot_box {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/bg01.png); }
    #howto .howto .dot_box .column2 .img_box {
      height: 290px;
      background-color: #ccc;
      border-radius: 5px;
      overflow: hidden;
      position: relative; }
      @media screen and (max-width: 640px) {
        #howto .howto .dot_box .column2 .img_box {
          height: 60vw;
          margin-bottom: 15px; } }
      #howto .howto .dot_box .column2 .img_box img {
        width: auto;
        height: 100%;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  #howto .newidea .howto_ttl h2 {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/ttl_frame02.png); }
    @media screen and (max-width: 640px) {
      #howto .newidea .howto_ttl h2 {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/ttl_frame02_sp.png); } }
    #howto .newidea .howto_ttl h2 .ttl_icon {
      width: 40px; }
      @media screen and (max-width: 640px) {
        #howto .newidea .howto_ttl h2 .ttl_icon {
          width: 30px; } }
  #howto .newidea .dot_box {
    background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/bg02.png);
    margin-bottom: 100px; }
    @media screen and (max-width: 640px) {
      #howto .newidea .dot_box {
        padding-top: 40px;
        margin-bottom: 40px; } }
  #howto .newidea .newidea_ttl {
    width: 100%;
    height: 70px;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      #howto .newidea .newidea_ttl {
        height: 50px;
        line-height: 14px;
        margin-bottom: 25px; } }
    #howto .newidea .newidea_ttl img {
      width: auto;
      height: 38px;
      margin-right: 20px; }
      @media screen and (max-width: 640px) {
        #howto .newidea .newidea_ttl img {
          height: 28px;
          margin-right: 15px; } }
    #howto .newidea .newidea_ttl.milk {
      background-color: #109bd6; }
    #howto .newidea .newidea_ttl.choco {
      background-color: #42210b; }
  #howto .newidea_area p {
    font-size: 14px;
    line-height: 25px; }
    @media screen and (max-width: 640px) {
      #howto .newidea_area p {
        font-size: 12px;
        line-height: 20px; } }
    #howto .newidea_area p span {
      font-weight: bold;
      color: #9ecd65; }
  #howto .newidea_area > .column2 {
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      #howto .newidea_area > .column2 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 641px) {
      #howto .newidea_area > .column2 .img_box {
        width: 400px; } }
    @media screen and (max-width: 640px) {
      #howto .newidea_area > .column2 .img_box {
        margin-bottom: 15px; } }
    @media screen and (min-width: 641px) {
      #howto .newidea_area > .column2 .text_box {
        width: 520px; } }
    #howto .newidea_area > .column2 .text_box .ttl_ribbon {
      margin-bottom: 10px; }
  #howto .newidea_area > .column4 {
    margin-bottom: 60px; }
    @media screen and (max-width: 640px) {
      #howto .newidea_area > .column4 {
        margin-bottom: 35px; } }
    #howto .newidea_area > .column4 .btn {
      width: 200px;
      padding: 11px 0;
      background-color: #6ec3ac;
      font-size: 14px;
      margin: -12px auto 0; }
      @media screen and (max-width: 640px) {
        #howto .newidea_area > .column4 .btn {
          width: 150px;
          padding: 8px 0;
          font-size: 12px; } }
      #howto .newidea_area > .column4 .btn:before {
        width: 6px;
        height: 10px;
        right: 20px; }
  #howto .newidea_area .wt_area {
    margin-bottom: 70px; }
    @media screen and (max-width: 640px) {
      #howto .newidea_area .wt_area {
        margin-bottom: 50px; } }
    #howto .newidea_area .wt_area:last-child {
      margin: 0; }
    #howto .newidea_area .wt_area .ttl_box {
      margin: -55px 0 50px; }
      @media screen and (max-width: 640px) {
        #howto .newidea_area .wt_area .ttl_box {
          margin: -40px 0 20px; } }
      #howto .newidea_area .wt_area .ttl_box .ttl_ribbon {
        background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/detail/newidea/ribbon02.png); }
      #howto .newidea_area .wt_area .ttl_box p {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-top: 10px; }
        @media screen and (max-width: 640px) {
          #howto .newidea_area .wt_area .ttl_box p {
            margin-top: 5px; } }
        #howto .newidea_area .wt_area .ttl_box p img {
          width: auto;
          height: 20px; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .ttl_box p img {
              height: 16px; } }
        #howto .newidea_area .wt_area .ttl_box p .ttl_icon {
          height: 34px;
          margin: 0 10px -5px 0; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .ttl_box p .ttl_icon {
              height: 24px;
              margin: 0 5px -2px 0; } }
        #howto .newidea_area .wt_area .ttl_box p.type2 {
          margin-top: -25px; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .ttl_box p.type2 {
              margin-top: -20px; } }
        @media screen and (max-width: 640px) {
          #howto .newidea_area .wt_area .ttl_box p.type3 img {
            height: 40px; } }
    #howto .newidea_area .wt_area .column2 {
      margin-bottom: 50px; }
      @media screen and (max-width: 640px) {
        #howto .newidea_area .wt_area .column2 {
          margin-bottom: 25px; }
          #howto .newidea_area .wt_area .column2 .img_box {
            margin-bottom: 20px; } }
      #howto .newidea_area .wt_area .column2 .recipe_img {
        width: 230px;
        border-radius: 0;
        margin: 0 auto; }
        @media screen and (max-width: 640px) {
          #howto .newidea_area .wt_area .column2 .recipe_img {
            width: 180px;
            margin: 20px auto 0; } }
      #howto .newidea_area .wt_area .column2 .recipe_box {
        padding: 25px 10px 10px;
        border: 1px #7a6223 solid;
        box-sizing: border-box;
        margin-top: 20px;
        position: relative; }
        @media screen and (max-width: 640px) {
          #howto .newidea_area .wt_area .column2 .recipe_box {
            padding: 20px 6px 6px; } }
        #howto .newidea_area .wt_area .column2 .recipe_box h6 {
          width: 180px;
          padding: 8px 0;
          background: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/detail/newidea/ribbon03.png) no-repeat;
          background-size: 100%;
          font-weight: bold;
          text-align: center;
          color: #fff;
          position: absolute;
          top: -15px;
          left: 10px; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .column2 .recipe_box h6 {
              width: 155px;
              padding: 7px 0;
              top: -12px;
              left: 8px; } }
        #howto .newidea_area .wt_area .column2 .recipe_box .bold {
          font-size: 13px;
          font-weight: bold;
          margin-bottom: 5px; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .column2 .recipe_box .bold {
              font-size: 10px; } }
        #howto .newidea_area .wt_area .column2 .recipe_box p {
          font-size: 12px;
          line-height: 20px; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .column2 .recipe_box p {
              font-size: 10px;
              line-height: 14px; } }
    #howto .newidea_area .wt_area .recipe_list {
      margin: 0; }
      @media screen and (max-width: 640px) {
        #howto .newidea_area .wt_area .recipe_list .ttl {
          margin-bottom: 15px; } }
      #howto .newidea_area .wt_area .recipe_list .ttl:before, #howto .newidea_area .wt_area .recipe_list .ttl:after {
        width: calc(50% - 180px); }
        @media screen and (max-width: 640px) {
          #howto .newidea_area .wt_area .recipe_list .ttl:before, #howto .newidea_area .wt_area .recipe_list .ttl:after {
            width: calc(50% - 100px); } }
      @media screen and (min-width: 641px) {
        #howto .newidea_area .wt_area .recipe_list .ttl.type2:before, #howto .newidea_area .wt_area .recipe_list .ttl.type2:after {
          width: calc(50% - 220px); } }
      @media screen and (min-width: 641px) {
        #howto .newidea_area .wt_area .recipe_list .btn {
          margin-top: 30px; } }
    #howto .newidea_area .wt_area .yoghurt {
      margin-bottom: 50px; }
      @media screen and (max-width: 640px) {
        #howto .newidea_area .wt_area .yoghurt {
          margin-bottom: 25px; } }
      #howto .newidea_area .wt_area .yoghurt > div {
        margin-bottom: 40px; }
        @media screen and (max-width: 640px) {
          #howto .newidea_area .wt_area .yoghurt > div {
            margin-bottom: 30px; } }
        #howto .newidea_area .wt_area .yoghurt > div .bold {
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 20px;
          position: relative;
          z-index: 8; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .yoghurt > div .bold {
              font-size: 12px;
              margin-bottom: 15px; } }
          #howto .newidea_area .wt_area .yoghurt > div .bold:before {
            content: "◆";
            color: #6ec3ac;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9; }
          #howto .newidea_area .wt_area .yoghurt > div .bold:after {
            content: "";
            width: 100%;
            height: 3px;
            background: url(/meiji-shokuiku/shokuikurecipe/assets/img/howto/detail/newidea/line.png);
            background-size: auto 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            z-index: -1;
            display: block;
            visibility: visible; }
          #howto .newidea_area .wt_area .yoghurt > div .bold span {
            padding: 0 30px 0 18px;
            background-color: #fff;
            display: inline-block;
            position: relative; }
            @media screen and (max-width: 640px) {
              #howto .newidea_area .wt_area .yoghurt > div .bold span {
                padding: 0 15px 0 12px; } }
        #howto .newidea_area .wt_area .yoghurt > div .column2 {
          margin: 20px 0 25px; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .yoghurt > div .column2 {
              margin: 15px 0;
              display: flex; } }
          #howto .newidea_area .wt_area .yoghurt > div .column2 .img_box {
            width: 200px; }
            @media screen and (max-width: 640px) {
              #howto .newidea_area .wt_area .yoghurt > div .column2 .img_box {
                width: 130px; } }
            #howto .newidea_area .wt_area .yoghurt > div .column2 .img_box img {
              border-radius: 0; }
          #howto .newidea_area .wt_area .yoghurt > div .column2 .text_box {
            width: 555px; }
            @media screen and (max-width: 640px) {
              #howto .newidea_area .wt_area .yoghurt > div .column2 .text_box {
                width: calc(100% - 140px); }
                #howto .newidea_area .wt_area .yoghurt > div .column2 .text_box p {
                  font-size: 10px;
                  line-height: 18px; } }
            #howto .newidea_area .wt_area .yoghurt > div .column2 .text_box h5 {
              padding: 0; }
              #howto .newidea_area .wt_area .yoghurt > div .column2 .text_box h5:after {
                display: none; }
        #howto .newidea_area .wt_area .yoghurt > div .recommended {
          width: 100%;
          padding: 10px 15px;
          border: 1px #7a6223 solid;
          box-sizing: border-box;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 640px) {
            #howto .newidea_area .wt_area .yoghurt > div .recommended {
              padding: 10px;
              display: block; } }
          #howto .newidea_area .wt_area .yoghurt > div .recommended > img {
            width: 220px;
            margin-right: 60px; }
            @media screen and (max-width: 640px) {
              #howto .newidea_area .wt_area .yoghurt > div .recommended > img {
                width: 180px;
                margin: 0 0 10px; } }
          #howto .newidea_area .wt_area .yoghurt > div .recommended .text_box {
            display: flex;
            flex-wrap: wrap; }
            #howto .newidea_area .wt_area .yoghurt > div .recommended .text_box p {
              font-weight: bold;
              margin-right: 30px; }
              @media screen and (max-width: 640px) {
                #howto .newidea_area .wt_area .yoghurt > div .recommended .text_box p {
                  margin-right: 20px; } }

#howto .link,
#cookingbook .link,
#recipe .link {
  display: flex;
  justify-content: space-between;
  margin: 55px auto 80px; }
  @media screen and (max-width: 640px) {
    #howto .link,
    #cookingbook .link,
    #recipe .link {
      display: block;
      margin: 40px auto; } }
  #howto .link a,
  #cookingbook .link a {
    width: 465px; }
    @media screen and (max-width: 640px) {
      #howto .link a,
      #cookingbook .link a {
        width: 100%;
        margin: 10px 0; } }



/* ==================== etc.css ==================== */

.etc {
	background: url(/meiji-shokuiku/shokuikurecipe/assets/img/bg04.png);
	background-size: 20px;
}



.etc ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


@media screen and (max-width: 640px) {
	.etc {
		padding: 40px 0 50px;
	}

	.etc .ttl {
		margin-bottom: 25px;
	}
	.etc .ttl:before,
	.etc .ttl:after {
		width: calc(50% - 135px);
	}
	.etc .ttl_icon {
		height: 18px;
	}

	.etc ul {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.etc ul li {
		width: 45%;
	}
	.etc ul li:nth-of-type(n+3) {
		margin-top: 5%;
	}
}


@media (min-width: 641px) {
	.etc {
		padding: 60px 0 80px;
	}

	.etc .ttl {
		margin-bottom: 40px;
	}
	.etc .ttl_icon {
		height: 24px;
	}

	.etc li {
		width: 100%;
		margin: 0 1%;
	}
	.etc li:nth-of-type(n+2) {
		margin-left: 1%;
	}
}



/* ==================== movie-link.css ==================== */

.movie-link {
	width: 12em;
	margin: 1em auto;
}

.movie-link img {
	cursor: pointer;
	transition: 200ms;
}
.movie-link img:hover {
	opacity: 0.6;
}



/* ==================== recipe-list.css ==================== */

.recipe-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;

}

.recipe-list li {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}


.recipe-list li > a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	color: inherit;
}

.recipe-list li .pic {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	background: no-repeat center center / cover;
}

.recipe-list li .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.IE .recipe-list li .pic img {
	opacity: 0;
}

.recipe-list li .title {
	margin-top: 0.5em;
	line-height: 1.4;
}


.recipe-list .searchitems {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 0.5em;
}
.recipe-list .searchitems:empty {
	display: none;
}

.recipe-list .searchitems a {
	margin: 0 0.25em 0.25em 0;
}

.recipe-list .searchitems img {
	width: auto;
	height: 1.25em;
}


@media screen and (max-width: 640px) {
	.recipe-list li {
		width: calc(100% / 2 - 4%);
		margin: 4% 2%;
	}

	.recipe-list li .pic {
		height: 8em;
	}
	.recipe-list li .title {
		font-size: 90%;
	}
}


@media screen and (min-width: 641px) {
	.recipe-list li {
		width: calc(100% / 4 - 2%);
		margin: 2% 1%;
	}

	.recipe-list li .pic {
		height: 10em;
	}

	.recipe-list li .title {
		font-size: 90%;
	}
}



/* ==================== recipe_detail__nutrients.css ==================== */

.recipe_detail .nutrients table {
	width: 100%;
	font-size: 14px;
	margin-top: 5px;
}

@media screen and (max-width: 640px) {
	.recipe_detail .nutrients table {
		margin-top: 10px;
	}
}


.recipe_detail .nutrients table tr {
	border-bottom: 1px #fff solid;
}

.recipe_detail .nutrients table tr th {
	width: 120px;
	height: 30px;
	background-color: #eddb87;
	vertical-align: middle;
	font-weight: normal;
}

.recipe_detail .nutrients table tr th.time {
	background-color: #ffccca;
}
.recipe_detail .nutrients table tr th.time:before {
	content: "";
	width: 16px;
	height: 18px;
	background: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon03.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: -4px;
	margin-right: 5px;
}

.recipe_detail .nutrients table tr td {
	padding: 0 25px;
	background-color: #f7f5e9;
	vertical-align: middle;
}



/* ==================== recipe_detail__process.css ==================== */

@charset "UTF-8";
#recipe .recipe_detail .column2 .process {
  order: 1;
  position: relative;
}
@media (max-width: 640px) {
  #recipe .recipe_detail .column2 .process {
    border: none;
    margin-bottom: 40px;
  }
}
#recipe .recipe_detail .column2 .process > div {
  font-weight: bold;
  margin-bottom: 5px;
}
#recipe .recipe_detail .column2 .process h3 {
  font-weight: bold;
  color: #d8271c;
  border-bottom: 2px #d8271c solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#recipe .recipe_detail .column2 .process h3 img {
  width: auto;
  display: inline-block;
  vertical-align: -5px;
  margin-right: 10px;
  margin-top: 4px;
  height: 22px;
}
#recipe .recipe_detail .column2 .process .btn {
  width: 150px;
  padding: 7px 0;
  background-color: #cca239;
  box-shadow: none;
  font-size: 13px;
  position: absolute;
  top: -12px;
  right: 0;
}
#recipe .recipe_detail .column2 .process .btn:before {
  width: 16px;
  height: 21px;
  background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/recipe/icon05.png);
  vertical-align: -6px;
  margin-right: 5px;
}
#recipe .recipe_detail .column2 .process ul li {
  line-height: 26px;
  margin-bottom: 20px;
}
@media (max-width: 640px) {
  #recipe .recipe_detail .column2 .process ul li {
    margin-bottom: 15px;
  }
}
#recipe .recipe_detail .column2 .process ul li a {
  display: inline;
  color: #d8271c !important;
}
#recipe .recipe_detail .column2 .process ul.prep_list li img, #recipe .recipe_detail .column2 .process ul.steps .text img {
  width: auto;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
#recipe .recipe_detail .column2 .process ul.prep_list li {
  margin: 0;
}
#recipe .recipe_detail .column2 .process ul.steps li {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 1em;
  align-items: start;
}
#recipe .recipe_detail .column2 .process ul.steps li .text::before {
  color: #9ecd65;
  font-weight: bold;
}
#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(1) .text::before {
  content: "1）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(2) .text::before {
  content: "2）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(3) .text::before {
  content: "3）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(4) .text::before {
  content: "4）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(5) .text::before {
  content: "5）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(6) .text::before {
  content: "6）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(7) .text::before {
  content: "7）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(8) .text::before {
  content: "8）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(9) .text::before {
  content: "9）";
}

#recipe .recipe_detail .column2 .process ul.steps li:nth-of-type(10) .text::before {
  content: "10）";
}

#recipe .recipe_detail .column2 .process ul.steps li .images {
  display: grid;
  justify-content: center;
  justify-self: end;
  grid-row-gap: 0.5em;
}
@media (max-width: 640px) {
  #recipe .recipe_detail .column2 .process ul.steps li .images {
    width: 7em;
  }
}
@media (min-width: 641px) {
  #recipe .recipe_detail .column2 .process ul.steps li .images {
    width: 100px;
  }
}
#recipe .recipe_detail .column2 .process ul.steps li .images img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  cursor: pointer;
}



/* ==================== recipe_detail__recipe-info.css ==================== */

.recipe_detail .recipe-info {
	margin-bottom: 1em;
}



/* ==================== recipe_detail__stuff.css ==================== */

#recipe .recipe_detail .column2 .stuff h3 {
  font-weight: bold;
  color: #d8271c;
  border-bottom: 2px #d8271c solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#recipe .recipe_detail .column2 .stuff h3 img {
  width: auto;
  display: inline-block;
  vertical-align: -5px;
  margin-right: 10px;
}



/* ==================== shokuiku-recipe-search.css ==================== */

.shokuiku-recipe-search {
	margin: 2em auto 4em;
	padding: 0 3%;
	max-width: 950px;
}



/* ==================== simulator_banner.css ==================== */

.simulator_banner, .simulator_banner::after, .simulator_banner *, .simulator_banner *::after {
  all: unset;
}
.simulator_banner {
  position: relative;
  display: grid;
  background: #ffe957;
  border-radius: 1em;
  cursor: pointer;
}
@media (max-width: 640px) {
  .simulator_banner {
    grid-row-gap: 1em;
    margin-top: 4em;
    margin-inline: 1em;
    padding: 1.2em;
    font-size: 5.1282051282vw;
  }
}
@media (min-width: 641px) {
  .simulator_banner {
    display: grid;
    grid-row-gap: 0.6em;
    grid-template-areas: "h2 a" "p a";
    align-items: center;
    width: max-content;
    margin-inline: auto;
    padding: 0.8em 1.2em;
    padding-left: 8.4em;
    font-size: 20px;
  }
  .simulator_banner h2 {
    grid-area: h2;
  }
  .simulator_banner p {
    grid-area: p;
  }
  .simulator_banner a {
    grid-area: a;
  }
}
.simulator_banner::before {
  position: absolute;
  content: "";
  background: url(../img/simulator_illust.png) no-repeat center center/contain;
  aspect-ratio: 110/150;
}
@media (max-width: 640px) {
  .simulator_banner::before {
    right: 0;
    top: 0;
    width: 4.6em;
    transform: translate(-1em, -2.4em) rotate(7deg);
  }
}
@media (min-width: 641px) {
  .simulator_banner::before {
    left: 1em;
    bottom: 1.4em;
    width: 5.6em;
    transform: translateX(0.2em) rotate(-7deg);
  }
}
.simulator_banner h2 {
  margin-top: -0.4em;
}
.simulator_banner h2 img {
  width: 14.5em;
  transform: translate(-7%);
}
.simulator_banner p {
  font-family: sans-serif;
  color: black;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .simulator_banner p {
    font-size: 0.7em;
  }
  .simulator_banner p br:nth-of-type(2) {
    display: none;
  }
}
@media (min-width: 641px) {
  .simulator_banner p {
    font-size: 0.65em;
  }
}
.simulator_banner a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.simulator_banner a:hover {
  opacity: 1;
}
@media (max-width: 640px) {
  .simulator_banner a {
    border-radius: 0.6em;
    height: 3em;
    background: #ff0000 radial-gradient(ellipse at top, #ff5959 69%, transparent 70%) no-repeat center top/180% 50%;
  }
}
@media (min-width: 641px) {
  .simulator_banner a {
    width: 5.6em;
    aspect-ratio: 1;
    border-radius: 50%;
    background: linear-gradient(to right bottom, #ff5959 50%, #ff0000 50%) no-repeat;
  }
}
@media (max-width: 640px) {
  .simulator_banner a img {
    width: 10em;
  }
}
@media (min-width: 641px) {
  .simulator_banner a img {
    width: 3.4em;
  }
}
@media (min-width: 641px) {
  .simulator_banner:hover a {
    transition: 150ms;
    transform: scale(1.05);
  }
}



/* ==================== top-category-menu.css ==================== */

.top-category-menu li a {
	color: inherit;
}
.top-category-menu li p {
	flex-direction: column;
	line-height: 0.9;
}


.top-category-menu li:nth-of-type(1) {
	background-color: #f09526;
	color: #f09526;
}
.top-category-menu li:nth-of-type(2) {
	background-color: #f05724;
	color: #f05724;
}
.top-category-menu li:nth-of-type(3) {
	background-color: #63c725;
	color: #63c725;
}
.top-category-menu li:nth-of-type(4) {
	background-color: #7dc0f0;
	color: #7dc0f0;
}
.top-category-menu li:nth-of-type(5) {
	background-color: #fab1ce;
	color: #fab1ce;
	letter-spacing: -0.1em;
}

.top-category-menu li:nth-of-type(6) {
	background-color: #ffe800;
	color: #d9c000;
	letter-spacing: -0.1em;
}

.top-category-menu li:nth-of-type(7) {
	background-color: #9c92d4;
	color: #9c92d4;
}
.top-category-menu li:nth-of-type(8) {
	background-color: #b08d4a;
	color: #b08d4a;
}



/* ==================== zoomImage.css ==================== */

.zoomImage {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
@media (max-width: 640px) {
  .zoomImage {
    font-size: 9vw;
  }
}
@media (min-width: 641px) {
  .zoomImage {
    font-size: 3vw;
  }
}
.zoomImage img {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 768px;
  max-height: 768px;
  object-fit: contain;
}
@media (max-width: 640px) {
  .zoomImage img {
    padding: 0.5em;
  }
}
@media (min-width: 641px) {
  .zoomImage img {
    padding: 2em;
  }
}
.zoomImage button {
  position: fixed;
  right: 0.5em;
  top: 0.5em;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 1em;
  aspect-ratio: 1/1;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  font-size: inherit;
}
.zoomImage button::before, .zoomImage button::after {
  grid-column: 1;
  grid-row: 1;
  content: "";
  width: 0.8em;
  height: 2px;
  background: white;
}
.zoomImage button::before {
  transform: rotate(45deg);
}
.zoomImage button::after {
  transform: rotate(-45deg);
}



/* ==================== #special/#breakfast/@.css ==================== */

#special #breakfast *,
#special #breakfast *::after {
	all: unset;
}

#special #breakfast {
	display: grid;
	margin-bottom: 3em;
	color: black;
	line-height: 1.5;
}


@media (min-width: 641px) {

	#special #breakfast {
		margin-top: 1em;
	}

}



/* ==================== #special/#breakfast/@reset.css ==================== */

#special #breakfast h1,
#special #breakfast h2,
#special #breakfast h3,
#special #breakfast h4,
#special #breakfast h5,
#special #breakfast h6 {
	margin: 0;
	font-size: inherit;
}

#special #breakfast p,
#special #breakfast figure,
#special #breakfast ul,
#special #breakfast ol {
	margin: 0;
}

#special #breakfast button {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}

#special #breakfast img {
	max-width: 100%;
	vertical-align: bottom;
}

#special #breakfast a {
	display: inline-block;
	cursor: pointer;
}



/* ==================== #special/#breakfast/@responsive.css ==================== */

#special #breakfast,
#special #breakfast img {
	font-size: 20px;
}


@media (max-width: 640px) {
	#special #breakfast,
	#special #breakfast img {
		font-size: 5.1282051282051vw;
	}
}


@media (min-width: 641px) and (max-width: 1024px) {
	#special #breakfast,
	#special #breakfast img {
		font-size: 1.953125vw;
	}
}


@media (min-width: 1367px) {
	#special #breakfast,
	#special #breakfast img {
		font-size: 1.4641288433382vw;
	}
}



/* ==================== #special/#breakfast/barancecheck/<figure>.css ==================== */

#special #breakfast .barancecheck figure {
	display: grid;
	grid-gap: 0.5em;
	justify-items: center;
	margin: 1.5em auto;
}

#special #breakfast .barancecheck figure figcaption {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 0.5em;
	align-items: center;
	justify-content: center;
	color: #009db5;
	font-size: 70%;
	text-indent: 0.25em;
}
#special #breakfast .barancecheck figure figcaption::before,
#special #breakfast .barancecheck figure figcaption::after {
	content: '';
	display: block;
	width: 0;
	height: 1em;
	border-left: 1px solid #009db5;
}
#special #breakfast .barancecheck figure figcaption::before { transform: rotate(-30deg); }
#special #breakfast .barancecheck figure figcaption::after { transform: rotate(30deg); }

#special #breakfast .barancecheck figure a {
	position: relative;
}

#special #breakfast .barancecheck figure a::after {
	content: '';
	display: block;
	aspect-ratio: 1/1;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: url(../img/feature/breakfast/link_arrow.svg) no-repeat center center / contain;
}


@media (max-width: 640px) {

	#special #breakfast .barancecheck figure a::after {
		width: 1.75em;
	}

	#special #breakfast .barancecheck figure a img {
		width: 16em;
	}

}


@media (min-width: 641px) {

	#special #breakfast .barancecheck figure a::after {
		width: 2em;
	}

	#special #breakfast .barancecheck figure a img {
		width: 24em;
	}

}



/* ==================== #special/#breakfast/barancecheck/@.css ==================== */

#special #breakfast .barancecheck {
	justify-self: center;
}



/* ==================== #special/#breakfast/feature-recipes/<figure>.css ==================== */

@media (min-width: 641px) {

	#special #breakfast .feature-recipes figure a {
		display: block;
		overflow: hidden;
	}

	#special #breakfast .feature-recipes figure a img {
		transition: 300ms;
	}

	#special #breakfast .feature-recipes figure a img:hover {
		filter: brightness(110%);
		transform: scale(1.2);
	}

}



/* ==================== #special/#breakfast/feature-recipes/<section>/@.css ==================== */

#special #breakfast .feature-recipes section {
	display: grid;
	justify-items: center;
	background: #fa9d8f;
}

#special #breakfast .feature-recipes section:nth-of-type(odd) { background: #B2E2E9; }
#special #breakfast .feature-recipes section:nth-of-type(even) { background: #66C4D3; }


@media (max-width: 640px) {

	#special #breakfast .feature-recipes section {
		grid-gap: 1em;
		padding: 1.5em 1em;
	}

}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section {
		grid-gap: 1.5em;
		padding: 2.5em 0;
	}

}



/* ==================== #special/#breakfast/feature-recipes/<section>/searchitems.css ==================== */

#special #breakfast .feature-recipes section .searchitems {
	display: flex;
	gap: 0.25em;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1;
}

#special #breakfast .feature-recipes section .searchitems img {
	height: 0.9em;
}



/* ==================== #special/#breakfast/feature-recipes/<section>/base/<h2>.css ==================== */

#special #breakfast .feature-recipes section .base h2 {
	justify-self: center;
}

#special #breakfast .feature-recipes section .base h2 img {
	max-width: none;
	width: auto;
}


@media (max-width: 640px) {

	#special #breakfast .feature-recipes section .base h2 img {
		height: 2.5em;
	}

}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section:nth-of-type(odd) .base h2 { transform: translateX(0.625em); }
	#special #breakfast .feature-recipes section:nth-of-type(even) .base h2 { transform: translateX(-0.625em); }

	#special #breakfast .feature-recipes section .base h2 img {
		height: 3.5em;
	}

}



/* ==================== #special/#breakfast/feature-recipes/<section>/base/@.css ==================== */

#special #breakfast .feature-recipes section .base {
	position: relative;
	display: grid;
}

#special #breakfast .feature-recipes section .base::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: white;
}

#special #breakfast .feature-recipes section .base > * {
	position: relative;
}


@media (max-width: 640px) {

	#special #breakfast .feature-recipes section .base::before {
		height: calc(100% - 1.25em);
	}

}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section .base::before {
		height: calc(100% - 1.75em);
	}

	#special #breakfast .feature-recipes section .base {
		grid-template-columns: repeat(2, 1fr);
		width: 48em;
	}

	#special #breakfast .feature-recipes section:nth-of-type(odd) .base h2 { grid-column: 1; grid-row: 1; }
	#special #breakfast .feature-recipes section:nth-of-type(even) .base h2 { grid-column: 2; grid-row: 1; }

	#special #breakfast .feature-recipes section .base .pickup-recipe { grid-column: 1/3; grid-row: 1; }
	#special #breakfast .feature-recipes section .base .recipes { grid-column: 1/3; grid-row: 2; }

}



/* ==================== #special/#breakfast/feature-recipes/<section>/base/pickup-recipe/<figure>.css ==================== */

#special #breakfast .feature-recipes section .base .pickup-recipe figure {
	padding: 0.5em;
	border: 1px solid #80ceda;
	background: white;
}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section:nth-of-type(odd) .base .pickup-recipe figure { transform: rotate(2deg); }
	#special #breakfast .feature-recipes section:nth-of-type(even) .base .pickup-recipe figure { transform: rotate(-2deg); }

}



/* ==================== #special/#breakfast/feature-recipes/<section>/base/pickup-recipe/@.css ==================== */

#special #breakfast .feature-recipes section .base .pickup-recipe {
	display: grid;
	justify-items: center;
}

#special #breakfast .feature-recipes section .base .pickup-recipe .name {
	color: #8a4f19;
	font-weight: bold;
}


@media (max-width: 640px) {

	#special #breakfast .feature-recipes section .base .pickup-recipe {
		grid-gap: 0.75em;
		justify-items: center;
		padding: 1em;
	}

	#special #breakfast .feature-recipes section .base .pickup-recipe .name {
		font-size: 90%;
	}

	#special #breakfast .feature-recipes section .base .pickup-recipe p {
		font-size: 65%;
		line-height: 1.4;
	}

}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section .base .pickup-recipe {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 4.5em;
		grid-gap: 0.5em 2.5em;
		padding: 0 2.5em;
	}

	#special #breakfast .feature-recipes section:nth-child(odd) .base .pickup-recipe {
		grid-template-areas:
		'blank1 figure'
		'name figure'
		'searchitems figure'
		'p figure'
		'blank2 figure';
	}
	#special #breakfast .feature-recipes section:nth-child(even) .base .pickup-recipe {
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure p'
		'figure blank2';
	}


	#special #breakfast .feature-recipes section .base .pickup-recipe figure { grid-area: figure; }
	#special #breakfast .feature-recipes section .base .pickup-recipe .name { grid-area: name; }
	#special #breakfast .feature-recipes section .base .pickup-recipe .searchitems { grid-area: searchitems; }
	#special #breakfast .feature-recipes section .base .pickup-recipe p { grid-area: p; }

	#special #breakfast .feature-recipes section .base .pickup-recipe .name {
		font-size: 90%;
	}

	#special #breakfast .feature-recipes section .base .pickup-recipe p {
		font-size: 70%;
		line-height: 1.4;
	}

}



/* ==================== #special/#breakfast/feature-recipes/<section>/base/recipes/@.css ==================== */

#special #breakfast .feature-recipes section .base .recipes {
	display: grid;
}


@media (max-width: 640px) {

	#special #breakfast .feature-recipes section .base .recipes {
		padding: 0.5em 1em 1em;
		grid-gap: 1em;
	}

}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section .base .recipes {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 1.5em 1em;
		padding: 1.5em;
	}

}



/* ==================== #special/#breakfast/feature-recipes/<section>/base/recipes/recipe.css ==================== */

#special #breakfast .feature-recipes section .base .recipes .recipe {
	display: grid;
	justify-items: center;
}

#special #breakfast .feature-recipes section .base .recipes .recipe .name {
	color: #8a4f19;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.3;
}

#special #breakfast .feature-recipes section .base .recipes .recipe p {
	font-size: 60%;
	line-height: 1.4;
}


@media (max-width: 640px) {

	#special #breakfast .feature-recipes section .base .recipes .recipe {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure blank2'
		'p p';
		grid-gap: 0.5em 0.75em;
		padding-top: 1em;
		background: linear-gradient(to right, #80ceda 50%, white 50%) repeat-x left top / 6px 1.5px;
	}

	#special #breakfast .feature-recipes section .base .recipes .recipe figure { grid-area: figure; }
	#special #breakfast .feature-recipes section .base .recipes .recipe .name { grid-area: name; }
	#special #breakfast .feature-recipes section .base .recipes .recipe .searchitems { grid-area: searchitems; }
	#special #breakfast .feature-recipes section .base .recipes .recipe p { grid-area: p; }

	#special #breakfast .feature-recipes section .base .recipes .recipe figure {
		overflow: hidden; /* for Android 10 */
	}

	#special #breakfast .feature-recipes section .base .recipes .recipe figure img {
		width: 100%;
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	#special #breakfast .feature-recipes section .base .recipes .recipe .name {
		line-height: 1.3;
	}

}


@media (min-width: 641px) {

	#special #breakfast .feature-recipes section .base .recipes .recipe {
		grid-gap: 0.5em;
		align-content: start;
	}

	#special #breakfast .feature-recipes section .base .recipes .recipe .name {
		display: flex;
		align-items: center;
		min-height: 2.6em;
	}

}



/* ==================== #special/#breakfast/top/<h1>.css ==================== */

#special #breakfast .top h1 {
	display: flex;
	background: no-repeat center top;
}


@media (max-width: 640px) {

	#special #breakfast .top h1 {
		align-items: start;
		height: 62vw;
		background-image: url(../img/feature/breakfast/top_image_sp.jpg);
		background-size: 100vw;
	}

	#special #breakfast .top h1 img {
		transform: translate(6%, 6%);
		width: 48vw;
	}

}


@media (min-width: 641px) {

	#special #breakfast .top h1 {
		align-items: center;
		justify-content: center;
		height: 20.6em;
		background-image: url(../img/feature/breakfast/top_image_pc.jpg);
		background-size: 68.3em;
	}

	#special #breakfast .top h1 img {
		transform: translateX(-80%);
		width: 19em;
	}

}



/* ==================== #special/#breakfast/top/<p>.css ==================== */

#special #breakfast .top p {
	display: block;
	color: white;
	text-align: center;
}


@media (max-width: 640px) {

	#special #breakfast .top p {
		font-size: 70%;
	}

	#special #breakfast .top p span {
		display: block;
	}
	#special #breakfast .top p br {
		display: none;
	}

}


@media (min-width: 641px) {

	#special #breakfast .top p {
		font-size: 80%;
	}

}



/* ==================== #special/#breakfast/top/@.css ==================== */

#special #breakfast .top {
	display: grid;
	grid-gap: 1.5em;
	padding-bottom: 1.5em;
	background: #66c4d3;
}



/* ==================== #special/#breakfast/top/category-menu/<ul>.css ==================== */

#special #breakfast .top .category-menu ul {
	--frame:
	radial-gradient(circle at left top, #66c4d3 68%, white 70%) no-repeat left top / 0.5em 0.5em,
	radial-gradient(circle at right top, #66c4d3 68%, white 70%) no-repeat right top / 0.5em 0.5em,
	radial-gradient(circle at left bottom, #66c4d3 68%, white 70%) no-repeat left bottom / 0.5em 0.5em,
	radial-gradient(circle at right bottom, #66c4d3 68%, white 70%) no-repeat right bottom / 0.5em 0.5em,
	linear-gradient(white, white);
}

#special #breakfast .top .category-menu ul li a {
	display: flex;
	padding: 0.75em 0.75em 0.5em;
}


@media (max-width: 640px) {

	#special #breakfast .top .category-menu ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0.5em;
	}

	#special #breakfast .top .category-menu ul li {
		background: var(--frame);
	}
	#special #breakfast .top .category-menu ul li:last-child {
		justify-self: center;
		grid-column: span 2;
	}

	#special #breakfast .top .category-menu ul li img {
		width: 7em;
	}

}


@media (min-width: 641px) {

	#special #breakfast .top .category-menu ul {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		background: var(--frame);
	}

	#special #breakfast .top .category-menu ul li {
		position: relative;
	}
	#special #breakfast .top .category-menu ul li:not(:last-child)::after {
		content: '';
		display: block;
		position: absolute;
		left: 100%;
		top: 50%;
		width: 1.5px;
		height: 90%;
		transform: translate(-50%, -50%);
		background: linear-gradient(to bottom, #80ceda 50%, white 50%) repeat-y left top / 100% 0.4em;
	}

	#special #breakfast .top .category-menu ul li img {
		width: 8.4em;
	}

}



/* ==================== #special/#breakfast/top/category-menu/@.css ==================== */

#special #breakfast .top .category-menu {
	justify-self: center;
}



/* ==================== #special/#examinee/@.css ==================== */

/* reset */
#special #examinee,
#special #examinee *,
#special #examinee *::after {
	all: unset;
}

/* responsive */
@media (max-width: 640px) {
	#special #examinee,
	#special #examinee img {
		font-size: calc(100vw/375*20);
	}
}

@media (min-width: 641px) {
	#special #examinee,
	#special #examinee img {
		font-size: calc(100vw/1112*20);
	}
}

@media (min-width: 1112px) {
	#special #examinee,
	#special #examinee img {
		font-size: 20px;
	}
}


#special #examinee {
	--brown: #873d00;

	display: block;
	margin-bottom: 3em;
}

#special #examinee img {
	vertical-align: bottom;
}



/* ==================== #special/#examinee/contents/@.css ==================== */

#special #examinee .contents {
	display: grid;
}



/* ==================== #special/#examinee/contents/category/@.css ==================== */

#special #examinee .contents .category {
	display: grid;
	justify-items: center;
	background: no-repeat;
	background-size: 17em 17em;
}

#special #examinee .contents .category:nth-of-type(odd) {
	background-image:
		radial-gradient(circle at right top, #fff0b9 66%, transparent 66%),
		radial-gradient(circle at left bottom, #fff0b9 66%, transparent 66%);
	background-position: right top, left bottom;
	background-position: right top, left bottom;
	background-color: #fff6d5;
}

#special #examinee .contents .category:nth-of-type(even) {
	background-image:
		radial-gradient(circle at left top, #ffe481 66%, transparent 66%),
		radial-gradient(circle at right bottom, #ffe481 66%, transparent 66%);
	background-position: left top, right bottom;
	background-color: #ffea9d;
}


@media (max-width: 640px) {

	#special #examinee .contents .category {
		padding: 2.5em 0.75em;
		background-size: 8em 8em;
	}

}


@media (min-width: 641px) {

	#special #examinee .contents .category {
		padding: 2.5em 0;
		background-size: 17em 17em;
	}

}



/* ==================== #special/#examinee/contents/category/base/@.css ==================== */

#special #examinee .contents .category .base {
	position: relative;
	display: grid;
	box-sizing: border-box;
	border: solid;
	border-radius: 1.5em;
	background: white;
}

#special #examinee .contents .category:nth-child(odd) > .base {
	border-color: #ffea9d;
}
#special #examinee .contents .category:nth-child(even) > .base {
	border-color: #ffe173;
}

@media (max-width: 640px) {
	#special #examinee .contents .category .base {
		grid-row-gap: 0.75em;
		border-width: 0.2em;
		padding: 1em;
	}
}



@media (min-width: 641px) {

	#special #examinee .contents .category .base {
		grid-template-areas:
		'title lead'
		'recipes recipes';
		grid-template-columns: auto 1fr;
		grid-gap: 1em;
		width: 47.5em;
		border-width: 0.3em;
		padding: 1.25em;
	}

	#special #examinee .contents .category .base .title { grid-area: title; }
	#special #examinee .contents .category .base .lead { grid-area: lead; }
	#special #examinee .contents .category .base .recipes { grid-area: recipes; }

}



/* ==================== #special/#examinee/contents/category/base/lead.css ==================== */

#special #examinee .contents .category .base .lead {
	color: var(--brown);
	line-height: 1.6;
}


@media (max-width: 640px) {

	#special #examinee .contents .category .base .lead {
		font-size: 0.7em;
	}

}


@media (min-width: 641px) {

	#special #examinee .contents .category .base .lead {
		font-size: 0.75em;
	}

}



/* ==================== #special/#examinee/contents/category/base/title.css ==================== */

#special #examinee .contents .category .base .title {
	margin-top: -3em;
}


@media (max-width: 640px) {

	#special #examinee .contents .category .base .title {
		text-align: center;
	}

	#special #examinee .contents .category .base .title img {
		width: 10.8rem;
	}

}


@media (min-width: 641px) {

	#special #examinee .contents .category .base .title img {
		width: 9.8rem;
	}

}



/* ==================== #special/#examinee/contents/category/base/recipes/@.css ==================== */

#special #examinee .contents .category .base .recipes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 1em;
}


@media (min-width: 641px) {

	#special #examinee .contents .category .base .recipes > * {
		width: 16.5em;
	}

	#special #examinee .contents .category:nth-of-type(2) .base .recipes > *:nth-of-type(n+3),
	#special #examinee .contents .category:nth-of-type(3) .base .recipes > *:nth-of-type(n+3),
	#special #examinee .contents .category:nth-of-type(4) .base .recipes > *:nth-of-type(n+3),
	#special #examinee .contents .category:nth-of-type(6) .base .recipes > *:nth-of-type(n+3) {
		width: 13.75em;
	}
}



/* ==================== #special/#examinee/contents/category/base/recipes/recipe/<figure>.css ==================== */

#special #examinee .contents .category .base .recipes .recipe figure {
	display: block;
	padding: 0.5em;
	border: 1px solid #ffe173;
	background: white;
}

#special #examinee .contents .category .base .recipes .recipe figure a {
	display: block;
	overflow: hidden;
}

#special #examinee .contents .category .base .recipes .recipe figure img {
	width: 100%;
	transition: 400ms;
}
#special #examinee .contents .category .base .recipes .recipe figure img:hover {
	transform: scale(1.1);
	filter: brightness(105%);
}


#special #examinee .contents .category .base .recipes .recipe figure.recipe-has-movie {
	position: relative;
}
#special #examinee .contents .category .base .recipes .recipe figure.recipe-has-movie::after {
	height: 2em;
	right: 0.75em;
	top: 0.75em;
}


@media (max-width: 640px) {

	#special #examinee .contents .category .base .recipes .recipe figure {
		box-sizing: border-box;
		width: 90%;
	}

}



/* ==================== #special/#examinee/contents/category/base/recipes/recipe/<p>.css ==================== */

#special #examinee .contents .category .base .recipes .recipe p {
	color: #d42e00;
	line-height: 1.5;
}


@media (max-width: 640px) {

	#special #examinee .contents .category .base .recipes .recipe p {
		font-size: 0.65em;
	}

}


@media (min-width: 641px) {

	#special #examinee .contents .category .base .recipes .recipe p {
		font-size: 0.6em;
	}

}



/* ==================== #special/#examinee/contents/category/base/recipes/recipe/@.css ==================== */

#special #examinee .contents .category .base .recipes .recipe {
	display: grid;
	grid-row-gap: 0.5em;
	justify-items: center;
}



/* ==================== #special/#examinee/contents/category/base/recipes/recipe/name.css ==================== */

#special #examinee .contents .category .base .recipes .recipe .name {
	color: black;
	font-size: 0.7em;
	line-height: 1.3;
}


@media (max-width: 640px) {

	#special #examinee .contents .category .base .recipes .recipe .name {
		font-weight: bold;
	}

}



/* ==================== #special/#examinee/contents/category/base/recipes/recipe/searchitems.css ==================== */

#special #examinee .contents .category .base .recipes .recipe .searchitems {
	display: flex;
	gap: 0.25em;
	flex-wrap: wrap;
	justify-content: center;
}

#special #examinee .contents .category .base .recipes .recipe .searchitems img {
	height: 1em;
}



/* ==================== #special/#examinee/menu/@.css ==================== */

#special #examinee .menu {
	display: grid;
	justify-items: center;
	margin: 1em 0;
}



/* ==================== #special/#examinee/menu/list.css ==================== */

@media (max-width: 640px) {

	#special #examinee .menu .list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

}


@media (min-width: 641px) {

	#special #examinee .menu .list {
		display: grid;
		grid-auto-flow: column;
	}

}



/* ==================== #special/#examinee/menu/listitem.css ==================== */

#special #examinee .menu .listitem {
	border: solid #ffe173;
	border-width: 0 1px;
}



#special #examinee .menu .listitem a {
	display: grid;
	grid-row-gap: 0.75em;
	justify-items: center;
	color: black;
}

#special #examinee .menu .listitem:nth-of-type(2) a,
#special #examinee .menu .listitem:nth-of-type(3) a {
	padding: 0.5em 1em;
	letter-spacing: 1em;
	text-indent: 1em;
}


#special #examinee .menu .listitem a::after {
	content: '';
	width: 1em;
	aspect-ratio: 2/1;
	background: url(../img/feature/examinee/menu_arrow.svg) no-repeat center center / contain;
}


@media (max-width: 640px) {

	#special #examinee .menu .listitem:nth-of-type(n+2):not(:nth-of-type(4)) {
		border-left: none;
	}

	#special #examinee .menu .listitem:nth-of-type(n+4) {
		margin-top: 0.5em;
	}

	#special #examinee .menu .listitem a {
		padding: 0.5em 1.5em;
		font-size: 0.7em;
		font-weight: bold;
	}

}


@media (min-width: 641px) {

	#special #examinee .menu .listitem:nth-of-type(n+2) {
		border-left: none;
	}

	#special #examinee .menu .listitem a {
		padding: 0.5em 2em;
		font-size: 0.9em;
	}

}



/* ==================== #special/#examinee/top/@.css ==================== */

#special #examinee .top {
	display: grid;
}


@media (max-width: 640px) {

	#special #examinee .top {
		grid-row-gap: 1em;
	}

}


@media (min-width: 641px) {

	#special #examinee .top {
		grid-row-gap: 0.5em;
		align-content: center;
		justify-items: center;
		height: 24.5em;
		background: #ffe173 url(../img/feature/examinee/title_back_pc.jpg) no-repeat center center / auto 100%;
	}

	#special #examinee .top > * {
		transform: translateX(-16.5em);
	}

}



/* ==================== #special/#examinee/top/text.css ==================== */

#special #examinee .top .text {
	color: var(--brown);
}

#special #examinee .top .text p {
	line-height: 1.6;
}


@media (max-width: 640px) {

	#special #examinee .top .text {
		padding: 0 1em;
	}

	#special #examinee .top .text p {
		font-size: 0.7em;
	}

}


@media (min-width: 641px) {

	#special #examinee .top .text p {
		display: grid;
		justify-items: center;
		font-size: 0.8em;
	}

}



/* ==================== #special/#examinee/top/title.css ==================== */

@media (max-width: 640px) {

	#special #examinee .top .title {
		display: grid;
		align-items: center;
		justify-content: center;
		aspect-ratio: 1/1;
		background: url(../img/feature/examinee/title_back_sp.jpg) no-repeat center center / cover;
	}

	#special #examinee .top .title img {
		width: 14.6em;
	}

}


@media (min-width: 641px) {

	#special #examinee .top .title img {
		width: 20.5em;
	}

}



/* ==================== #special/#lesssalt/@.css ==================== */

#special #lesssalt *,
#special #lesssalt *::after {
	all: unset;
}

#special #lesssalt {
	display: grid;
	margin-bottom: 3em;
	color: black;
	line-height: 1.5;
}


@media (min-width: 641px) {

	#special #lesssalt {
		margin-top: 1em;
	}

}



/* ==================== #special/#lesssalt/@reset.css ==================== */

#special #lesssalt h1,
#special #lesssalt h2,
#special #lesssalt h3,
#special #lesssalt h4,
#special #lesssalt h5,
#special #lesssalt h6 {
	margin: 0;
	font-size: inherit;
}

#special #lesssalt p,
#special #lesssalt figure,
#special #lesssalt ul,
#special #lesssalt ol {
	margin: 0;
}

#special #lesssalt button {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}

#special #lesssalt img {
	max-width: 100%;
	vertical-align: bottom;
}

#special #lesssalt a {
	display: inline-block;
	cursor: pointer;
}



/* ==================== #special/#lesssalt/@responsive.css ==================== */

#special #lesssalt,
#special #lesssalt img {
	font-size: 20px;
}


@media (max-width: 640px) {
	#special #lesssalt,
	#special #lesssalt img {
		font-size: 5.1282051282051vw;
	}
}


@media (min-width: 641px) and (max-width: 1024px) {
	#special #lesssalt,
	#special #lesssalt img {
		font-size: 1.953125vw;
	}
}


@media (min-width: 1367px) {
	#special #lesssalt,
	#special #lesssalt img {
		font-size: 1.4641288433382vw;
	}
}



/* ==================== #special/#lesssalt/advice/<h2>.css ==================== */

#special #lesssalt .advice h2 {
	justify-self: center;
}


@media (max-width: 640px) {

	#special #lesssalt .advice h2 img {
		width: 15em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .advice h2 img {
		width: 22em;
	}

}



/* ==================== #special/#lesssalt/advice/@.css ==================== */

#special #lesssalt .advice {
	display: grid;
}


@media (max-width: 640px) {

	#special #lesssalt .advice {
		padding: 1.5em 1em;
		grid-gap: 1.5em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .advice {
		padding: 2em;
		grid-gap: 2em;
		justify-self: center;
		width: 40em;
	}

}



/* ==================== #special/#lesssalt/advice/karium.css ==================== */

#special #lesssalt .advice .karium {
	background: linear-gradient(white, white), url(../img/feature/lesssalt/recipe_bg.png);
	background-size: 100%, 3em;
	background-clip: padding-box, border-box;
	border: 1em solid rgba(0,0,0,0);
	padding: 1em;
}




#special #lesssalt .advice .karium p strong {
	color: #ff6a00;
	font-weight: bold;
}


@media (max-width: 640px) {

	#special #lesssalt .advice .karium p {
		font-size: 75%;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .advice .karium p {
		font-size: 80%;
	}

}



/* ==================== #special/#lesssalt/advice/body/@.css ==================== */

#special #lesssalt .advice .body {
	display: grid;
	grid-gap: 1em 1.5em;
}


@media (min-width: 641px) {

	#special #lesssalt .advice .body {
		grid-template-columns: repeat(2, 1fr);
	}

	#special #lesssalt .advice .body > div:first-child {
		grid-column: span 2;
	}

}



/* ==================== #special/#lesssalt/advice/body/> div/<h3>.css ==================== */

#special #lesssalt .advice .body > div h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.5em;
	border-radius: 1.25em;
	background: #ffe596;
	color: #9e5900;
	font-size: 85%;
}



/* ==================== #special/#lesssalt/advice/body/> div/<img>.css ==================== */

#special #lesssalt .advice .body > div img {
	margin-right: 0.25em;
}


@media (max-width: 640px) {

	#special #lesssalt .advice .body > div img {
		width: 4.5em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .advice .body > div img {
		width: 5em;
	}

}



/* ==================== #special/#lesssalt/advice/body/> div/<p>.css ==================== */

#special #lesssalt .advice .body > div p {
	padding-left: 0.5em;
	font-size: 70%;
}

#special #lesssalt .advice .body > div p strong {
	color: #ff6a00;
}



/* ==================== #special/#lesssalt/advice/body/> div/@.css ==================== */

#special #lesssalt .advice .body > div {
	display: grid;
	grid-template-areas:
	'h3 h3'
	'p img';
	grid-gap: 1em;
	align-items: center;
}

#special #lesssalt .advice .body > div h3 { grid-area: h3; }
#special #lesssalt .advice .body > div p { grid-area: p; }
#special #lesssalt .advice .body > div img { grid-area: img; }



/* ==================== #special/#lesssalt/column/@.css ==================== */

#special #lesssalt .column {
	display: grid;
	background: rgba(7,178,121,0.4) url(../img/feature/lesssalt/recipe_bg.png);
	background-size: 3em;
}


@media (max-width: 640px) {

	#special #lesssalt .column {
		padding: 1.5em 1em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .column {
		padding: 2em 0;
	}

}



/* ==================== #special/#lesssalt/column/body/<figure>.css ==================== */

#special #lesssalt .column .body figure {
	justify-self: center;

	display: grid;
	grid-gap: 1em;
	justify-content: center;
	justify-items: center;
}

#special #lesssalt .column .body figure figcaption {
	color: #07b279;
	font-size: 85%;
}
#special #lesssalt .column .body figure figcaption small {
	font-size: 90%;
}


@media (max-width: 640px) {

	#special #lesssalt .column .body figure figcaption {
		display: grid;
		justify-items: center;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .column .body figure {
		grid-template-columns: repeat(2, 1fr);
	}

	#special #lesssalt .column .body figure figcaption {
		grid-column: span 2;
	}

	#special #lesssalt .column .body figure img {
		width: 19.5em;
	}

}



/* ==================== #special/#lesssalt/column/body/<h2>.css ==================== */

#special #lesssalt .column .body h2 {
	justify-self: center;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 1.5em;
	background: #07b279;
	color: white;
	font-weight: bold;
}


@media (max-width: 640px) {

	#special #lesssalt .column .body h2 {
		display: grid;
		align-content: center;
		justify-items: center;
		font-size: 85%;
		line-height: 1.3;
		height: 3.5em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .column .body h2 {
		display: flex;
		height: 3em;
		font-size: 100%;
	}

}



/* ==================== #special/#lesssalt/column/body/@.css ==================== */

#special #lesssalt .column .body {
	display: grid;
	grid-gap: 1.5em;
	position: relative;
	box-sizing: border-box;
	background: linear-gradient(white, white) no-repeat left bottom / 100% calc(100% - 1.5em);
}


@media (max-width: 640px) {

	#special #lesssalt .column .body {
		padding: 0 1em 1em;
	}

}



@media (min-width: 641px) {

	#special #lesssalt .column .body {
		justify-self: center;
		width: 48em;
		padding: 0 1.5em 1.5em;
	}

}



/* ==================== #special/#lesssalt/column/body/text.css ==================== */

#special #lesssalt .column .body .text {
	display: grid;
}

#special #lesssalt .column .body .text p {
	display: block;
}

#special #lesssalt .column .body .text p sup {
	font-size: 70%;
	opacity: 0.6;
}

#special #lesssalt .column .body .text ul {
	display: grid;
	opacity: 0.6;
	margin-top: 1em;
}

#special #lesssalt .column .body .text ul li {
	display: grid;
	grid-auto-flow: column;
	justify-content: start;
}


@media (max-width: 640px) {

	#special #lesssalt .column .body .text p {
		font-size: 75%;
	}

	#special #lesssalt .column .body .text ul {
		font-size: 50%;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .column .body .text p {
		font-size: 80%;
		line-height: 1.8;
	}

	#special #lesssalt .column .body .text ul {
		font-size: 60%;
	}

}



/* ==================== #special/#lesssalt/feature-recipes/<figure>.css ==================== */

@media (min-width: 641px) {

	#special #lesssalt .feature-recipes figure a {
		display: block;
		overflow: hidden;
	}

	#special #lesssalt .feature-recipes figure a img {
		transition: 300ms;
	}

	#special #lesssalt .feature-recipes figure a img:hover {
		filter: brightness(110%);
		transform: scale(1.2);
	}

}



/* ==================== #special/#lesssalt/feature-recipes/@.css ==================== */

#special #lesssalt .feature-recipes {
	background: url(../img/feature/lesssalt/recipe_bg.png);
	background-size: 3em;
}



/* ==================== #special/#lesssalt/feature-recipes/<section>/@.css ==================== */

#special #lesssalt .feature-recipes section {
	display: grid;
	justify-items: center;
}

#special #lesssalt .feature-recipes section:nth-of-type(odd) { background: rgba(7,178,121,0.4); }



@media (max-width: 640px) {

	#special #lesssalt .feature-recipes section {
		grid-gap: 1em;
		padding: 1.5em 1em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section {
		grid-gap: 1.5em;
		padding: 2.5em 0;
	}

}



/* ==================== #special/#lesssalt/feature-recipes/<section>/searchitems.css ==================== */

#special #lesssalt .feature-recipes section .searchitems {
	display: flex;
	gap: 0.25em;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1;
}

#special #lesssalt .feature-recipes section .searchitems img {
	height: 0.9em;
}



/* ==================== #special/#lesssalt/feature-recipes/<section>/base/<h2>.css ==================== */

#special #lesssalt .feature-recipes section .base h2 {
	justify-self: center;
}

#special #lesssalt .feature-recipes section .base h2 img {
	max-width: none;
	width: auto;
}


@media (max-width: 640px) {

	#special #lesssalt .feature-recipes section .base h2 img {
		height: 5em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section:nth-of-type(odd) .base h2 { transform: translateX(0.625em); }
	#special #lesssalt .feature-recipes section:nth-of-type(even) .base h2 { transform: translateX(-0.625em); }

	#special #lesssalt .feature-recipes section .base h2 img {
		height: 6.5em;
	}

}



/* ==================== #special/#lesssalt/feature-recipes/<section>/base/@.css ==================== */

#special #lesssalt .feature-recipes section .base {
	position: relative;
	display: grid;
}

#special #lesssalt .feature-recipes section .base::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #9ce0ca;
	background: white;
}

#special #lesssalt .feature-recipes section .base > * {
	position: relative;
}


@media (max-width: 640px) {

	#special #lesssalt .feature-recipes section .base::before {
		height: calc(100% - 2.5em);
	}

}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section .base::before {
		height: calc(100% - 3.25em);
	}

	#special #lesssalt .feature-recipes section .base {
		grid-template-columns: repeat(2, 1fr);
		width: 48em;
	}

	#special #lesssalt .feature-recipes section:nth-of-type(odd) .base h2 { grid-column: 1; grid-row: 1; }
	#special #lesssalt .feature-recipes section:nth-of-type(even) .base h2 { grid-column: 2; grid-row: 1; }

	#special #lesssalt .feature-recipes section .base .pickup-recipe { grid-column: 1/3; grid-row: 1; }
	#special #lesssalt .feature-recipes section .base .recipes { grid-column: 1/3; grid-row: 2; }

}



/* ==================== #special/#lesssalt/feature-recipes/<section>/base/pickup-recipe/<figure>.css ==================== */

#special #lesssalt .feature-recipes section .base .pickup-recipe figure {
	padding: 0.5em;
	border: 1px solid #83d9bc;
	background: white;
}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section:nth-of-type(odd) .base .pickup-recipe figure { transform: rotate(2deg); }
	#special #lesssalt .feature-recipes section:nth-of-type(even) .base .pickup-recipe figure { transform: rotate(-2deg); }

}



/* ==================== #special/#lesssalt/feature-recipes/<section>/base/pickup-recipe/@.css ==================== */

#special #lesssalt .feature-recipes section .base .pickup-recipe {
	display: grid;
	justify-items: center;
}

#special #lesssalt .feature-recipes section .base .pickup-recipe .name {
	color: #9e5900;
	font-weight: bold;
}


@media (max-width: 640px) {

	#special #lesssalt .feature-recipes section .base .pickup-recipe {
		grid-gap: 0.75em;
		justify-items: center;
		padding: 1em;
	}

	#special #lesssalt .feature-recipes section .base .pickup-recipe .name {
		font-size: 90%;
	}

	#special #lesssalt .feature-recipes section .base .pickup-recipe p {
		font-size: 65%;
		line-height: 1.4;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section .base .pickup-recipe {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 5.5em;
		grid-gap: 0.5em 2.5em;
		margin-top: 1.5em;
		padding: 0 2.5em;
	}

	#special #lesssalt .feature-recipes section:nth-child(odd) .base .pickup-recipe {
		grid-template-areas:
		'blank1 figure'
		'name figure'
		'searchitems figure'
		'p figure'
		'blank2 figure';
	}
	#special #lesssalt .feature-recipes section:nth-child(even) .base .pickup-recipe {
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure p'
		'figure blank2';
	}


	#special #lesssalt .feature-recipes section .base .pickup-recipe figure { grid-area: figure; }
	#special #lesssalt .feature-recipes section .base .pickup-recipe .name { grid-area: name; }
	#special #lesssalt .feature-recipes section .base .pickup-recipe .searchitems { grid-area: searchitems; }
	#special #lesssalt .feature-recipes section .base .pickup-recipe p { grid-area: p; }

	#special #lesssalt .feature-recipes section .base .pickup-recipe .name {
		font-size: 90%;
	}

	#special #lesssalt .feature-recipes section .base .pickup-recipe p {
		font-size: 70%;
		line-height: 1.4;
	}

}



/* ==================== #special/#lesssalt/feature-recipes/<section>/base/recipes/@.css ==================== */

#special #lesssalt .feature-recipes section .base .recipes {
	display: grid;
}


@media (max-width: 640px) {

	#special #lesssalt .feature-recipes section .base .recipes {
		padding: 0.5em 1em 1em;
		grid-gap: 1em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section .base .recipes {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 1.5em 1em;
		margin-top: 1em;
		padding: 1.5em;
	}

}



/* ==================== #special/#lesssalt/feature-recipes/<section>/base/recipes/recipe.css ==================== */

#special #lesssalt .feature-recipes section .base .recipes .recipe {
	display: grid;
	justify-items: center;
}

#special #lesssalt .feature-recipes section .base .recipes .recipe .name {
	color: #9e5900;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.3;
}

#special #lesssalt .feature-recipes section .base .recipes .recipe p {
	font-size: 60%;
	line-height: 1.4;
}


@media (max-width: 640px) {

	#special #lesssalt .feature-recipes section .base .recipes .recipe {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure blank2'
		'p p';
		grid-gap: 0.5em 0.75em;
		padding-top: 1em;
		background: linear-gradient(to right, #9ce0ca 50%, white 50%) repeat-x left top / 6px 1.5px;
	}

	#special #lesssalt .feature-recipes section .base .recipes .recipe figure { grid-area: figure; }
	#special #lesssalt .feature-recipes section .base .recipes .recipe .name { grid-area: name; }
	#special #lesssalt .feature-recipes section .base .recipes .recipe .searchitems { grid-area: searchitems; }
	#special #lesssalt .feature-recipes section .base .recipes .recipe p { grid-area: p; }

	#special #lesssalt .feature-recipes section .base .recipes .recipe figure {
		overflow: hidden; /* for Android 10 */
	}

	#special #lesssalt .feature-recipes section .base .recipes .recipe figure img {
		width: 100%;
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	#special #lesssalt .feature-recipes section .base .recipes .recipe .name {
		line-height: 1.3;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .feature-recipes section .base .recipes .recipe {
		grid-gap: 0.5em;
		align-content: start;
	}

	#special #lesssalt .feature-recipes section .base .recipes .recipe .name {
		display: flex;
		align-items: center;
		min-height: 2.6em;
	}

}



/* ==================== #special/#lesssalt/top/<p>.css ==================== */

#special #lesssalt .top p {
	display: block;
	color: white;
	text-align: center;
}


@media (max-width: 640px) {

	#special #lesssalt .top p {
		font-size: 70%;
	}

	#special #lesssalt .top p span {
		display: block;
	}
	#special #lesssalt .top p br {
		display: none;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .top p {
		font-size: 80%;
	}

}



/* ==================== #special/#lesssalt/top/@.css ==================== */

#special #lesssalt .top {
	display: grid;
}



/* ==================== #special/#lesssalt/top/category-menu/<ul>.css ==================== */

#special #lesssalt .top .category-menu ul {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
}

#special #lesssalt .top .category-menu ul li {
	border: solid #83d9bc;
}

#special #lesssalt .top .category-menu ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.2em 0;
}

#special #lesssalt .top .category-menu ul img {
	width: auto;
	height: 3.4em;
	max-width: none;
}


@media (max-width: 640px) {

	#special #lesssalt .top .category-menu ul {
		width: 100vw;
	}

	#special #lesssalt .top .category-menu ul li {
		border-width: 0 1px 0 0;
	}
	#special #lesssalt .top .category-menu ul li:last-child {
		border: none;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .top .category-menu ul li {
		border-width: 0 1px;
	}
	#special #lesssalt .top .category-menu ul li:nth-of-type(n+2) {
		border-left: none;
	}

}



/* ==================== #special/#lesssalt/top/category-menu/@.css ==================== */

#special #lesssalt .top .category-menu {
	margin: 1em auto;
}


@media (min-width: 641px) {

	#special #lesssalt .top .category-menu {
		width: 44em;
	}

}



/* ==================== #special/#lesssalt/top/mv/<h1>.css ==================== */

@media (max-width: 640px) {

	#special #lesssalt .top .mv h1 img {
		width: 11em;
	}

}


@media (min-width: 641px) {

	#special #lesssalt .top .mv h1 img {
		width: 18em;
	}

}



/* ==================== #special/#lesssalt/top/mv/@.css ==================== */

#special #lesssalt .top .mv {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: no-repeat center center / cover;
}


@media (max-width: 640px) {
	#special #lesssalt .top .mv {
		width: 100vw;
		height: 100vw;
		background-image: url(../img/feature/lesssalt/mv_back_sp.jpg);
	}
}


@media (min-width: 641px) {
	#special #lesssalt .top .mv {
		width: 100vw;
		height: 27.8em;
		background-image: url(../img/feature/lesssalt/mv_back_pc.jpg);
	}
}



/* ==================== #special/#milk/style.css ==================== */

/* reset */
#special #milk {
  all: unset;
  --blue: #008dde;
  display: block;
  overflow-x: hidden;
  margin-bottom: 3em;
  color: black;
  line-height: 1.5;
  scroll-behavior: smooth;
}
#special #milk *,
#special #milk *::after {
  all: unset;
}
@media (max-width: 640px) {
  #special #milk, #special #milk img {
    font-size: 5.3333333333vw;
  }
}
@media (min-width: 641px) {
  #special #milk, #special #milk img {
    font-size: 1.7985611511vw;
  }
}
@media (min-width: 1112px) {
  #special #milk, #special #milk img {
    font-size: 20px;
  }
}
#special #milk img {
  width: 100%;
  vertical-align: bottom;
}
#special #milk a {
  cursor: pointer;
}
#special #milk .top {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
  background: linear-gradient(to bottom, #57c9ff, #a1e4ff);
}
@media (max-width: 640px) {
  #special #milk .top {
    padding: 4.8em 0 0.5em;
  }
}
@media (min-width: 641px) {
  #special #milk .top {
    height: 18em;
  }
}
#special #milk .top::before {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  content: "";
  width: 100%;
  height: 27em;
}
@media (max-width: 640px) {
  #special #milk .top::before {
    background: url(../img/feature/milk/title_back_sp.png) no-repeat center top/contain;
  }
}
@media (min-width: 641px) {
  #special #milk .top::before {
    background: url(../img/feature/milk/title_back_pc.png) no-repeat center top/68.3em;
  }
}
@media (max-width: 640px) {
  #special #milk .top h1 {
    width: 8.2em;
  }
}
@media (min-width: 641px) {
  #special #milk .top h1 {
    width: 14.1em;
  }
}
#special #milk .waza {
  display: grid;
  grid-row-gap: 1.5em;
  justify-items: center;
  background-color: #a1e4ff !important;
}
@media (max-width: 640px) {
  #special #milk .waza {
    margin-bottom: -10em;
    padding-top: 8em;
    padding-bottom: 12em;
    background: url(../img/feature/milk/waza_bgimage.png) no-repeat center top 0.5em/12em, url(../img/feature/milk/waza_bghead_sp.svg) repeat-x center top/100%, linear-gradient(#f3f1f1, #f3f1f1) no-repeat left top 5em/100%;
  }
}
@media (min-width: 641px) {
  #special #milk .waza {
    margin-bottom: -5em;
    padding-top: 12em;
    padding-bottom: 7em;
    background: url(../img/feature/milk/waza_bgimage.png) no-repeat center top 0.7em/18.3em, url(../img/feature/milk/waza_bghead_pc.svg) repeat-x center top/55.6em, linear-gradient(#f3f1f1, #f3f1f1) no-repeat left top 5em/100%;
  }
}
@media (max-width: 640px) {
  #special #milk .waza h2 {
    width: 12.4em;
  }
}
@media (min-width: 641px) {
  #special #milk .waza h2 {
    width: 18em;
  }
}
#special #milk .waza__content {
  display: grid;
}
@media (max-width: 640px) {
  #special #milk .waza__content {
    grid-gap: 1em;
    padding: 0 1em;
  }
}
@media (min-width: 641px) {
  #special #milk .waza__content {
    grid-gap: 1.5em;
    padding: 0 1em;
  }
}
@media (min-width: 641px) {
  #special #milk .waza__content {
    grid-template-columns: repeat(2, 20em);
  }
}
#special #milk .waza__content > div {
  display: grid;
  align-content: start;
  justify-items: center;
  grid-row-gap: 1em;
  background: white;
  box-shadow: 0 0 0.5em #ededed;
}
@media (max-width: 640px) {
  #special #milk .waza__content > div {
    border-radius: 1.5em;
    padding: 1em;
  }
}
@media (min-width: 641px) {
  #special #milk .waza__content > div {
    border-radius: 2em;
    padding: 1.5em;
  }
}
#special #milk .waza__content > div h3 {
  color: #5bb500;
  font-weight: bold;
  font-size: 0.9em;
}
#special #milk .waza__content > div p {
  font-size: 0.7em;
}
#special #milk .waza__cottage {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  overflow: hidden;
  border-radius: 0.5em;
  background: #e3f5fe;
}
#special #milk .waza__cottage figcaption {
  display: grid;
  padding: 1em;
  font-size: 0.6em;
}
#special #milk .waza__cottage figcaption a {
  color: var(--blue);
  text-decoration: underline;
}
#special #milk .waza__cottage img {
  width: 4em;
}
#special #milk .waza__reference {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 0.5em;
  align-items: center;
  color: var(--blue);
}
#special #milk .waza__reference dt {
  display: grid;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 4em;
  border-radius: 50%;
  background: var(--blue);
  color: white;
  font-size: 0.7em;
}
#special #milk .waza__reference dd {
  display: grid;
  font-size: 0.7em;
}
@media (max-width: 640px) {
  #special #milk .waza__reference dd a {
    text-decoration: underline;
  }
  #special #milk .waza__reference dd a:nth-of-type(2) {
    display: none;
  }
}
@incluce pc {
  #special #milk .waza__reference dd a:nth-of-type(2) {
    font-size: 80%;
  }
}
#special #milk .menu {
  display: grid;
  justify-items: center;
  position: relative;
}
#special #milk .menu ul {
  display: grid;
  justify-content: center;
}
@media (max-width: 640px) {
  #special #milk .menu ul {
    grid-gap: 0.25em 0.5em;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 641px) {
  #special #milk .menu ul {
    grid-column-gap: 1em;
    grid-auto-flow: column;
  }
}
#special #milk .menu ul li {
  aspect-ratio: 129/93;
}
@media (max-width: 640px) {
  #special #milk .menu ul li {
    width: 6.5em;
  }
  #special #milk .menu ul li:nth-of-type(-n+2) {
    transform: translateX(-1em);
  }
  #special #milk .menu ul li:nth-of-type(n+3) {
    transform: translateX(1em);
  }
}
@media (min-width: 641px) {
  #special #milk .menu ul li {
    width: 7em;
  }
  #special #milk .menu ul li:nth-of-type(even) {
    transform: translateY(0.5em);
  }
}
#special #milk .menu ul li a {
  display: grid;
  grid-row-gap: 0.5em;
  align-items: center;
  align-content: center;
  justify-items: center;
  width: 100%;
  height: 100%;
  color: var(--blue);
  font-weight: bold;
  background: url(../img/feature/milk/menu_base.svg) no-repeat center center/contain;
  transition: transform 200ms;
}
@media (max-width: 640px) {
  #special #milk .menu ul li a {
    font-size: 0.8em;
  }
}
@media (min-width: 641px) {
  #special #milk .menu ul li a {
    font-size: 0.9em;
  }
  #special #milk .menu ul li a:hover {
    transform: scale(1.1);
  }
}
#special #milk .menu ul li a::after {
  content: "";
  width: 1em;
  aspect-ratio: 18/12;
  background: url(../img/feature/milk/menu_arrow.svg) no-repeat center center/contain;
}
#special #milk .contents {
  display: grid;
}
#special #milk .contents .category {
  display: grid;
  justify-items: center;
}
@media (max-width: 640px) {
  #special #milk .contents .category {
    margin-top: -2.5em;
    padding: 5em 1em 4em;
    background: repeat-x center top/100%, no-repeat center top 1em/100%;
  }
  #special #milk .contents .category:nth-of-type(odd) {
    background-image: url(../img/feature/milk/base_head_1_sp.svg), linear-gradient(#c0e9fd, #c0e9fd);
  }
  #special #milk .contents .category:nth-of-type(even) {
    background-image: url(../img/feature/milk/base_head_2_sp.svg), linear-gradient(#e3f5fe, #e3f5fe);
  }
  #special #milk .contents .category:nth-of-type(1) {
    padding-top: 7em;
  }
}
@media (min-width: 641px) {
  #special #milk .contents .category {
    margin-top: -2.5em;
    padding: 5em 0;
    background: repeat-x center top/55.6em auto, no-repeat center top 2em/100% 100%;
  }
  #special #milk .contents .category:nth-of-type(odd) {
    background-image: url(../img/feature/milk/base_head_1_pc.svg), linear-gradient(#c0e9fd, #c0e9fd);
  }
  #special #milk .contents .category:nth-of-type(even) {
    background-image: url(../img/feature/milk/base_head_2_pc.svg), linear-gradient(#e3f5fe, #e3f5fe);
  }
  #special #milk .contents .category:nth-of-type(1) {
    padding-top: 9em;
  }
}
#special #milk .contents .category:nth-of-type(4) {
  position: relative;
}
#special #milk .contents .category:nth-of-type(4)::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 2em;
}
@media (max-width: 640px) {
  #special #milk .contents .category:nth-of-type(4)::after {
    background: url(../img/feature/milk/base_head_white_sp.svg) no-repeat left top/100%;
  }
}
@media (min-width: 641px) {
  #special #milk .contents .category:nth-of-type(4)::after {
    background: url(../img/feature/milk/base_head_white_pc.svg) repeat-x center top/55.6em;
  }
}

#special #milk .contents .category .base {
  display: grid;
  border-radius: 1.5em;
  background: white;
}
@media (max-width: 640px) {
  #special #milk .contents .category .base {
    grid-row-gap: 0.75em;
    border-width: 0.2em;
    padding: 1em;
  }
}
@media (min-width: 641px) {
  #special #milk .contents .category .base {
    grid-gap: 1em;
    box-sizing: border-box;
    width: 47.5em;
    padding: 1.25em;
  }
}
#special #milk .contents .category .base .title {
  justify-self: center;
  margin-top: -4em;
  margin-bottom: -1.5em;
}
@media (max-width: 640px) {
  #special #milk .contents .category .base .title {
    width: 10em;
    text-align: center;
  }
}
@media (min-width: 641px) {
  #special #milk .contents .category .base .title {
    width: 12.5em;
  }
}
#special #milk .contents .category .base .recipes {
  display: grid;
  grid-gap: 1.5em 1em;
}
@media (min-width: 641px) {
  #special #milk .contents .category .base .recipes {
    grid-template-columns: repeat(4, 1fr);
  }
}
#special #milk .contents .category:nth-of-type(4) .base .recipes::before {
  content: "";
  grid-column: 1;
  grid-row: 4;
}

#special #milk .contents .category .base .recipes .recipe {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  grid-row-gap: 0.5em;
  justify-items: center;
}
#special #milk .contents .category .base .recipes .recipe__waza {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  justify-content: center;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  transform: translateY(-50%);
}
#special #milk .contents .category .base .recipes .recipe__waza span {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 2em;
  border: 1px solid var(--blue);
  border-radius: 1em;
  padding: 0 0.75em;
  background: white;
  color: var(--blue);
  font-size: 0.55em;
}
@media (max-width: 640px) {
  #special #milk .contents .category .base .recipes .recipe figure {
    box-sizing: border-box;
    width: 90%;
  }
}
#special #milk .contents .category .base .recipes .recipe figure a {
  border-radius: 0.1em;
  display: block;
  overflow: hidden;
}
#special #milk .contents .category .base .recipes .recipe figure img {
  width: 100%;
  aspect-ratio: 1.618/1;
  overflow: clip;
  object-fit: cover;
  transition: 400ms;
}
#special #milk .contents .category .base .recipes .recipe figure img:hover {
  transform: scale(1.1);
  filter: brightness(105%);
}
#special #milk .contents .category .base .recipes .recipe figure.recipe-has-movie {
  position: relative;
}
#special #milk .contents .category .base .recipes .recipe figure.recipe-has-movie::after {
  content: "";
  display: block;
  position: absolute;
  right: 3%;
  bottom: 5%;
  width: 50%;
  max-width: 150px;
  min-width: 100px;
  height: 20%;
  background: url(/meiji-shokuiku/recipe/assets/images/movie_icon.svg) no-repeat top right/contain;
}
#special #milk .contents .category .base .recipes .recipe .name {
  color: black;
  line-height: 1.3;
}
@media (max-width: 640px) {
  #special #milk .contents .category .base .recipes .recipe .name {
    font-size: 0.7em;
    font-weight: bold;
  }
}
@media (min-width: 641px) {
  #special #milk .contents .category .base .recipes .recipe .name {
    font-size: 0.65em;
    align-self: center;
  }
}
#special #milk .contents .category .base .recipes .recipe .searchitems {
  display: flex;
  gap: 0.25em;
  flex-wrap: wrap;
  justify-content: center;
}
#special #milk .contents .category .base .recipes .recipe .searchitems a {
  display: grid;
}
#special #milk .contents .category .base .recipes .recipe .searchitems a img {
  height: 1em;
}



/* ==================== #special/#top/@.css ==================== */

#special #top {
	display: grid;
	grid-gap: 2em;
}



/* ==================== #special/#top/@responsive.css ==================== */

#special #top,
#special #top img {
	font-size: 20px;
}


@media (max-width: 640px) {
	#special #top,
	#special #top img {
		font-size: 5.1282051282051vw;
	}
}


@media (min-width: 641px) and (max-width: 1024px) {
	#special #top,
	#special #top img {
		font-size: 1.953125vw;
	}
}



/* ==================== #special/#top/> div/<h2>.css ==================== */

#special #top > div h2 {
	display: grid;
	justify-content: center;
	margin: 0;
	/* justify-items: center; */

	background: linear-gradient(#D6E2ED, #D6E2ED) no-repeat center center / 100% 1px;

}

#special #top > div h2 img,
#special #top > div h2::before {
	grid-column: 1;
	grid-row: 1;
}

#special #top > div h2::before {
	content: '';
	display: block;
	align-self: stretch;
	box-sizing: border-box;
	border: solid #D6E2ED;
	border-width: 1px 1px 0;
	background: white;
	height: calc(50% + 1px);
}

#special #top > div h2 img {
	box-sizing: border-box;
	width: auto;
	padding: 0.7em 1.5em;
}

#special #top > div.recommend h2 {
	background: none;
}
#special #top > div.recommend h2::before {
	border: none;
	background: #FFF3D6;
}


@media (max-width: 640px) {

	#special #top > div h2::before {
		border-radius: 1.1em 1.1em 0 0;
	}

	#special #top > div h2 img {
		height: 2.2em;
	}

}


@media (min-width: 641px) {

	#special #top > div h2::before {
		border-radius: 1.2em 1.2em 0 0;
	}

	#special #top > div h2 img {
		height: 2.4em;
	}

}



/* ==================== #special/#top/> div/@.css ==================== */

#special #top > div {
	display: grid;
	grid-gap: 0.5em;
}

#special #top > div.recommend {
	position: relative;
}

#special #top > div.recommend::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 1em);
	background: #FFF3D6;
}
#special #top > div.recommend > * {
	position: relative;
}

#special #top > div:not(.recommend) {
	padding-bottom: 0 !important;
}


@media (max-width: 640px) {

	#special #top > div {
		margin: 0 -3%;
		padding: 0 0.75em 0.75em;
	}

}


@media (min-width: 641px) {

	#special #top > div {
		padding: 0 1.5em 1.5em;
	}

}



/* ==================== #special/#top/> div/features/<ul>/@.css ==================== */

#special #top > div .features ul {
	display: grid;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


@media (max-width: 640px) {

	#special #top > div .features ul {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0.25em;
	}

}


@media (min-width: 641px) {

	#special #top > div .features ul {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0.75em;
	}

}



/* ==================== #special/#top/> div/features/<ul>/<li>/@.css ==================== */

#special #top > div .features ul li {
	position: relative;
}



/* ==================== #special/#top/> div/features/<ul>/<li>/banner.css ==================== */

#special #top > div .features ul li .banner {
	box-sizing: border-box;
}

#special #top > div.recommend .features ul li .banner {
	border: 1.5px solid white;
}


@media (max-width: 640px) {

	#special #top > div .features ul li .banner {
		border-radius: 0.25em;
	}

}


@media (min-width: 641px) {

	#special #top > div .features ul li .banner {
		border-radius: 0.5em;
	}

}



/* ==================== #special/#top/> div/features/<ul>/<li>/icon.css ==================== */

#special #top > div .features ul li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	transform: translate(0.5em, -50%);
	border-bottom: 1px solid white;
}


@media (max-width: 640px) {

	#special #top > div .features ul li .icon {
		height: 0.9em;
	}

}


@media (min-width: 641px) {

	#special #top > div .features ul li .icon {
		height: 1.1em;
	}

}



/* ==================== #special/#valentine/@.css ==================== */

#special #valentine {
	display: grid;
	margin-bottom: 3em;
	color: black;
	line-height: 1.5;
	background: #ffc9c9;
}


@media (min-width: 641px) {

	#special #valentine {
		margin-top: 1em;
	}

}



/* ==================== #special/#valentine/@reset.css ==================== */

#special #valentine h1,
#special #valentine h2,
#special #valentine h3,
#special #valentine h4,
#special #valentine h5,
#special #valentine h6 {
	margin: 0;
	font-size: inherit;
}

#special #valentine p,
#special #valentine figure,
#special #valentine ul,
#special #valentine ol {
	margin: 0;
}

#special #valentine button {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}



/* ==================== #special/#valentine/@responsive.css ==================== */

#special #valentine,
#special #valentine img {
	font-size: 20px;
}

@media (max-width: 640px) {
	#special #valentine,
	#special #valentine img {
		font-size: 5.1282051282051vw;
	}
}


@media (min-width: 641px) and (max-width: 1024px) {
	#special #valentine,
	#special #valentine img {
		font-size: 1.953125vw;
	}
}


@media (min-width: 1367px) {
	#special #valentine,
	#special #valentine img {
		font-size: 1.4641288433382vw;
	}
}



/* ==================== #special/#valentine/category-menu.css ==================== */

#special #valentine .category-menu {
	padding-bottom: 2em;
}

#special #valentine .category-menu ul {
	display: flex;
	justify-content: center;
	padding: 0;
	list-style-type: none;
}

#special #valentine .category-menu li:nth-of-type(odd) { align-self: flex-start; }
#special #valentine .category-menu li:nth-of-type(even) { align-self: flex-end; }

#special #valentine .category-menu a {
	display: grid;
	align-items: center;
	align-content: center;
	justify-items: center;
	aspect-ratio: 166/100;
	box-sizing: border-box;
	width: 8.3em;
	padding-bottom: 0.5em;
	background: url(../img/feature/valentine/menu_base.svg) no-repeat center center / contain;
	line-height: 1.2;
	color: white;
	font-weight: bold;
	transition: 150ms;
}
#special #valentine .category-menu a:hover {
	transform: scale(1.05);
	opacity: 1;
}


@media (max-width: 640px) {

	#special #valentine .category-menu {
		background:
		url(../img/feature/valentine/contents_border1_sp.png) no-repeat center top 1.5em / 100% 2em,
		linear-gradient(#ffe6c7, #ffe6c7) no-repeat center bottom / 100% calc(100% - 3em);
	}

	#special #valentine .category-menu ul {
		height: 7.25em;
	}

	#special #valentine .category-menu li {
		flex-shrink: 0;
		margin: 0 -1.25em;
	}

	#special #valentine .category-menu a {
		font-size: 75%;
	}

}


@media (min-width: 641px) {

	#special #valentine .category-menu {
		background: url(../img/feature/valentine/contents_border1_pc.png) no-repeat center bottom / 100% 2.7em;
		background:
		url(../img/feature/valentine/contents_border1_pc.png) no-repeat center top 2.5em / 100% 2.7em,
		linear-gradient(#ffe6c7, #ffe6c7) no-repeat center bottom / 100% calc(100% - 5em);
	}

	#special #valentine .category-menu ul {
		height: 5.5em;
	}

	#special #valentine .category-menu li {
		margin: 0 0.25em;
	}

}



/* ==================== #special/#valentine/recipe-name.css ==================== */

#special #valentine .recipe-name {
	color: #ff6969;
	font-weight: bold;
	line-height: 1.3;
}



/* ==================== #special/#valentine/recipe-searchitems.css ==================== */

#special #valentine .recipe-searchitems {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#special #valentine .recipe-searchitems a {
	padding: 0.1em;
}

#special #valentine .recipe-searchitems img {
	height: 1em;
	font-size: inherit;
}



/* ==================== #special/#valentine/feature-recipes/@.css ==================== */





/* ==================== #special/#valentine/feature-recipes/> div/@.css ==================== */

#special #valentine .feature-recipes > div {
	display: grid;
	justify-items: center;
	padding-top: 1em;
	background: no-repeat center bottom -1px;
}

#special #valentine .feature-recipes > div:nth-of-type(odd) {
	background-color: #ffe6c7;
}

@media (max-width: 640px) {
	#special #valentine .feature-recipes > div {
		padding-bottom: 4em;
		background-size: 100% 2em;
	}

	#special #valentine .feature-recipes > div:nth-of-type(odd) { background-image: url(../img/feature/valentine/contents_border2_sp.png); }
	#special #valentine .feature-recipes > div:nth-of-type(even):not(:last-child) { background-image: url(../img/feature/valentine/contents_border1_sp.png); }

}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div {
		padding-bottom: 5em;
		background-size: 100% 2.7em;
	}

	#special #valentine .feature-recipes > div:nth-of-type(odd) { background-image: url(../img/feature/valentine/contents_border2_pc.png); }
	#special #valentine .feature-recipes > div:nth-of-type(even):not(:last-child) { background-image: url(../img/feature/valentine/contents_border1_pc.png); }

}



/* ==================== #special/#valentine/feature-recipes/> div/base/<h2>.css ==================== */

#special #valentine .feature-recipes > div .base h2 {

	position: absolute;

}

#special #valentine .feature-recipes > div .base h2 img {
	max-width: none;
}
	#special #valentine .feature-recipes > div:nth-of-type(3) .base h2 img {
		font-size: 125%;
	}


@media (max-width: 640px) {

	#special #valentine .feature-recipes > div .base h2 {
		left: 50%;
		top: 0;
		transform: translate(-50%, -36%);
	}

	#special #valentine .feature-recipes > div .base h2 img {
		width: 11.2em;
	}

}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div .base h2 {
		top: 0;
		transform: translate(-50%, -20%);
	}

	#special #valentine .feature-recipes > div:nth-of-type(odd) .base h2 { left: 72.5%; }
	#special #valentine .feature-recipes > div:nth-of-type(even) .base h2 { left: 27.5%; }



	#special #valentine .feature-recipes > div .base h2 img {
		width: 16em;
	}

}



/* ==================== #special/#valentine/feature-recipes/> div/base/@.css ==================== */

#special #valentine .feature-recipes > div .base {
	position: relative;
	box-sizing: border-box;
}


#special #valentine .feature-recipes > div:nth-of-type(odd) .base { background: #ffc9c9; }
#special #valentine .feature-recipes > div:nth-of-type(even) .base { background: #ffe6c7; }


@media (max-width: 640px) {

	#special #valentine .feature-recipes > div .base {
		width: calc(100% - 1.5em);
		border-radius: 2em 2em 0.5em 0.5em;
		padding: 0.5em;
	}

}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div .base {
		border-radius: 2.75em 2.75em 0.75em 0.75em;
		padding: 0.75em;
		width: 48em;
	}

}



/* ==================== #special/#valentine/feature-recipes/> div/pickup-recipe/<figure>.css ==================== */

#special #valentine .feature-recipes > div .pickup-recipe figure img {
	aspect-ratio: 400/320;
	object-fit: cover;
}

#special #valentine .feature-recipes > div .pickup-recipe figure a {
	transition: 200ms;
}
#special #valentine .feature-recipes > div .pickup-recipe figure a:hover {
	opacity: 1;
	filter: brightness(110%);
}


@media (max-width: 640px) {

	#special #valentine .feature-recipes > div .pickup-recipe figure img {
		border-radius: 0.25em;
	}

}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div .pickup-recipe figure img {
		border-radius: 1em;
	}

}



/* ==================== #special/#valentine/feature-recipes/> div/pickup-recipe/@.css ==================== */

#special #valentine .feature-recipes > div .pickup-recipe {
	display: grid;
	background: white;
}


@media (max-width: 640px) {

	#special #valentine .feature-recipes > div .pickup-recipe {
		border-radius: 1.5em 1.5em 0.25em 0.25em;
		grid-gap: 0.5em;
		justify-items: center;
		padding: 1.75em 0.75em 0.75em;
	}

	#special #valentine .feature-recipes > div .pickup-recipe .name {
		font-size: 80%;
	}
	#special #valentine .feature-recipes > div .pickup-recipe p {
		font-size: 70%;
	}

}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div .pickup-recipe {
		grid-gap: 0.5em 1.5em;
		align-items: start;
		border-radius: 2em 2em 0.25em 0.25em;
		padding: 1.5em;
	}

	#special #valentine .feature-recipes > div:nth-child(odd) .pickup-recipe {
		grid-template-columns: 20em 1fr;
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure p'
		'figure blank2';
	}
	#special #valentine .feature-recipes > div:nth-child(even) .pickup-recipe {
		grid-template-columns: 1fr 20em;
		grid-template-areas:
		'blank1 figure'
		'name figure'
		'searchitems figure'
		'p figure'
		'blank2 figure';
	}


	#special #valentine .feature-recipes > div .pickup-recipe figure { grid-area: figure; }
	#special #valentine .feature-recipes > div .pickup-recipe .name { grid-area: name; }
	#special #valentine .feature-recipes > div .pickup-recipe .searchitems { grid-area: searchitems; }
	#special #valentine .feature-recipes > div .pickup-recipe p { grid-area: p; }

	#special #valentine .feature-recipes > div .pickup-recipe .name {
		justify-self: center;
		border-bottom: 1.5px solid var(--color-red);
		padding-bottom: 0.25em;
	}

	#special #valentine .feature-recipes > div:nth-of-type(1) .pickup-recipe .name {
		font-size: 95%;
	}

	#special #valentine .feature-recipes > div .pickup-recipe p {
		font-size: 75%;
	}

}



/* ==================== #special/#valentine/feature-recipes/> div/recipes/@.css ==================== */

#special #valentine .feature-recipes > div .recipes {
	display: grid;
}


@media (max-width: 640px) {

	#special #valentine .feature-recipes > div .recipes {
		margin-top: 0.5em;
		grid-gap: 0.5em;
	}

}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div .recipes {
		margin-top: 0.5em;
		grid-gap: 0.5em;
		grid-template-columns: repeat(4, 1fr);
	}

}



/* ==================== #special/#valentine/feature-recipes/> div/recipes/recipe.css ==================== */

#special #valentine .feature-recipes > div .recipes .recipe {
	display: grid;
	grid-gap: 0.25em;
	justify-items: center;
	border-radius: 0.25em;
	background: white;
}

#special #valentine .feature-recipes > div .recipes .recipe .name {
	line-height: 1.3;
}

#special #valentine .feature-recipes > div .recipes .recipe p {
	margin-top: 0.5em;
	line-height: 1.4;
}

#special #valentine .feature-recipes > div .recipes .recipe figure a {
	transition: 150ms;
}
#special #valentine .feature-recipes > div .recipes .recipe figure a:hover {
	opacity: 1;
	filter: brightness(110%);
}

#special #valentine .feature-recipes > div .recipes .recipe figure img {
	aspect-ratio: 400/320;
	object-fit: cover;
	border-radius: 2px;
}


@media (max-width: 640px) {

	#special #valentine .feature-recipes > div .recipes .recipe {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure blank2'
		'p p';
		grid-gap: 0.5em 0.75em;
		padding: 0.75em;
	}

	#special #valentine .feature-recipes > div .recipes .recipe figure { grid-area: figure; }
	#special #valentine .feature-recipes > div .recipes .recipe .name { grid-area: name; }
	#special #valentine .feature-recipes > div .recipes .recipe .searchitems { grid-area: searchitems; }
	#special #valentine .feature-recipes > div .recipes .recipe p { grid-area: p; }

	#special #valentine .feature-recipes > div .recipes .recipe figure img {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	#special #valentine .feature-recipes > div .recipes .recipe .name {
		font-size: 70%;
		line-height: 1.3;
	}
	#special #valentine .feature-recipes > div .recipes .recipe p {
		font-size: 70%;
	}


}


@media (min-width: 641px) {

	#special #valentine .feature-recipes > div .recipes .recipe {
		align-content: start;
		padding: 0.5em;
	}

	#special #valentine .feature-recipes > div .recipes .recipe .name {
		display: flex;
		align-items: center;
		min-height: 2.6em;
		font-size: 65%;
	}

	#special #valentine .feature-recipes > div .recipes .recipe figure {
		/* width: 10.5em; */
	}

	#special #valentine .feature-recipes > div .recipes .recipe p {
		font-size: 65%;
	}

}



/* ==================== #special/#valentine/top/<h1>.css ==================== */

#special #valentine .top h1 {
	border-top: solid #ff6969;
	position: relative;
}


#special #valentine .top h1::before {
	content: '';
	display: block;
	width: 100%;
	background: no-repeat center bottom;
}

#special #valentine .top h1 img {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}


@media (max-width: 640px) {

	#special #valentine .top h1 {
		border-top-width: 0.25em;
		padding-bottom: 2.25em;
	}


	#special #valentine .top h1::before {
		aspect-ratio: 390/193;
		background-image:
		url(../img/feature/valentine/mv_border_sp.png),
		url(../img/feature/valentine/mv_sp.jpg);
		background-size: 100% 1.6em, cover;
	}

	#special #valentine .top h1 img {
		width: 14.5em;
	}

}


@media (min-width: 641px) {

	#special #valentine .top h1 {
		border-top-width: 0.25em;
		padding-bottom: 1em;
	}

	#special #valentine .top h1::before {
		aspect-ratio: 1112/375;
		background-image:
		url(../img/feature/valentine/mv_border_pc.png),
		url(../img/feature/valentine/mv_pc.jpg);
		background-size: 100% 2.2em, cover;
	}

	#special #valentine .top h1 img {
		width: 39.9em;
	}

}



/* ==================== #special/#valentine/top/<p>.css ==================== */

#special #valentine .top p {
	color: #630000;
	font-weight: bold;
}


@media (max-width: 640px) {

	#special #valentine .top p {
		padding: 1.5em;
		font-size: 75%;
	}

}


@media (min-width: 641px) {

	#special #valentine .top p {
		display: grid;
		justify-items: center;
		margin: 1em auto;
		line-height: 1.6;
		font-size: 80%;
	}

}



/* ==================== #special/#valentine/top/@.css ==================== */





/* ==================== #special/#woman/@.css ==================== */

#special #woman *,
#special #woman *::after {
	all: unset;
}

#special #woman {
	display: grid;
	margin-bottom: 3em;
	color: black;
	line-height: 1.5;
	background: url(../img/feature/woman/bg.png);
	background-size: 6em;
	border-top: 4px solid #fa9d8f;
}


@media (min-width: 641px) {

	#special #woman {
		margin-top: 1em;
	}

}



/* ==================== #special/#woman/@reset.css ==================== */

#special #woman h1,
#special #woman h2,
#special #woman h3,
#special #woman h4,
#special #woman h5,
#special #woman h6 {
	margin: 0;
	font-size: inherit;
}

#special #woman p,
#special #woman figure,
#special #woman ul,
#special #woman ol {
	margin: 0;
}

#special #woman button {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}

#special #woman img {
	max-width: 100%;
	vertical-align: bottom;
}

#special #woman a {
	display: inline-block;
	cursor: pointer;
}



/* ==================== #special/#woman/@responsive.css ==================== */

#special #woman,
#special #woman img {
	font-size: 20px;
}


@media (max-width: 640px) {
	#special #woman,
	#special #woman img {
		font-size: 5.1282051282051vw;
	}
}


@media (min-width: 641px) and (max-width: 1024px) {
	#special #woman,
	#special #woman img {
		font-size: 1.953125vw;
	}
}


@media (min-width: 1367px) {
	#special #woman,
	#special #woman img {
		font-size: 1.4641288433382vw;
	}
}



/* ==================== #special/#woman/recipe/<h1>.css ==================== */

#special #woman .recipe h1 {
	display: flex;
	align-items: center;
	justify-content: center;
}


@media (max-width: 640px) {

	#special #woman .recipe h1 img {
		width: 50vw;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe h1 {
		background: url(../img/feature/woman/title_back.png) no-repeat center center / 53.6em;
	}

	#special #woman .recipe h1 img {
		width: 12.1em;
	}

}



/* ==================== #special/#woman/recipe/@.css ==================== */

#special #woman .recipe {
	display: grid;
}


@media (max-width: 640px) {

	#special #woman .recipe {
		grid-gap: 1em;
		padding: 1em 0;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe {
		grid-gap: 1.5em;
		padding: 1.5em 0;
	}

}



/* ==================== #special/#woman/recipe/totop.css ==================== */

#special #woman .recipe .totop {
	margin: 1em auto;
	display: flex;
	justify-content: center;
}


#special #woman .recipe .totop a {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
}

#special #woman .recipe .totop img:nth-of-type(1) { width: 100%; }
#special #woman .recipe .totop img:nth-of-type(2) { width: 45%; }


@media (max-width: 640px) {

	#special #woman .recipe .totop a {
		width: 50vw;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .totop a {
		width: 12.1em;
	}

}



/* ==================== #special/#woman/recipe/category-menu/@.css ==================== */

#special #woman .recipe .category-menu {
	display: grid;
}

#special #woman .recipe .category-menu ul {
	display: grid;
}

#special #woman .recipe .category-menu li a {
	display: grid;
	align-content: center;
	justify-items: center;
	box-sizing: border-box;
	height: 3em;
	border-radius: 1.5em;
	border: 1.5px solid white;
	background: #fa655b;
	color: white;
	font-size: 75%;
	line-height: 1.3;
}

#special #woman .recipe .category-menu li a small {
	font-size: 66%;
}


@media (max-width: 640px) {

	#special #woman .recipe .category-menu {
		padding: 0 1em;
	}

	#special #woman .recipe .category-menu ul {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0.25em;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .category-menu {
		width: 48em;
		margin: 0 auto;
	}

	#special #woman .recipe .category-menu ul {
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		grid-gap: 0.5em;
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/<figure>.css ==================== */

@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes figure {
		overflow: hidden;
	}

	#special #woman .recipe .feature-recipes figure img {
		transition: 300ms;
	}

	#special #woman .recipe .feature-recipes figure img:hover {
		filter: brightness(110%);
		transform: scale(1.2);
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/@.css ==================== */

#special #woman .recipe .feature-recipes {
	display: grid;
}


@media (max-width: 640px) {

	#special #woman .recipe .feature-recipes {
		grid-gap: 1.5em;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes {
		grid-gap: 1em;
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/> div/<h2>.css ==================== */

@media (max-width: 640px) {

	#special #woman .recipe .feature-recipes > div h2 img {
		width: 80vw;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes > div h2 img {
		max-width: none;
		height: 1.5em;
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/> div/@.css ==================== */

#special #woman .recipe .feature-recipes > div {
	display: grid;
	justify-items: center;
	background: #fa9d8f;
}


@media (max-width: 640px) {

	#special #woman .recipe .feature-recipes > div {
		grid-gap: 1em;
		padding: 1.5em 1em;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes > div {
		grid-gap: 1.5em;
		padding: 2.5em 0;
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/> div/base/@.css ==================== */

#special #woman .recipe .feature-recipes > div .base {
	display: grid;
	grid-gap: 0.5em;
	box-sizing: border-box;
}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes > div .base {
		width: 48em;
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/> div/base/searchitems.css ==================== */

#special #woman .recipe .feature-recipes > div .base .searchitems {
	display: flex;
	gap: 0.25em;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1;
}

#special #woman .recipe .feature-recipes > div .base .searchitems img {
	height: 0.9em;
}



/* ==================== #special/#woman/recipe/feature-recipes/> div/base/pickup-recipe/@.css ==================== */

#special #woman .recipe .feature-recipes > div .base .pickup-recipe {
	display: grid;
	justify-items: center;
	border-radius: 0.25em;
	background: white;
	cursor: pointer;
}

#special #woman .recipe .feature-recipes > div .base .pickup-recipe .name {
	color: #fa5448;
	font-weight: bold;
	line-height: 1.3;
}


@media (max-width: 640px) {

	#special #woman .recipe .feature-recipes > div .base .pickup-recipe {
		grid-gap: 0.75em;
		justify-items: center;
		padding: 1em;
	}

	#special #woman .recipe .feature-recipes > div .base .pickup-recipe .name {
		font-size: 90%;
	}

	#special #woman .recipe .feature-recipes > div .base .pickup-recipe p {
		font-size: 65%;
		line-height: 1.4;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes > div .base .pickup-recipe {
		grid-gap: 0.5em 1.5em;
		padding: 1.5em;
	}

	#special #woman .recipe .feature-recipes > div:nth-child(odd) .base .pickup-recipe {
		grid-template-columns: 20em 1fr;
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure p'
		'figure blank2';
	}
	#special #woman .recipe .feature-recipes > div:nth-child(even) .base .pickup-recipe {
		grid-template-columns: 1fr 20em;
		grid-template-areas:
		'blank1 figure'
		'name figure'
		'searchitems figure'
		'p figure'
		'blank2 figure';
	}


	#special #woman .recipe .feature-recipes > div .base .pickup-recipe figure { grid-area: figure; }
	#special #woman .recipe .feature-recipes > div .base .pickup-recipe .name { grid-area: name; }
	#special #woman .recipe .feature-recipes > div .base .pickup-recipe .searchitems { grid-area: searchitems; }
	#special #woman .recipe .feature-recipes > div .base .pickup-recipe p { grid-area: p; }

	#special #woman .recipe .feature-recipes > div .base .pickup-recipe .name {
		font-size: 100%;
	}

	#special #woman .recipe .feature-recipes > div .base .pickup-recipe p {
		font-size: 70%;
		line-height: 1.5;
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/> div/base/recipes/@.css ==================== */

#special #woman .recipe .feature-recipes > div .base .recipes {
	display: grid;
	grid-gap: 0.5em;
}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes > div .base .recipes {
		grid-template-columns: repeat(4, 1fr);
	}

}



/* ==================== #special/#woman/recipe/feature-recipes/> div/base/recipes/recipe.css ==================== */

#special #woman .recipe .feature-recipes > div .base .recipes .recipe {
	display: grid;
	justify-items: center;
	border-radius: 0.25em;
	background: white;
	cursor: pointer;
}

#special #woman .recipe .feature-recipes > div .base .recipes .recipe .name {
	color: #fa5448;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.3;
}

#special #woman .recipe .feature-recipes > div .base .recipes .recipe p {
	font-size: 65%;
	line-height: 1.4;
}


@media (max-width: 640px) {

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure blank2'
		'p p';
		grid-gap: 0.5em 0.75em;
		padding: 0.75em;
	}

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe figure { grid-area: figure; }
	#special #woman .recipe .feature-recipes > div .base .recipes .recipe .name { grid-area: name; }
	#special #woman .recipe .feature-recipes > div .base .recipes .recipe .searchitems { grid-area: searchitems; }
	#special #woman .recipe .feature-recipes > div .base .recipes .recipe p { grid-area: p; }

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe figure {
		overflow: hidden; /* for Android 10 */
	}

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe figure img {
		width: 100%;
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe .name {
		line-height: 1.3;
	}

}


@media (min-width: 641px) {

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe {
		grid-gap: 0.5em;
		align-content: start;
		padding: 0.5em;
	}

	#special #woman .recipe .feature-recipes > div .base .recipes .recipe .name {
		display: flex;
		align-items: center;
		min-height: 2.6em;
	}

}



/* ==================== #special/#woman/top/nutrition/<h2>.css ==================== */

@media (max-width: 640px) {

	#special #woman .top .nutrition h2 img {
		width: 90vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition h2 img {
		width: 42.8em;
	}

}



/* ==================== #special/#woman/top/nutrition/@.css ==================== */

#special #woman .top .nutrition {
	display: grid;
	justify-items: center;
	background: #fa9d8f;
}


@media (max-width: 640px) {

	#special #woman .top .nutrition {
		grid-gap: 1.5em;
		padding: 1.5em 1em;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition {
		grid-gap: 2em;
		padding: 2em 0;
	}

}



/* ==================== #special/#woman/top/nutrition/list/@.css ==================== */

#special #woman .top .nutrition .list {
	display: grid;
}


@media (max-width: 640px) {

	#special #woman .top .nutrition .list {
		grid-gap: 2.5em;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition .list {
		grid-gap: 2em;
		width: 49em;
	}

}



/* ==================== #special/#woman/top/nutrition/list/> div/<dl>.css ==================== */

#special #woman .top .nutrition .list > div dl {
	display: grid;
	grid-gap: 0.25em;
	font-size: 70%;
	line-height: 1.6;
}

#special #woman .top .nutrition .list > div dl dt {
	color: #fa5448;
	font-size: 110%;
	font-weight: bold;
}

#special #woman .top .nutrition .list > div dl dt:nth-of-type(n+2) {
	margin-top: 1em;
}



/* ==================== #special/#woman/top/nutrition/list/> div/<figure>.css ==================== */

@media (max-width: 640px) {

	#special #woman .top .nutrition .list > div figure img {
		width: 55vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition .list > div figure img {
		width: 12.2em;
	}

}



/* ==================== #special/#woman/top/nutrition/list/> div/<h3>.css ==================== */

@media (max-width: 640px) {

	#special #woman .top .nutrition .list > div h3 img {
		width: 40vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition .list > div h3 img {
		width: 9.5em;
	}

}



/* ==================== #special/#woman/top/nutrition/list/> div/@.css ==================== */

#special #woman .top .nutrition .list > div {
	display: grid;
	position: relative;
	border-radius: 1em;
	background: white;
}


@media (max-width: 640px) {

	#special #woman .top .nutrition .list > div {
		grid-gap: 1em;
		justify-items: center;
		padding: 1em 1em 2em;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition .list > div {
		grid-template-columns: max-content 1fr;
		grid-template-areas:
		'h3 dl'
		'figure dl';
		grid-gap: 1em 1em;
		align-items: center;
		padding: 1.5em;
	}

	#special #woman .top .nutrition .list > div h3 { grid-area: h3; }
	#special #woman .top .nutrition .list > div figure { grid-area: figure; }
	#special #woman .top .nutrition .list > div dl { grid-area: dl; }

	#special #woman .top .nutrition .list > div h3 {
	justify-self: center;
	}

}



/* ==================== #special/#woman/top/nutrition/list/> div/link.css ==================== */

#special #woman .top .nutrition .list > div .link {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(-1.25em, 50%);
}


@media (max-width: 640px) {

	#special #woman .top .nutrition .list > div .link img {
		height: 1.75em;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition .list > div .link img {
		height: 2.2em;
	}

}



/* ==================== #special/#woman/top/nutrition/reference/<h3>.css ==================== */

#special #woman .top .nutrition .reference h3 img {
	width: 4em;
}



/* ==================== #special/#woman/top/nutrition/reference/<p>.css ==================== */

#special #woman .top .nutrition .reference p {
	display: grid;
	color: #fa5448;
	font-size: var(--fsize-m);
	font-size: 70%;
	word-break: break-all;
}

#special #woman .top .nutrition .reference p a {
	text-decoration: underline;
}



/* ==================== #special/#woman/top/nutrition/reference/<ul>.css ==================== */

#special #woman .top .nutrition .reference ul {
	display: grid;
	color: #6e361d;
	font-size: 70%;
}



/* ==================== #special/#woman/top/nutrition/reference/@.css ==================== */

#special #woman .top .nutrition .reference {
	display: grid;
	border-radius: 1em;
	margin: 1em auto;
	padding: 1em;
	background: rgba(255,255,255,0.5);
}


@media (max-width: 640px) {

	#special #woman .top .nutrition .reference {
		grid-gap: 0.75em;
		justify-items: center;
	}

}


@media (min-width: 641px) {

	#special #woman .top .nutrition .reference {
		grid-template-columns: max-content 1fr;
		grid-template-areas:
		'h3 ul'
		'h3 p';
		grid-gap: 0.5em 1em;
	}

	#special #woman .top .nutrition .reference h3 { grid-area: h3; }
	#special #woman .top .nutrition .reference ul { grid-area: ul; }
	#special #woman .top .nutrition .reference p { grid-area: p; }

}



/* ==================== #special/#woman/top/title/&::after.css ==================== */

#special #woman .top .title::after {
	content: '';
	display: block;
	width: 100%;
	height: 10.6em;
	background:
	url(../img/feature/woman/top_image.png) no-repeat center center / contain,
	linear-gradient(#fa9d8f, #fa9d8f) no-repeat left bottom -1px / 100% 25%;
}


@media (max-width: 640px) {

	#special #woman .top .title::after {
		height: 40vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .title::after {
		height: 10.6em;
	}

}



/* ==================== #special/#woman/top/title/<h1>.css ==================== */

@media (max-width: 640px) {

	#special #woman .top .title h1 img {
		width: 70vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .title h1 img {
		width: 21em;
	}

}



/* ==================== #special/#woman/top/title/<p>.css ==================== */

#special #woman .top .title p {
	display: grid;
	justify-items: center;
	color: #6e361d;
}


@media (max-width: 640px) {

	#special #woman .top .title p {
		font-size: 70%;
	}

}


@media (min-width: 641px) {

	#special #woman .top .title p {
		font-size: 80%;
	}

}



/* ==================== #special/#woman/top/title/@.css ==================== */

#special #woman .top .title {
	display: grid;
	grid-gap: 1.5em;
	justify-items: center;
	background: no-repeat center top;
}


@media (max-width: 640px) {

	#special #woman .top .title {
		padding-top: 25vw;
		background-image: url(../img/feature/woman/top_pic_sp.png);
		background-size: 100vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .title {
		padding-top: 2em;
		background-image: url(../img/feature/woman/top_pic_pc.png);
		background-size: 68.3em;
	}

}



/* ==================== #special/#woman/top/to-recipe/@.css ==================== */

#special #woman .top .to-recipe {
	display: grid;
	justify-items: center;
	margin: 3em auto;
}


@media (max-width: 640px) {

	#special #woman .top .to-recipe img {
		width: 85vw;
	}

}


@media (min-width: 641px) {

	#special #woman .top .to-recipe a {
		position: relative;
	}
	#special #woman .top .to-recipe a::before,
	#special #woman .top .to-recipe a::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		aspect-ratio: 1/1;
		width: 5.5em;
		padding: 0 1em;
		transform: translateY(-50%);
		background: no-repeat center center / contain;
	}

	#special #woman .top .to-recipe a::before {
		right: 100%;
		background-image: url(../img/feature/woman/recipe_link_pic_1.png);
	}
	#special #woman .top .to-recipe a::after {
		left: 100%;
		background-image: url(../img/feature/woman/recipe_link_pic_2.png);
	}

	#special #woman .top .to-recipe img {
		width: 30.5em;
	}

}



/* ==================== #special/#xmas/@.css ==================== */

#special #xmas {
	position: relative;
	display: grid;
	color: black;
	line-height: 1.5;
	margin-top: 1em;
	margin-bottom: 3em;
}


@media (min-width: 641px) {

	#special #xmas::before,
	#special #xmas::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		width: 5em;
		height: 100%;
		background: repeat-y center top / contain;
	}

	#special #xmas::before {
		left: 50%;
		transform: translateX(-25em);
		background-image: url(../img/feature/xmas/special_contents_back1_pc.png);
	}
	#special #xmas::after {
		right: 50%;
		transform: translateX(25em);
		background-image: url(../img/feature/xmas/special_contents_back2_pc.png);
		visibility: visible;
	}

	#special #xmas .title,
	#special #xmas .category-menu ul,
	#special #xmas .gold-base {
		position: relative;
		z-index: 1;
	}

}



/* ==================== #special/#xmas/@reset.css ==================== */

#special #xmas h1,
#special #xmas h2,
#special #xmas h3,
#special #xmas h4,
#special #xmas h5,
#special #xmas h6 {
	margin: 0;
	font-size: inherit;
}

#special #xmas p,
#special #xmas figure {
	margin: 0;
}

#special #xmas button {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}



/* ==================== #special/#xmas/@responsive.css ==================== */

#special #xmas,
#special #xmas img {
	font-size: 20px;
}


@media (max-width: 390px) {
	#special #xmas,
	#special #xmas img {
		font-size: 5.1282051282051vw;
	}
}


@media (min-width: 641px) and (max-width: 1024px) {
	#special #xmas,
	#special #xmas img {
		font-size: 1.953125vw;
	}
}


@media (min-width: 1367px) {
	#special #xmas,
	#special #xmas img {
		font-size: 1.4641288433382vw;
	}
}



/* ==================== #special/#xmas/@vars.css ==================== */

#special #xmas {

	--bg-red-light: #e7380d;
	--bg-red-dark: #c1010e;
	--bg-grad-red: linear-gradient(to top, #c1010e, #e7380d);
	--bg-green-light: #0f892b;
	--bg-green-dark: #006e1d;
	--bg-grad-green: linear-gradient(to top, #006e1d, #0f892b);
	--color-red: #db0000;

}



/* ==================== #special/#xmas/a-recipe.css ==================== */

#special #xmas .a-recipe {
	display: grid;
}


#special #xmas .a-recipe__pic img {
	border-radius: 2px;
}


#special #xmas .a-recipe__name {
	color: var(--color-red);
	font-weight: bold;
	line-height: 1.3;
}


#special #xmas .a-recipe__searchitems {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#special #xmas .a-recipe__searchitems a {
	padding: 0.1em;
}

#special #xmas .a-recipe__searchitems img {
	height: 1em;
	font-size: inherit;
}


/* ////////// special-top ////////// */

#special #xmas .a-recipe--special-top {
	justify-items: center;
	grid-row-gap: 0.25em;
}

#special #xmas .a-recipe--special-top .a-recipe__pic {
	box-sizing: border-box;
	border: 1.5px solid #dbba67;
	border-radius: 2px;
	padding: 0.5em;
	transform: rotate(2deg);
	background: white;
}

@media (min-width: 641px) {
	#special #xmas .a-recipe--special-top .a-recipe__pic {
		width: 18em;
	}
}

@media (max-width: 640px) {
	#special #xmas .a-recipe--special-top .a-recipe__name {
		font-size: 80%;
	}
}

@media (min-width: 641px) {
	#special #xmas .a-recipe--special-top .a-recipe__name {
		font-size: 90%;
	}
}

/* ////////// special ////////// */

#special #xmas .a-recipe--special {
	grid-gap: 0.25em;
	justify-items: center;
}


@media (max-width: 640px) {

	#special #xmas .a-recipe--special .a-recipe__pic img {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	#special #xmas .a-recipe--special .a-recipe__name {
		font-size: 70%;
	}

}


@media (min-width: 641px) {

	#special #xmas .a-recipe--special .a-recipe__name {
		font-size: 65%;
	}

}


/* ////////// pickup ////////// */

#special #xmas .a-recipe--pickup {
	display: grid;
}

#special #xmas .a-recipe--pickup .a-recipe__pic {
	box-sizing: border-box;
	border: 1.5px solid #dbba67;
	border-radius: 2px;
	padding: 0.5em;
	background: white;
}

#category-1 .a-recipe--pickup .a-recipe__pic,
#category-3 .a-recipe--pickup .a-recipe__pic,
#category-5 .a-recipe--pickup .a-recipe__pic {
	transform: rotate(2deg);
}
#category-2 .a-recipe--pickup .a-recipe__pic,
#category-4 .a-recipe--pickup .a-recipe__pic {
	transform: rotate(-2deg);
}


@media (max-width: 640px) {

	#special #xmas .a-recipe--pickup {
		grid-gap: 0.5em;
		justify-items: center;
	}

	#special #xmas .a-recipe--pickup .a-recipe__pic {
		width: 14em;
	}

	#special #xmas .a-recipe--pickup .a-recipe__name {
		width: 90%;
		font-size: 80%;
	}
	#special #xmas .a-recipe--pickup .a-recipe__description {
		font-size: 70%;
	}

}


@media (min-width: 641px) {

	#special #xmas .a-recipe--pickup {
		grid-template-rows: 4.5em repeat(4, auto);
		grid-gap: 0.5em 1.5em;
		align-items: start;
	}

	#category-1 .a-recipe--pickup,
	#category-3 .a-recipe--pickup,
	#category-5 .a-recipe--pickup {
		grid-template-columns: 1fr max-content;
		grid-template-areas:
		'blank1 figure'
		'name figure'
		'searchitems figure'
		'p figure'
		'blank2 figure';
	}

	#category-2 .a-recipe--pickup,
	#category-4 .a-recipe--pickup {
		grid-template-columns: max-content 1fr;
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure p'
		'figure blank2';
	}

	#special #xmas .a-recipe--pickup .a-recipe__pic { grid-area: figure; }
	#special #xmas .a-recipe--pickup .a-recipe__name { grid-area: name; }
	#special #xmas .a-recipe--pickup .a-recipe__searchitems { grid-area: searchitems; }
	#special #xmas .a-recipe--pickup .a-recipe__description { grid-area: p; }

	#special #xmas .a-recipe--pickup .a-recipe__pic {
		width: 21em;
	}

	#special #xmas .a-recipe--pickup .a-recipe__name {
		justify-self: center;
		border-bottom: 1.5px solid var(--color-red);
		padding-bottom: 0.25em;
		font-size: 90%;
	}

	#special #xmas .a-recipe--pickup.a-recipe--697 .a-recipe__name {
		font-size: 85%;
	}

	#special #xmas .a-recipe--pickup .a-recipe__description {
		font-size: 70%;
	}

}


/* ////////// list ////////// */

#special #xmas .a-recipe--list {
	grid-gap: 0.25em;
	justify-items: center;
}

#special #xmas .a-recipe--list .a-recipe__description {
	margin-top: 0.5em;
	line-height: 1.4;
}


@media (max-width: 640px) {

	#special #xmas .a-recipe--list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
		'figure blank1'
		'figure name'
		'figure searchitems'
		'figure blank2'
		'p p';
		grid-gap: 0.5em 0.75em;
	}

	#special #xmas .a-recipe--list .a-recipe__pic { grid-area: figure; }
	#special #xmas .a-recipe--list .a-recipe__name { grid-area: name; }
	#special #xmas .a-recipe--list .a-recipe__searchitems { grid-area: searchitems; }
	#special #xmas .a-recipe--list .a-recipe__description { grid-area: p; }

	#special #xmas .a-recipe--list .a-recipe__pic img {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	#special #xmas .a-recipe--list .a-recipe__name {
		font-size: 70%;
		line-height: 1.3;
	}
	#special #xmas .a-recipe--list .a-recipe__description {
		font-size: 70%;
	}

}


@media (min-width: 641px) {

	#special #xmas .a-recipe--list .a-recipe__name {
		display: flex;
		align-items: center;
		min-height: 2.6em;
		font-size: 65%;
	}

	#special #xmas .a-recipe--list .a-recipe__pic {
		width: 10.5em;
	}

	#special #xmas .a-recipe--list .a-recipe__description {
		font-size: 65%;
	}

}



/* ==================== #special/#xmas/category-menu.css ==================== */

#special #xmas .category-menu {
	padding: 1.5em 0;
	background: var(--bg-red-dark);
}


@media (max-width: 640px) {

	#special #xmas .category-menu ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#special #xmas .category-menu li {
		width: 45%;
		margin: 1%;
	}

}


@media (min-width: 641px) {

	#special #xmas .category-menu {
		display: flex;
		justify-content: center;
	}

	#special #xmas .category-menu ul {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 0.5em;
		justify-content: center;
		width: 47em;
	}
}



/* ==================== #special/#xmas/feature-recipes-cateogry.css ==================== */

#special #xmas .feature-recipes-cateogry {
	display: grid;
	box-sizing: border-box;
}


@media (max-width: 640px) {

	#special #xmas .feature-recipes-cateogry {
		grid-row-gap: 1em;
		justify-items: center;
		padding: 0 1em 1em;
	}

}


@media (min-width: 641px) {

	#special #xmas .feature-recipes-cateogry {
		grid-gap: 2em;
		grid-template-columns: repeat(2, 1fr);
		width: 48em;
		padding: 0 1.5em 1.5em;
	}

	#category-1 .feature-recipes-cateogry__title,
	#category-3 .feature-recipes-cateogry__title,
	#category-5 .feature-recipes-cateogry__title {
		grid-column: 1; grid-row: 1;
	}
	#category-2 .feature-recipes-cateogry__title,
	#category-4 .feature-recipes-cateogry__title {
		grid-column: 2; grid-row: 1;
	}
	#special #xmas .feature-recipes-cateogry__pickup { grid-column: 1/3; grid-row: 1; }
	#special #xmas .feature-recipes-cateogry__recipes { grid-column: 1/3; grid-row: 2; }

}


@media (min-width: 641px) {

	#special #xmas .feature-recipes-cateogry__title {
		align-self: start;
		justify-self: center;
		justify-content: center;
		width: 20em;
	}

}

#special #xmas .feature-recipes-cateogry__pickup {
}

@media (min-width: 641px) {
	#special #xmas .feature-recipes-cateogry__pickup {
		margin: 0 1em;
	}
}


#special #xmas .feature-recipes-cateogry__recipes {
	display: grid;
}

@media (max-width: 640px) {
	#special #xmas .feature-recipes-cateogry__recipes {
		grid-row-gap: 1em;
	}
}

@media (min-width: 641px) {
	#special #xmas .feature-recipes-cateogry__recipes {
		grid-gap: 1em;
		grid-template-columns: repeat(auto-fit, minmax(1fr, 25%));
		grid-auto-flow: column;
		align-items: start;
		justify-content: center;
	}
}


@media (max-width: 640px) {
	#special #xmas .feature-recipes-cateogry__recipe {
		border-top: 1.5px solid #dbba67;
		/* margin-top: 1em; */
		padding-top: 1em;
	}

}



/* ==================== #special/#xmas/feature-recipes.css ==================== */

#special #xmas .feature-recipes {
	display: grid;
	justify-items: center;
}


@media (max-width: 640px) {

	#special #xmas .feature-recipes {
		grid-row-gap: inherit;
		grid-gap: 1.5em;
		padding: 2em 0.75em 0;
		background:
		url(../img/feature/xmas/arch_back_white.png) no-repeat center top / 100% 1em,
		linear-gradient(white, white) no-repeat center top 1em / 100% 100%,
		var(--bg-red-dark);

	}


}


@media (min-width: 641px) {

	#special #xmas .feature-recipes {
		grid-gap: 2em;
		padding-top: 3em;
		background:
		url(../img/feature/xmas/arch_back_white.png) no-repeat center top / 68.3em,
		linear-gradient(white, white) no-repeat center top 4em / 100% 100%,
		var(--bg-red-dark);

	}

}



/* ==================== #special/#xmas/gold-base.css ==================== */

#special #xmas .gold-base {
  position: relative;
}
#special #xmas .gold-base::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 1em;
  background: linear-gradient(white, white), linear-gradient(to bottom, #d59d15, #f4e275, #d59d15);
  background-clip: content-box, border-box;
}
@media (max-width: 640px) {
  #special #xmas .gold-base::before {
    padding: 0.2em;
  }
}
@media (min-width: 641px) {
  #special #xmas .gold-base::before {
    padding: 0.25em;
  }
}
#special #xmas .gold-base > * {
  position: relative;
}
@media (max-width: 640px) {
  #special #xmas .gold-base--special-1::before {
    height: calc(100% - 1.5em);
  }
}
@media (min-width: 641px) {
  #special #xmas .gold-base--special-1::before {
    height: calc(100% - 2em);
  }
}
@media (min-width: 641px) {
  #special #xmas .gold-base--special-2::before {
    height: calc(100% - 1.5em);
  }
}
@media (max-width: 640px) {
  #special #xmas .gold-base--category::before {
    height: calc(100% - 1em);
  }
}
@media (min-width: 641px) {
  #special #xmas .gold-base--category::before {
    height: calc(100% - 1.5em);
  }
}



/* ==================== #special/#xmas/special-1.css ==================== */

#special #xmas .special-1 {
  display: grid;
  padding: 1em 0;
  justify-items: center;
  background: var(--bg-grad-green);
}
@media (max-width: 640px) {
  #special #xmas .special-1 {
    padding: 1em;
  }
}
#special #xmas .special-1__inner {
  display: grid;
}
@media (max-width: 640px) {
  #special #xmas .special-1__inner {
    grid-row-gap: 1.5em;
  }
}
@media (min-width: 641px) {
  #special #xmas .special-1__inner {
    grid-row-gap: 1em;
    box-sizing: border-box;
    width: 40em;
    padding: 0 1.5em 1.5em;
  }
}



/* ==================== #special/#xmas/special-2.css ==================== */

#special #xmas .special-2 {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
}


@media (max-width: 640px) {

	#special #xmas .special-2 {
		margin-top: -1px;
		padding: 1em;
		background:
		url(../img/feature/xmas/arch_back_red.png) no-repeat center top 2em / 150% 16.5vw,
		var(--bg-grad-red) no-repeat left top calc(1em + 16.5vw) / 100% calc(100% - 1em - 16.5vw);
		background-color: var(--bg-green-dark);
	}

}


@media (min-width: 641px) {

	#special #xmas .special-2 {
		padding-top: 1.5em;
		background:
		url(../img/feature/xmas/arch_back_red.png) no-repeat center top 3em / 68.3em 4.1em,
		var(--bg-grad-red) no-repeat left top 7em / 100% calc(100% - 7em);
		background-color: var(--bg-green-dark);
	}

}



@media (max-width: 640px) {

	#special #xmas .special-2__title {
		padding: 0 0.5em;
	}

}


@media (min-width: 641px) {

	#special #xmas .special-2__title {
		position: relative;
	}

	#special #xmas .special-2__title::before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 43em;
		aspect-ratio: 2580/482;
		background: url(../img/feature/xmas/special_recipe_title_back_pc.png) no-repeat center center / contain;
	}

	#special #xmas .special-2__title img {
		width: 23.8em;
	}

}


/* @media (max-width: 640px) {

	#special #xmas .special-2 .image img {
		width: 15em;
	}

}


@media (min-width: 641px) {

	#special #xmas .special-2 .image {
		position: relative;
	}

	#special #xmas .special-2 .image::before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 43em;
		aspect-ratio: 2580/628;
		background: url(../img/feature/xmas/special_recipe_image_back_pc.png) no-repeat center center / contain;
	}

	#special #xmas .special-2 .image img {
		width: 17.2em;
	}

} */



/* ==================== #special/#xmas/special-btn.css ==================== */

#special #xmas .special-btn {
	cursor: pointer;
	width: 8.4em;
}



/* ==================== #special/#xmas/special-contents.css ==================== */

#special #xmas .special-contents h2 {
	display: flex;
	align-items: center;
	justify-content: center;
}


@media (max-width: 640px) {

	#special #xmas .special-contents h2 {
		height: 28.205128205128vw;
		padding: 0 1em;
		background:
		url(../img/feature/xmas/special_title_back_sp.png) no-repeat center bottom / 100% auto,
		url(../img/feature/xmas/arch_back_green.png) no-repeat center bottom / 150% 16.5vw,
		var(--bg-grad-red);
		text-align: center;
	}

}


@media (min-width: 641px) {

	#special #xmas .special-contents h2 {
		height: 8em;
		padding-top: 0.5em;
		background:
		url(../img/feature/xmas/special_title_back_pc.png) no-repeat center bottom / 43em auto,
		url(../img/feature/xmas/arch_back_green.png) no-repeat center bottom /68.3em 4em,
		var(--bg-grad-red);
	}

	#special #xmas .special-contents h2 img {
		width: 40.4em;
	}

}


#special #xmas .special-contents > p {
	color: white;
	font-weight: bold;
	font-size: 80%;
	background: var(--bg-green-light);
}


@media (max-width: 640px) {

	#special #xmas .special-contents > p {
		padding: 1em 1em 0;
	}

}


@media (min-width: 641px) {
	#special #xmas .special-contents > p {
		display: grid;
		justify-items: center;
	}
}



/* ==================== #special/#xmas/special-craft.css ==================== */

#special #xmas .special-craft {
  display: grid;
  grid-row-gap: 0.5em;
}
#special #xmas .special-craft__title {
  display: grid;
  justify-content: center;
  background: no-repeat center center/contain;
}
@media (max-width: 640px) {
  #special #xmas .special-craft__title {
    margin: 0 0.75em;
    padding: 0 1.5em;
  }
}
@media (min-width: 641px) {
  #special #xmas .special-craft__title img {
    width: 20em;
  }
}
#special #xmas .special-craft__body {
  display: grid;
  grid-row-gap: 0.75em;
  justify-items: center;
}
@media (max-width: 640px) {
  #special #xmas .special-craft__body {
    padding: 0 1em 1.5em;
  }
}
@media (min-width: 641px) {
  #special #xmas .special-craft__body {
    grid-template-columns: 15em 18em;
    grid-column-gap: 1.5em;
    justify-content: center;
    grid-template-areas: "image ." "image caption" "image text" "image link" "image .";
  }
}
@media (min-width: 641px) {
  #special #xmas .special-craft__image {
    grid-area: image;
  }
  #special #xmas .special-craft__caption {
    grid-area: caption;
  }
  #special #xmas .special-craft__text {
    grid-area: text;
  }
  #special #xmas .special-craft__link {
    grid-area: link;
  }
}
#special #xmas .special-craft__caption {
  color: #c7000b;
  font-weight: bold;
}
@media (max-width: 640px) {
  #special #xmas .special-craft__caption {
    font-size: 0.8em;
  }
}
@media (min-width: 641px) {
  #special #xmas .special-craft__caption {
    font-size: 0.9em;
  }
}
#special #xmas .special-craft__text {
  font-size: 0.75em;
}



/* ==================== #special/#xmas/special-movie.css ==================== */

#special #xmas .special-movie {
	display: grid;
	grid-gap: 0.75em;
	justify-items: center;
}

@media (max-width: 640px) {

	#special #xmas .special-movie {
		padding: 0 1em;
	}

}


@media (min-width: 641px) {

	#special #xmas .special-movie__title {
		width: 23.8em;
	}

}


#special #xmas .special-movie__lead {
	font-size: 75%;
}


#special #xmas .special-movie__list {
	display: grid;
}

@media (max-width: 640px) {
	#special #xmas .special-movie__list {
		grid-row-gap: 1.25em;
	}
}

@media (min-width: 641px) {
	#special #xmas .special-movie__list {
		grid-template-columns: repeat(2, 14.6em);
		grid-column-gap: 2.5em;
	}
}


#special #xmas .special-movie__item {
	display: grid;
	grid-row-gap: 0.75em;
	justify-items: center;
}



/* ==================== #special/#xmas/special-recipe-top.css ==================== */

#special #xmas .special-recipe-top {
	display: grid;
	justify-items: center;
}

@media (max-width: 640px) {

	#special #xmas .special-recipe-top {
		padding: 1.5em 1em;
		grid-row-gap: 0.75em;
	}

}


@media (min-width: 641px) {

	#special #xmas .special-recipe-top {
		grid-template-areas:
		'blank1 recipe'
		'caption recipe'
		'image recipe'
		'blank2 recipe';
		grid-template-rows: 3em;
		grid-column-gap: 2em;
		align-content: center;
		justify-content: center;
		box-sizing: border-box;
		width: 42em;
		padding: 0 1.5em 1.5em;
	}

	#special #xmas .special-recipe-top__recipe { grid-area: recipe; }
	#special #xmas .special-recipe-top__caption { grid-area: caption; }
	#special #xmas .special-recipe-top__image { grid-area: image; }

}

#special #xmas .special-recipe-top__caption {
	display: grid;
	grid-column-gap: 1em;
	justify-items: center;
	color: #005e1e;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.4;
}

#special #xmas .special-recipe-top__image {
	width: 14em;
}

@media (min-width: 641px) {
	#special #xmas .special-recipe-top__image {
		margin-top: 0.75em;
	}
}



/* ==================== #special/#xmas/special-recipes.css ==================== */

#special #xmas .special-recipes {
	display: grid;
}


@media (max-width: 640px) {
	#special #xmas .special-recipes {
		justify-self: stretch;
		grid-gap: 0.5em;
		grid-template-columns: repeat(2, 1fr);
	}

}


@media (min-width: 641px) {

	#special #xmas .special-recipes {
		grid-gap: 0.75em;
		grid-template-columns: repeat(3, 1fr);
		width: 42em;
	}

}



#special #xmas .special-recipes__recipe {
	display: grid;
	grid-gap: 0.5em;
}


@media (max-width: 640px) {

	#special #xmas .special-recipes__recipe {
		padding: 0.75em;
		align-content: start;
	}


}


@media (min-width: 641px) {

	#special #xmas .special-recipes__recipe {
		justify-items: center;
		padding: 1em;
	}

}



/* ==================== #special/#xmas/title.css ==================== */

#special #xmas .title {
	display: grid;
	align-items: center;
	justify-items: center;
}

#special #xmas .title .pics {
	order: -1;
}


@media (max-width: 640px) {

	#special #xmas .title h1,
	#special #xmas .title .pics {
		grid-column: 1;
		grid-row: 1;
	}

	#special #xmas .title p {
		grid-column: 1;
		grid-row: 2;
	}

}


@media (min-width: 641px) {

	#special #xmas .title {
		height: 23.5em;
	}

	#special #xmas .title > * {
		grid-column: 1;
		grid-row: 1;
	}

}


/* ////////// <h1> ////////// */

#special #xmas .title h1 {
	display: grid;
}

#special #xmas .title h1 img,
#special #xmas .title h1::before,
#special #xmas .title h1::after {
	grid-column: 1;
	grid-row: 1;
}

#special #xmas .title h1::before,
#special #xmas .title h1::after {
	content: '';
	display: block;
	background: url(../img/feature/xmas/title_base.png) no-repeat center center / 100% 100%;
	align-self: center;
	justify-self: center;
}

#special #xmas .title h1::before {
	width: calc(100% - 0.5em);
	height: calc(100% - 0.5em);
}
#special #xmas .title h1::after {
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

#special #xmas .title h1 img {
	z-index: 1;
	justify-self: center;
	transform: translateY(-10%);
}


@media (max-width: 640px) {

	#special #xmas .title h1 {
		width: 14.2em;
		aspect-ratio: 284/104;
	}

	#special #xmas .title h1 img {
		width: 14.1em;
	}

}


@media (min-width: 641px) {

	#special #xmas .title h1 {
		width: 22.4em;
		aspect-ratio: 1300/772;
	}

	#special #xmas .title h1 img {
		width: 16.9em;
	}

}

/* ////////// <p> ////////// */

#special #xmas .title p {
	font-size: 75%;
}


@media (max-width: 640px) {

	#special #xmas .title p {
		padding: 1em;
		color: white;
		background: var(--bg-red-light);
		font-weight: bold;
	}

}


@media (min-width: 641px) {

	#special #xmas .title p {
		display: grid;
		justify-items: center;
		z-index: 1;
		line-height: 1.6;
		transform: translateY(2em);
	}

}

/* ////////// pics ////////// */

#special #xmas .title .pics {
	justify-self: stretch;
	display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-template-rows: repeat(2, 50%);
	height: inherit;
}

#special #xmas .title .pics img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/* ==================== #washoku-no-hi/<h3>.css ==================== */

#washoku-no-hi h3 {
	margin: 0;
}


@media (max-width: 640px) {
	#washoku-no-hi h3 {
		width: 90%;
	}
}


@media (min-width: 641px) {
	#washoku-no-hi h3 img {
		width: 334px;
	}
}



/* ==================== #washoku-no-hi/> p.css ==================== */

#washoku-no-hi > p {
	margin: 0;
}


@media (max-width: 640px) {
	#washoku-no-hi > p {
		line-height: 1.4;
	}
}


@media (min-width: 641px) {

	#washoku-no-hi > p {
		line-height: 1.6;
		text-align: center;
	}

	#washoku-no-hi > p span {
		display: block;
	}
}



/* ==================== #washoku-no-hi/@.css ==================== */

#washoku-no-hi {
	display: grid;
	grid-gap: 1.5em;
	justify-items: center;
	border: 1px solid #ebc3bc;
	border-radius: 1.5em;
	justify-items: center;
}


@media (max-width: 640px) {
	#washoku-no-hi {
		margin: 0 1em 2em;
		padding: 1.5em;
	}
}



@media (min-width: 641px) {
	#washoku-no-hi {
		width: max-content;
		margin: -3em auto 2em;
		padding: 1.5em;
	}
}



/* ==================== #washoku-no-hi/manabu.css ==================== */

#washoku-no-hi .manabu {
	display: grid;
}

#washoku-no-hi .manabu h4,
#washoku-no-hi .manabu h5,
#washoku-no-hi .manabu figure,
#washoku-no-hi .manabu p {
	margin: 0;
}


#washoku-no-hi .manabu h4 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #be371f;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
}

#washoku-no-hi .manabu h4::before,
#washoku-no-hi .manabu h4::after {
	content: '';
	display: block;
	width: 2px;
	height: 1.25em;
	background: #be371f;
}
#washoku-no-hi .manabu h4::before {
	transform-origin: right bottom;
	margin-right: 0.5em;
	transform: rotate(-35deg);
}
#washoku-no-hi .manabu h4::after {
	transform-origin: left bottom;
	transform: rotate(35deg);
}

#washoku-no-hi .manabu h5 a {
	color: #006eff;
	text-decoration: underline;
	font-weight: bold;
}

#washoku-no-hi .manabu figure img {
	border: 1px solid #ccc;
}

#washoku-no-hi .manabu p {
	line-height: 1.3;
}


@media (max-width: 640px) {

	#washoku-no-hi .manabu {
		grid-gap: 1em;
		justify-items: center;
	}
	#washoku-no-hi .manabu figure {
		width: 90%;
	}

}


@media (min-width: 641px) {

	#washoku-no-hi .manabu {
		grid-gap: 0 1em;
		grid-template-columns: auto auto;
		grid-template-areas:
		'h4 h4'
		'figure blank1'
		'figure h5'
		'figure p'
		'figure blank2';
	}

	#washoku-no-hi .manabu::after {
		content: none;
	}

	#washoku-no-hi .manabu h4 { grid-area: h4; }
	#washoku-no-hi .manabu figure { grid-area: figure; }
	#washoku-no-hi .manabu h5 { grid-area: h5; }
	#washoku-no-hi .manabu p { grid-area: p; }


	#washoku-no-hi .manabu h4 {
		margin-bottom: 1em;
	}

	#washoku-no-hi .manabu figure img {
		width: 236px;
	}

	#washoku-no-hi .manabu p {
		margin-top: 0.5em;
		font-size: 90%;
	}

	#washoku-no-hi .manabu p span {
		display: block;
	}

}



/* ==================== shokuiku-recipe-search/ages-features.css ==================== */

.shokuiku-recipe-search .ages-features {
	position: relative;
	margin-top: 4em;
}

.shokuiku-recipe-search .ages-features:empty {
	display: none;
}

.shokuiku-recipe-search .ages-features::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 1.25em);
	border-radius: 1em;
}

.shokuiku-recipe-search .ages-features.age-1::before { background-color: #fff1cc; }
.shokuiku-recipe-search .ages-features.age-2::before { background-color: #e4f4cc; }
.shokuiku-recipe-search .ages-features.age-3::before { background-color: #e3f1ff; }
.shokuiku-recipe-search .ages-features.age-4::before { background-color: #efe9ff; }

.shokuiku-recipe-search .ages-features > * {
	position: relative;
}


.shokuiku-recipe-search .ages-features h2 {
	margin: 0;
	font-size: 275%;
	text-align: center;
}

.shokuiku-recipe-search .ages-features h2 img {
	display: inline;
	width: auto;
	height: 1em;
}

.shokuiku-recipe-search .ages-features ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0.5em 0 0;
	padding: 0;
	list-style-type: none;
}


@media (max-width: 640px) {
	.shokuiku-recipe-search .ages-features {
		padding: 0 1em 1em;
	}
	.shokuiku-recipe-search .ages-features li {
		width: calc(100% / 2 - 4%);
		margin: 2%;
	}
}


@media (min-width: 641px) {
	.shokuiku-recipe-search .ages-features {
		padding: 0 1.5em 1.5em;
	}
	.shokuiku-recipe-search .ages-features li {
		width: calc(100% / 3 - 2%);
		margin: 1%;
	}

	.IE .shokuiku-recipe-search .ages-features li {
		width: 31%;
	}
}



/* ==================== shokuiku-recipe-search/ages-head.css ==================== */

.shokuiku-recipe-search .ages-head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3em;
}
.shokuiku-recipe-search .ages-head:empty {
	display: none;
}

.shokuiku-recipe-search .ages-head h2 {
	flex-shrink: 0;
	width: 6em;
	margin: 0 1em 0 0;
	font-size: inherit;
}

.shokuiku-recipe-search .ages-head img {
	width: 100%;
}

.shokuiku-recipe-search .ages-head p {
	font-weight: bold;
}

.shokuiku-recipe-search .ages-head.age-1 p { color: #d47300; }
.shokuiku-recipe-search .ages-head.age-2 p { color: #328200; }
.shokuiku-recipe-search .ages-head.age-3 p { color: #0050a6; }
.shokuiku-recipe-search .ages-head.age-4 p { color: #411da1; }


@media (max-width: 640px) {
	.shokuiku-recipe-search .ages-head {
		font-size: 90%;
	}
	.shokuiku-recipe-search .ages-head p {
		line-height: 1.4;
	}
}


@media (min-width: 641px) {
	.shokuiku-recipe-search .ages-head p {
		line-height: 1.5;
	}
}



/* ==================== shokuiku-recipe-search/head.css ==================== */

.shokuiku-recipe-search .head {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px #7a6223 solid;
	margin-bottom: 1.5em;
	padding-bottom: 0.75em;
	color: #7a6223;
}

.shokuiku-recipe-search .head span {
	color: #333;
}
.shokuiku-recipe-search .head span.words {
	margin-right: 2em;
}
.shokuiku-recipe-search .head span.num::after {
	content: '品';
	margin-left: 0.5em;
	color: #7a6223;
}


@media (max-width: 640px) {

	.shokuiku-recipe-search .head {
		font-size: 95%;
		line-height: 1.5;
	}

	.shokuiku-recipe-search .head .num {
		margin-left: auto;
	}
}


@media (min-width: 641px) {
	.shokuiku-recipe-search .head {
		font-size: 18px;
	}
}



/* ==================== shokuiku-recipe-search/pagination.css ==================== */

.shokuiku-recipe-search .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.shokuiku-recipe-search .pagination li {
	margin: 0 3px;
}

.shokuiku-recipe-search .pagination li:not(.prev):not(.next) a {
	width: 40px;
	padding: 11px 0;
	box-sizing: border-box;
	background-color: #fff;
	border: 2px #d8271c solid;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.shokuiku-recipe-search .pagination li:not(.prev):not(.next).active a {
	background-color: #d8271c;
	color: #fff !important;
}

.shokuiku-recipe-search .pagination li.prev a,
.shokuiku-recipe-search .pagination li.next a {
	font-weight: bold;
	color: #d8271c !important;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.shokuiku-recipe-search .pagination li.prev a:before,
.shokuiku-recipe-search .pagination li.prev a:after,
.shokuiku-recipe-search .pagination li.next a:before,
.shokuiku-recipe-search .pagination li.next a:after {
	content: "";
	width: 17px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	visibility: visible;
}

.shokuiku-recipe-search .pagination li.prev {
	margin-right: 10px;
}

.shokuiku-recipe-search .pagination li.prev a:before {
	background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/arrow06.png);
	margin-right: 8px;
}

.shokuiku-recipe-search .pagination li.prev a:after {
	display: none;
}

.shokuiku-recipe-search .pagination li.next {
	margin-left: 10px;
}

.shokuiku-recipe-search .pagination li.next a:before {
	display: none;
}

.shokuiku-recipe-search .pagination li.next a:after {
	background-image: url(/meiji-shokuiku/shokuikurecipe/assets/img/arrow07.png);
	margin-left: 8px;
}


@media screen and (max-width: 640px) {

	.shokuiku-recipe-search .pagination li:not(.prev):not(.next) a {
		width: 30px;
		padding: 8px 0;
		font-size: 12px;
		border-width: 1px;
	}

	.shokuiku-recipe-search .pagination li.prev a,
	.shokuiku-recipe-search .pagination li.next a {
		font-size: 12px;
	}

	.shokuiku-recipe-search .pagination li.prev a span,
	.shokuiku-recipe-search .pagination li.next a span {
		display: none;
	}

	.shokuiku-recipe-search .pagination li.prev a:before,
	.shokuiku-recipe-search .pagination li.prev a:after,
	.shokuiku-recipe-search .pagination li.next a:before,
	.shokuiku-recipe-search .pagination li.next a:after {
		width: 14px;
		height: 12px;
		margin-left: 6px;
	}

}

@media screen and (min-width: 641px) {

	.shokuiku-recipe-search .pagination li.prev a,
	.shokuiku-recipe-search .pagination li.next a {
		font-size: 15px;
	}

}