@charset "UTF-8";

/* 追加css用
---------------------------------------------------------- */
.content_box.hide_content {
  display: none;
}

/*********** レシピ一覧の青枠調整用 **********/
.category .card_archive_thumbnail--okaya-recipe {
  border: 4px solid #1567b7;
}
.category .archive_list-box .card_archive_thumbnail--okaya-recipe img {
  border: none;
}

/*********** 季節ごとの背景色を設定 **********/
body.season_color--spring {
  background-color: #fffaff;
}
body.season_color--summer {
  background-color: #f0fffd;
}
body.season_color--autumn {
  background-color: #fffbd9;
}
body.season_color--winter {
  background-color: #fafcff;
}

/*********** MVの左右のあしらい **********/
.index_image-deco--left {
  display: block;
  width: 58px;
  position: absolute;
  top: 0px;
  left: 0px;
}
@media screen and (min-width: 1024px) {
  .index_image-deco--left {
    width: 120px;
  }
}
.index_image-deco--right {
  display: block;
  width: 78px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
@media screen and (min-width: 1024px) {
  .index_image-deco--right {
    width: 130px;
  }
}

/*********** カテゴリー一覧の調整 **********/
.archive_list-box .archive_list-img {
  background-color: #fff;
}
.archive_list-box .archive_list-img img {
  object-fit: contain;
}

#category-recipe .archive_list-box .archive_list-img img,
#category-customer .archive_list-box .archive_list-img img,
#category-findmistakes .archive_list-box .archive_list-img img {
  object-fit: cover;
}

/*********** 各singleページの最上部タイトル（h2）調整 **********/
.h2-topttl,
.recipe .content .h2-topttl {
  background-color: #1e456c;
  color: #fff;
  padding-inline-start: 1rem;
  margin-block-end: 3rem;
  font-size: unset;
  border-radius: 0px 10px 0px 10px;
}

/*********** 記事のタグの調整 **********/
.customer_tag .keyword-btn {
  font-size: clamp(0.75rem, 0.477rem + 1.36vw, 1.5rem);
}
@media screen and (max-width: 749px) {
  .customer_tag {
    flex-direction: column;
    align-items: end;
    gap: 10px;
  }
}
.tag-box .keyword_tag .keyword-btn {
  font-size: clamp(0.75rem, 0.514rem + 1.18vw, 1.4rem);
}
@media screen and (max-width: 749px) {
  .tag-box .keyword_tag .keyword-btn {
    padding: 1px 10px;
  }
}

/*********** レシピアーカイブページ調整 **********/
.archive_list .card_archive_cooking-cat {
  font-size: clamp(1.4rem, 0.803rem + 0.778vw, 1.6rem);
  font-weight: bold;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 3rem;
  margin-bottom: 0;
  padding: 0 5px;
  text-align: right;
  color: #1567b7;
}

/*********** レシピ詳細ページ調整 **********/
.issue-text {
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .issue-text {
    width: 80%;
  }
}
.recipe_category a {
  display: inline-block;
}
