.ng-letter-spacing-1 {
  letter-spacing: -0.001em !important;
}

.ng-letter-spacing-2 {
  letter-spacing: -0.002em !important;
}

.ng-letter-spacing-3 {
  letter-spacing: -0.003em !important;
}

.ng-letter-spacing-4 {
  letter-spacing: -0.004em !important;
}

.ng-letter-spacing-5 {
  letter-spacing: -0.005em !important;
}

.ng-letter-spacing-6 {
  letter-spacing: -0.006em !important;
}

.ng-letter-spacing-7 {
  letter-spacing: -0.007em !important;
}

.ng-letter-spacing-8 {
  letter-spacing: -0.008em !important;
}

.ng-letter-spacing-9 {
  letter-spacing: -0.009em !important;
}

.ng-letter-spacing-10 {
  letter-spacing: -0.01em !important;
}

.ng-letter-spacing-11 {
  letter-spacing: -0.011em !important;
}

.ng-letter-spacing-12 {
  letter-spacing: -0.012em !important;
}

.ng-letter-spacing-13 {
  letter-spacing: -0.013em !important;
}

.ng-letter-spacing-14 {
  letter-spacing: -0.014em !important;
}

.ng-letter-spacing-15 {
  letter-spacing: -0.015em !important;
}

.ng-letter-spacing-16 {
  letter-spacing: -0.016em !important;
}

.ng-letter-spacing-17 {
  letter-spacing: -0.017em !important;
}

.ng-letter-spacing-18 {
  letter-spacing: -0.018em !important;
}

.ng-letter-spacing-19 {
  letter-spacing: -0.019em !important;
}

.ng-letter-spacing-20 {
  letter-spacing: -0.02em !important;
}

.ng-letter-spacing-21 {
  letter-spacing: -0.021em !important;
}

.ng-letter-spacing-22 {
  letter-spacing: -0.022em !important;
}

.ng-letter-spacing-23 {
  letter-spacing: -0.023em !important;
}

.ng-letter-spacing-24 {
  letter-spacing: -0.024em !important;
}

.ng-letter-spacing-25 {
  letter-spacing: -0.025em !important;
}

.ng-letter-spacing-26 {
  letter-spacing: -0.026em !important;
}

.ng-letter-spacing-27 {
  letter-spacing: -0.027em !important;
}

.ng-letter-spacing-28 {
  letter-spacing: -0.028em !important;
}

.ng-letter-spacing-29 {
  letter-spacing: -0.029em !important;
}

.ng-letter-spacing-30 {
  letter-spacing: -0.03em !important;
}

.ng-letter-spacing-31 {
  letter-spacing: -0.031em !important;
}

.ng-letter-spacing-32 {
  letter-spacing: -0.032em !important;
}

.ng-letter-spacing-33 {
  letter-spacing: -0.033em !important;
}

.ng-letter-spacing-34 {
  letter-spacing: -0.034em !important;
}

.ng-letter-spacing-35 {
  letter-spacing: -0.035em !important;
}

.ng-letter-spacing-36 {
  letter-spacing: -0.036em !important;
}

.ng-letter-spacing-37 {
  letter-spacing: -0.037em !important;
}

.ng-letter-spacing-38 {
  letter-spacing: -0.038em !important;
}

.ng-letter-spacing-39 {
  letter-spacing: -0.039em !important;
}

.ng-letter-spacing-40 {
  letter-spacing: -0.04em !important;
}

.ng-letter-spacing-41 {
  letter-spacing: -0.041em !important;
}

.ng-letter-spacing-42 {
  letter-spacing: -0.042em !important;
}

.ng-letter-spacing-43 {
  letter-spacing: -0.043em !important;
}

.ng-letter-spacing-44 {
  letter-spacing: -0.044em !important;
}

.ng-letter-spacing-45 {
  letter-spacing: -0.045em !important;
}

.ng-letter-spacing-46 {
  letter-spacing: -0.046em !important;
}

.ng-letter-spacing-47 {
  letter-spacing: -0.047em !important;
}

.ng-letter-spacing-48 {
  letter-spacing: -0.048em !important;
}

.ng-letter-spacing-49 {
  letter-spacing: -0.049em !important;
}

.ng-letter-spacing-50 {
  letter-spacing: -0.05em !important;
}

.main-container p,
.main-container a {
  font-family: "zen Maru Gothic", "Noto Sans JP";
  font-weight: 500;
  color: #704C36;
  letter-spacing: normal;
}

section.main_contents {
  background-color: #f3ffd3;
}
@media (min-width: 640px) {
  section.main_contents {
    margin-bottom: -80px;
  }
}
section.main_contents article.recipe {
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
section.main_contents article.recipe .introduce {
  margin-top: -30px;
  padding-bottom: 82px;
  background-image: url("../../assets/img/tonyu/bg_img1.png");
  background-size: contain;
}
section.main_contents article.recipe .introduce img + img {
  margin-top: 0;
}
section.main_contents article.recipe .point {
  position: relative;
  overflow: hidden;
}
section.main_contents article.recipe .point.point1 {
  margin-top: -50px;
}
section.main_contents article.recipe .point.point2 {
  margin-top: -55px;
  background-color: #FFF3D5;
}
section.main_contents article.recipe .point.point2 .theme .insert {
  width: 27%;
}
section.main_contents article.recipe .point.point3 {
  margin-top: -55px;
  background-color: #FFF3D5;
}
section.main_contents article.recipe .point .theme {
  width: 100%;
  height: auto;
  position: relative;
}
section.main_contents article.recipe .point .theme .insert {
  position: absolute;
  top: 27.2px;
  right: -10px;
  width: 30%;
  display: block;
  z-index: 2;
}
section.main_contents article.recipe .point .theme .insert.pt_3 {
  width: 22%;
}
section.main_contents article.recipe .point .magic {
  background-image: url("../img/tonyu/bg_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -5px;
  position: relative;
  z-index: 1;
}
section.main_contents article.recipe .point .magic .awadate {
  display: block;
  position: absolute;
  right: 0px;
  width: 94px;
}
section.main_contents article.recipe .point .magic.magic1 {
  padding: 32.5px 85.4px 29.1px 18.8px;
}
section.main_contents article.recipe .point .magic.magic1 .awadate {
  bottom: -30px;
}
section.main_contents article.recipe .point .magic.magic2 {
  padding: 32.5px 85.4px 20px 18.8px;
}
section.main_contents article.recipe .point .magic.magic2 .awadate {
  bottom: -10px;
}
section.main_contents article.recipe .point .magic.magic3 {
  padding: 32.5px 85.4px 20px 18.8px;
}
section.main_contents article.recipe .point .magic.magic3 .awadate {
  bottom: -30px;
}
section.main_contents article.recipe .point .magic .describe p {
  font-size: 17px;
  line-height: 30px;
  margin-top: -6px;
  margin-bottom: -3px;
  padding: 26.6px 22.2px 26.8px 24.6px;
  background-color: #fff;
  border: none;
  border-radius: 12px;
  max-width: 380px;
}
section.main_contents article.recipe .point .magic .describe .pre {
  width: 234.76px;
  margin-left: 14px;
  margin-bottom: -5px;
}
section.main_contents article.recipe .point .magic .describe .suf {
  width: 226.38px;
  margin-left: 22.4px;
  margin-top: -4px;
}
section.main_contents article.recipe .recipe_pattern {
  display: flex;
  flex-direction: column;
}
section.main_contents article.recipe .recipe_pattern.white {
  background-color: #FFFBF4;
}
section.main_contents article.recipe .recipe_pattern.yellow {
  background-color: #FFF3D5;
}
section.main_contents article.recipe .recipe_pattern .chawan-mushi {
  background-color: #FFF7B8;
}
section.main_contents article.recipe .recipe_pattern .takikomi-gohan {
  background-color: #FFFBF4;
  margin-top: -40px;
}
section.main_contents article.recipe .recipe_pattern .shiro-kakuni {
  background-color: #FFF7B8;
}
section.main_contents article.recipe .recipe_pattern .oden {
  background-color: #FFFBF4;
  margin-top: -50px;
}
section.main_contents article.recipe .recipe_pattern .soup {
  background-color: #FFF7B8;
}
section.main_contents article.recipe .recipe_pattern .recipe {
  margin: 18.4px 20px 40px 20px;
}
section.main_contents article.recipe .recipe_pattern .recipe p {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.03em;
  padding-left: 12px;
  padding-right: 13px;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion {
  max-width: 100%;
  margin: 20px auto 7px;
  border: 2px solid #704C36;
  border-radius: 10px;
  background-color: #fff;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 1.2em;
  height: 27px;
  color: #704C36;
  font-weight: 600;
  cursor: pointer;
  font-family: "zen maru gothic", "Noto Sans JP";
  font-weight: 500;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion summary img {
  width: 14.5px;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion summary::-webkit-details-marker {
  display: none;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion summary::before, section.main_contents article.recipe .recipe_pattern .recipe .accordion summary::after {
  width: 3px;
  height: 0.9em;
  border-radius: 5px;
  background-color: rgba(51, 51, 51, 0.7019607843);
  content: "";
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion summary::before {
  position: absolute;
  right: 1.2em;
  rotate: 90deg;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion summary::after {
  transition: rotate 0.3s;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion[open] summary::after {
  rotate: 90deg;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion ul.table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 10.4px 12px 13.3px 12px;
  gap: 3px;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion ul.table li.item {
  text-align: center;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion ul.table li.item .title {
  font-family: "Noto Sans JP";
  font-size: 10px;
  color: #fff;
  background-color: #704C36;
  border: none;
  border-radius: 1.5px;
  height: 18px;
  line-height: 18px;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion ul.table li.item .value {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  background-color: #F0F0F0;
  margin-top: 2px;
  border: none;
  border-radius: 1.5px;
  height: 25px;
  line-height: 25px;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion ul.table li.item .value span {
  font-family: "Noto Sans JP";
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion p {
  color: #704C36;
  font-size: 10px;
}
section.main_contents article.recipe .recipe_pattern .recipe .accordion[open] p {
  transform: none;
  opacity: 1;
  margin-top: -15px;
}
section.main_contents article.recipe .recipe_pattern .recipe .materials {
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  border-radius: 12px;
  margin-top: 20px;
}
section.main_contents article.recipe .recipe_pattern .recipe .materials.white {
  background-image: url("../img/tonyu/bg_img3.png");
}
section.main_contents article.recipe .recipe_pattern .recipe .materials.yellow {
  background-image: url("../img/tonyu/bg_img4.png");
}
section.main_contents article.recipe .recipe_pattern .recipe .materials p {
  color: #0B0908;
  font-size: 16px;
  padding: 0;
}
section.main_contents article.recipe .recipe_pattern .recipe .materials .title {
  font-size: 15px;
  padding-top: 24px;
  text-align: center;
}
section.main_contents article.recipe .recipe_pattern .recipe .materials ul {
  padding: 5px 36px 25px;
}
section.main_contents article.recipe .recipe_pattern .recipe .materials ul li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 5px;
}
section.main_contents article.recipe .recipe_pattern .recipe .materials ul li p span {
  font-family: "Noto Sans JP";
}
section.main_contents article.recipe .recipe_pattern .recipe .appendix {
  color: #0B0908;
  font-size: 13px;
  padding: 0;
}
section.main_contents article.recipe .recipe_pattern .recipe .howToMake {
  margin-top: 20px;
}
section.main_contents article.recipe .recipe_pattern .recipe .howToMake .prepare p {
  padding: 0;
  color: #59432F;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
}
section.main_contents article.recipe .recipe_pattern .recipe .howToMake .making-step {
  margin-top: 18.4px;
}
section.main_contents article.recipe .recipe_pattern .recipe .howToMake .making-step ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
section.main_contents article.recipe .recipe_pattern .recipe .howToMake .making-step ul li p {
  margin-top: 3px;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  letter-spacing: normal;
}
section.main_contents article.recipe .recipe_pattern .recipe .howToMake .making-step ul li p span {
  font-family: "Noto Sans JP";
}
section.main_contents article.recipe .recipe_pattern .recipe .pickup {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.main_contents article.recipe .recipe_pattern .recipe .pickup a img {
  max-width: 420px;
  align-items: center;
  margin-top: 20px;
}
section.main_contents article.recipe .recipe_pattern .recipe .pickup .url {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
section.main_contents article.recipe .recipe_pattern .recipe .pickup .url a {
  font-size: 20px;
  color: #704C36;
  text-decoration: underline;
  -webkit-text-decoration-color: #704C36;
          text-decoration-color: #704C36;
  letter-spacing: normal;
}
section.main_contents article.recipe .recipe_pattern .recipe .pickup .url a.amazon {
  margin-left: 68px;
}
section.main_contents article.recipe .recipe_pattern .wave {
  margin-top: -40px;
}
section.main_contents article.recipe .summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: -35px;
  background-color: #fff;
}
section.main_contents article.recipe .summary .title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
section.main_contents article.recipe .summary .text {
  margin: 38.4px auto 0;
  font-size: 16px;
  line-height: 24px;
  width: 65%;
}
section.main_contents article.recipe .summary .ad {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75%;
}
section.main_contents article.recipe .summary .ad .tonyu {
  margin: 0 14px;
}
section.main_contents article.recipe .summary .ad a img {
  margin-top: 20px;
}
section.main_contents article.recipe .summary .ad .url {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
section.main_contents article.recipe .summary .ad .url a {
  font-size: 20px;
  color: #704C36;
  text-decoration: underline;
  -webkit-text-decoration-color: #704C36;
          text-decoration-color: #704C36;
  letter-spacing: normal;
}
section.main_contents article.recipe .summary .ad .url a.amazon {
  margin-left: 68px;
}
section.main_contents article.recipe .summary .beans {
  margin: 0 30.5px;
  width: 85%;
}
section.main_contents article.recipe .summary .megumin {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin-top: 31.8px;
  width: 334px;
}
section.main_contents article.recipe .summary .megumin img {
  width: 118px;
}
section.main_contents article.recipe .summary .megumin p {
  font-size: 16px;
  margin-top: 20px;
  line-height: 28px;
  padding-bottom: 160px;
}
@media (max-width: 767px) {
  section.main_contents article.recipe .summary .megumin p {
    padding-bottom: 70px;
  }
}
/*# sourceMappingURL=styles.css.map */