@charset "UTF-8";
/* ================================================== 

ブロックエディタ用 追加CSS

================================================== */
/* テーマ上書き パーツデザイン一新
-------------------------------------------------- */
.addcss-base-01 {
  font-size: 2rem;
}

/* インナー （幅制限）
-------------------------------------------------- */
/* インナー full */
.addcss-inner-full,
.addcss-inner-full.wp-block-group {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: 2000px;
  font-size: 2rem;
  transform: translateX(-50%);
}

/* インナー main */
.addcss-inner-main,
.addcss-inner-main.wp-block-group {
  width: 95%;
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  font-size: 2rem;
}

.addcss-inner-main + .addcss-inner-main,
.addcss-inner-main + .addcss-inner-main.wp-block-group,
.addcss-inner-main.wp-block-group + .addcss-inner-main,
.addcss-inner-main.wp-block-group + .addcss-inner-main.wp-block-group {
  margin-top: 5em;
}

.addcss-inner-mv + .addcss-inner-main,
.addcss-inner-mv + .addcss-inner-main.wp-block-group {
  margin-top: 2em;
}

/* インナー 800px  */
.addcss-inner-800,
.addcss-inner-800.wp-block-group {
  width: 95%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  font-size: 2rem;
}

.addcss-inner-800 + .addcss-inner-800,
.addcss-inner-800 + .addcss-inner-800.wp-block-group,
.addcss-inner-800.wp-block-group + .addcss-inner-800,
.addcss-inner-800.wp-block-group + .addcss-inner-800.wp-block-group {
  margin-top: 5em;
}

.addcss-inner-800 > * + *,
.addcss-inner-800.wp-block-group > * + * {
  margin-top: 2em;
}

.addcss-inner-mv + .addcss-inner-800,
.addcss-inner-mv + .addcss-inner-800.wp-block-group {
  margin-top: 2em;
}

/* max幅800px */
.addcss-inner-max800 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

/* 幅 100% */
.addcss-w100p {
  width: 100%;
}

/* 幅 80% */
.addcss-w80p {
  width: 80%;
}

/* メインビジュアル・タイトル部分
-------------------------------------------------- */
/* テキストだけのシンプルな見出しMV */
.addcss-simple-mv,
.addcss-simple-mv.wp-block-group {
  padding: 3em 1em;
  font-size: 2rem;
}

/* 幅100% レシピ系MV  */
.addcss-inner-mv.wp-block-group {
  position: relative;
  left: 50vw;
  flex-flow: wrap-reverse row;
  width: 100vw;
  max-width: 2000px;
  margin-top: 2em;
  font-size: 2rem;
  transform: translateX(-50vw);
}

.addcss-inner-mv.wp-block-group > .wp-block-group {
  flex: 1 1 500px;
}

.addcss-inner-mv.wp-block-group > .wp-block-group:first-of-type {
  padding: 2em;
}

.addcss-inner-mv.wp-block-group > .wp-block-group:first-of-type > .wp-block-group {
  max-width: 600px;
}

.addcss-inner-mv.wp-block-group > .wp-block-group:nth-last-of-type(1) img {
  max-height: 480px;
  object-fit: cover;
}

/* フレックスボックス 
-------------------------------------------------- */
/* wrap center center */
.addcss-flex-wrap-w400.wp-block-group {
  display: flex;
  flex-flow: wrap row;
  align-items: center;
  justify-content: center;
}

.addcss-flex-wrap-w400.wp-block-group > * {
  flex: 1 1 400px;
}

/* wrap stretch center */
.addcss-flex-wrap-fit-w400.wp-block-group {
  display: flex;
  flex-flow: wrap row;
  align-items: stretch;
  justify-content: center;
}

.addcss-flex-wrap-fit-w400.wp-block-group > * {
  flex: 1 1 400px;
}

.addcss-flex-wrap-img320.wp-block-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.addcss-flex-wrap-img320.wp-block-group > * {
  flex: 1 1 400px;
}

.addcss-flex-wrap-img320.wp-block-group > figure {
  flex: 0 1 320px;
}

/* フレックスアイテム
-------------------------------------------------- */
/* 400px */
.addcss-flex-item-w400 {
  flex: 1 1 400px;
}

/* 余白
-------------------------------------------------- */
.addcss-margin-0 > * + * {
  margin-top: 0;
}

.addcss-margin-05em > * + * {
  margin-top: 0.5em;
}

.addcss-margin-1em > * + * {
  margin-top: 1em;
}

.addcss-margin-2em > * + * {
  margin-top: 2em;
}

.addcss-margin-3em > * + * {
  margin-top: 3em;
}

.addcss-margin-4em > * + * {
  margin-top: 4em;
}

/* gap
-------------------------------------------------- */
.addcss-gap-0,
.addcss-gap-0.wp-block-group,
.addcss-gap-0.smb-flex {
  gap: 0;
}

.addcss-gap-05em,
.addcss-gap-05em.wp-block-group,
.addcss-gap-05em.smb-flex {
  gap: 0.5em;
}

.addcss-gap-1em,
.addcss-gap-1em.wp-block-group,
.addcss-gap-1em.smb-flex {
  gap: 1em;
}

.addcss-gap-2em,
.addcss-gap-2em.wp-block-group,
.addcss-gap-2em.smb-flex {
  gap: 2em;
}

.addcss-gap-3em,
.addcss-gap-3em.wp-block-group,
.addcss-gap-3em.smb-flex {
  gap: 3em;
}

.addcss-gap-4em,
.addcss-gap-4em.wp-block-group,
.addcss-gap-4em.smb-flex {
  gap: 4em;
}

/* パディング
-------------------------------------------------- */
/* 少なめのパディング */
.addcss-pd-small {
  padding: 1.5em;
}

@media only screen and (min-width: 600px) {
  .addcss-pd-small {
    padding: 1.75em;
  }
}
@media only screen and (min-width: 1000px) {
  .addcss-pd-small {
    padding: 2em;
  }
}
.addcss-pd-05em {
  padding: 0.5em;
}

.addcss-pd-1em {
  padding: 1em;
}

.addcss-pd-2em {
  padding: 2em;
}

.addcss-pd-3em {
  padding: 3em;
}

/* テキストデザイン
-------------------------------------------------- */
/* テキストボックス */
.clm00.wp-block-group > .wp-block-group__inner-container > div:first-of-type {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
  justify-content: center;
  padding: 2em;
}

/* フォントファミリー */
.addcss-font-title {
  font-family: "PT Sans", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* アンダーライン */
.addcss-text-underLine.wp-block-heading {
  display: inline-block;
  padding: 0.5em 0;
  border-bottom: 1px solid currentcolor;
}

.addcss-text-simplebox.wp-block-heading {
  padding: 0.5em 1em;
  text-align: center;
}

.addcss-text-bg {
  display: inline-block;
  padding: 0.2em 0.8em;
  border-radius: 0.2em;
}

/* ナンバーが左に固定されたタイトル */
.addcss-numTitle,
.addcss-numTitle.wp-block-heading {
  display: flex;
  flex-flow: nowrap row;
  gap: 0.5em;
  align-items: center;
  justify-content: center;
}

/* 画像ブロック用
-------------------------------------------------- */
/* 中心揃え */
.addcss-img-center {
  display: block;
  width: 100%;
  text-align: center;
}

/* リスト
-------------------------------------------------- */
/* 基本のリスト ul */
ul.addcss-list {
  padding-left: 1em;
  list-style: unset;
}

ul.addcss-list > li + li {
  margin-top: 0.5em;
}

/* 基本のリスト ol */
ol.addcss-list {
  padding-left: 1em;
  list-style: decimal;
}

ol.addcss-list > li + li {
  margin-top: 0.5em;
}

/* 専用パーツデザイン
-------------------------------------------------- */
/* clm01  */
.clm01.wp-block-group > .wp-block-group__inner-container {
  display: flex;
  flex-flow: wrap row;
  gap: 2em;
  align-items: stretch;
  justify-content: stretch;
}

.clm01.wp-block-group > .wp-block-group__inner-container > .wp-block-group {
  flex: 1 1 100%;
}

@media only screen and (min-width: 600px) {
  .clm01.wp-block-group > .wp-block-group__inner-container > .wp-block-group {
    flex: 1 1 40%;
  }
}
@media only screen and (min-width: 991px) {
  .clm01.wp-block-group > .wp-block-group__inner-container > .wp-block-group {
    flex: 1 1 30%;
  }
}
.clm01.wp-block-group > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
  height: 100%;
}

/* clm02  */
.clm02.wp-block-group {
  padding: 2em;
  text-align: center;
}

.clm02.wp-block-group > .wp-block-group__inner-container {
  /* flex-basis: 100%; */
  display: flex;
  flex-flow: wrap row;
  gap: 2em;
  align-items: flex-end;
  justify-content: stretch;
}

.clm02.wp-block-group > .wp-block-group__inner-container > .wp-block-group {
  flex: 1 1 100%;
}

@media only screen and (min-width: 600px) {
  .clm02.wp-block-group > .wp-block-group__inner-container > .wp-block-group {
    flex: 1 1 40%;
  }
}
@media only screen and (min-width: 991px) {
  .clm02.wp-block-group > .wp-block-group__inner-container > .wp-block-group {
    flex: 1 1 30%;
  }
}
/* レシピ用リスト 植物イラスト付き */
ul.addcss-list-recipe,
ol.addcss-list-recipe {
  position: relative;
  z-index: auto;
  padding-bottom: 10em;
}

ul.addcss-list-recipe > li,
ol.addcss-list-recipe > li {
  padding-left: 0.5em;
}

ul.addcss-list-recipe > li::marker,
ol.addcss-list-recipe > li::marker {
  color: #992923;
}

ul.addcss-list-recipe::before,
ol.addcss-list-recipe::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 10em;
  content: "";
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

ul.addcss-list-recipe.--reaf::before,
ol.addcss-list-recipe.--reaf::before {
  background-image: url("../../img/recipe/recipe-03.png");
}

ul.addcss-list-recipe.--onion::before,
ol.addcss-list-recipe.--onion::before {
  background-image: url("../../img/recipe/recipe-onion.png");
  opacity: 0.5;
}

ul.addcss-list-recipe.--peas::before,
ol.addcss-list-recipe.--peas::before {
  background-image: url("../../img/recipe/recipe-peas_AdobeStock_282081985.svg");
  opacity: 0.5;
}

ul.addcss-list-recipe.--cornAndTomato::before,
ol.addcss-list-recipe.--cornAndTomato::before {
  background-image: url("../../img/recipe/recipe-cornAndTomato.svg");
  opacity: 0.7;
}

ul.addcss-list-recipe.--butterrole::before,
ol.addcss-list-recipe.--butterrole::before {
  background-image: url("../../img/recipe/recipe-butterrole.svg");
  opacity: 0.7;
}

ul.addcss-list-recipe.--chickenAndMushroom::before,
ol.addcss-list-recipe.--chickenAndMushroom::before {
  background-image: url("../../img/recipe/recipe-chickenAndMushroom.png");
  opacity: 0.7;
}

ul.addcss-list-recipe.--appleAndPork::before,
ol.addcss-list-recipe.--appleAndPork::before {
  background-image: url("../../img/recipe/recipe-appleAndPork.png");
  opacity: 0.7;
  width: 50%;
  translate: 100%;
}
ul.addcss-list-recipe.--fishchili::before,
ol.addcss-list-recipe.--fishchili::before {
  background-image: url("../../img/recipe/recipe-vrgitable-2.png");
  opacity: 0.7;
  width: 70%;
  margin-left:-33%;
  translate: 100%;
}
ul.addcss-list-recipe.--chicken-kiefu::before,
ol.addcss-list-recipe.--chicken-kiefu::before {
  background-image: url("../../img/recipe/recipe-butter.png");
  opacity: 0.7;
  width: 50%;

  translate: 100%;
}

/* レシピ 食材リスト */
.addcss-recipe-ingredients.smb-box {
  position: relative;
  width: 100%;
  max-width: 500px;
  padding: 6rem 3rem 3rem;
  margin-right: auto;
  margin-left: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  background: antiquewhite;
}

.addcss-recipe-ingredients.smb-box::before {
  position: absolute;
  top: -3rem;
  right: 17rem;
  display: inline-block;
  width: 100%;
  max-width: 60px;
  aspect-ratio: 78/101;
  content: "";
  background-image: url("../../img/recipe/recipe-02.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.addcss-recipe-ingredients.smb-box tr + tr {
  border-top: 1px solid #777;
}

.addcss-recipe-ingredients.smb-box td {
  padding: 0.25em 1em;
}

.addcss-recipe-ingredients.smb-box td:not(:first-of-type) {
  font-weight: 400;
}

.addcss-recipe-ingredients.smb-box.--narrow {
  padding: 6rem 1.5rem 1.5rem;
}

.addcss-recipe-ingredients.smb-box.--narrow td {
  padding: 0.25em;
}

.addcss-recipe-ingredients.smb-box.--narrow td:not(:first-of-type) {
  width: 7em;
}

/* 漫画用グリッド */
.addcss-comic {
  display: flex;
  flex-flow: wrap row-reverse;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
}

.addcss-comic > * {
  flex: 0 1 500px;
  border: 1px solid #777;
}

/* デザイン装飾
-------------------------------------------------- */
/* リボン */
/* HTML: <div class="addcss-bgimg-ribbon-br">Your text content</div> */
.addcss-bgimg-ribbon-br {
  --r: .8em;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em;
  padding-inline: 0.5em calc(var(--r) + 0.25em);
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(100% - 0.25em), calc(100% - var(--r)) 50%, 100% 0.25em);
          clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(100% - 0.25em), calc(100% - var(--r)) 50%, 100% 0.25em);
  line-height: 1.4;
  background: radial-gradient(0.2em 50% at left, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, rgb(198, 183, 155) padding-box;
  border-block: 0.3em solid rgba(0, 0, 0, 0);
}

.addcss-bgimg-ribbon-simple {
  --r: .5em;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em;
  padding-inline: 0.5em calc(var(--r) + 0.25em);
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(100% - 0.25em), calc(100% - var(--r)) 50%, 100% 0.25em);
          clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(100% - 0.25em), calc(100% - var(--r)) 50%, 100% 0.25em);
  line-height: 1.4;
  background: rgb(198, 183, 155) padding-box;
}

/* 汎用クラス
-------------------------------------------------- */
.addcss-tac {
  text-align: center;
}

.addcss-tal {
  text-align: left;
}

.addcss-tar {
  text-align: right;
}

.addcss-flex-tac {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

/* vol142
-------------------------------------------------- */
/* 気温 装飾テーブル */
.wp-block-table.addcss-vol142-table tr {
  display: flex;
  flex-flow: nowrap row;
  align-items: stretch;
  justify-content: flex-start;
}

.wp-block-table.addcss-vol142-table tr + tr {
  border-top: 1px solid rgba(0, 0, 0, 0.6784313725);
}

.wp-block-table.addcss-vol142-table td {
  display: flex;
  padding: 1em;
}

.wp-block-table.addcss-vol142-table tr td:nth-of-type(1) {
  display: flex;
  flex: 0 0 2.8em;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1.8em;
  font-weight: 700;
  border-right: 1px solid rgba(0, 0, 0, 0.6784313725);
}

.wp-block-table.addcss-vol142-table tr td:nth-of-type(2) {
  min-height: 5em;
}

/* スノーモンキーブロック */
.smb-faq {
  border: none;
}

.smb-faq__item {
  padding: 1em;
  background-color: #fff7d9;
  border: none;
}

.smb-faq__item + .smb-faq__item {
  margin-top: 1em;
}

.smb-faq__item__question__label {
  display: inline-flex;
  flex: 0 0 3em;
  align-items: center;
  justify-content: center;
  max-width: none;
  height: 3em;
  font-weight: 700;
  color: white;
  background-color: rgb(86, 86, 86);
  border-radius: 0.2em;
}

.smb-faq__item__answer__label {
  display: inline-flex;
  flex: 0 0 3em;
  align-items: center;
  justify-content: center;
  height: 3em;
  font-weight: 700;
  color: white;
  background-color: rgb(255, 101, 50);
  border-radius: 0.2em;
}

/* 
-------------------------------------------------- */

/***** 20240926追記 *****/
.wp-block-table.table--blue table,
.wp-block-table.table--blue table tr,
.wp-block-table.table--blue table tr th,
.wp-block-table.table--blue table tr td{
  border: solid 1px #333;
}

.wp-block-table.table--blue table {
  margin: auto;
}

.wp-block-table.table--blue table tr th {
  background-color: lightblue;
  text-align: center;
  font-weight: 600;
  padding: .5em;
}

.wp-block-table.table--blue table tr td {
  padding: .5em;
}

.wp-block-table.table--blue table tr td:first-of-type {
  background-color: aliceblue;
}

/*** vol.145関係 ***/

/* h3あしらい */
.wp-block-group h3.wp-block-heading.w100p {
  width: 100%;
  text-align: center;
}

/* 画像をセンターに */
.wp-block-image.ta-center {
  text-align: center;
}