@charset "utf-8";

/* ヘッダー透過 */
body:not(.header_scrolled) #site-header {
    position: absolute;
    background-color: rgba(255,255,255,0.75);
}
.page-header,
body.home .lightning_swiper,
body.home #site-header + .site-body {
    margin-top: 0 !important;
}
body .page-header {
    min-height: min(400px, 50vw);
    padding-top: 80px;
    background-image: url(https://work.uonumakinoko.jp/wp-content/uploads/2026/01/22271579_m_1900x600.webp);
}
body .page-header::before {
    opacity: 0; /* 被せる色をなしに */
}

/* 下ボーダー付きのボタン */
.vk_button_border_5.vk_button {
    display: inline-block;
    min-width: 180px;
    max-width: 80vw;
}
.vk_button_border_5.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt {
    text-decoration: none;
}
.vk_button_border_5.vk_button .vk_button_link_caption {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid currentColor;
    padding-bottom: .75em;
    margin-top: 1em;
}
.vk_button_border_5.vk_button .vk_button_link_caption .vk_button_link_txt {
    margin-right: 1em;
    /* font-weight: bold; ← Google Fonts を使うのでコメントアウト*/
}
.vk_button_border_5.vk_button .vk_button_link_after {
    padding-right: 0.5em;
    transition: all .3s ease;
}
.vk_button_border_5.vk_button a:hover .vk_button_link_after {
    padding-right: 0;
    padding-left: 0.5em;
}

/* 交互に画像を配置したカラムブロック内のカバーブロック */
.br20 .wp-block-cover {
    border-radius: 20px 0 0 20px;
}
.br20.vk-cols--reverse .wp-block-cover {
    border-radius: 0 20px 20px 0;
}
@media (max-width: 599.98px){
  .br20:not(.vk-cols--reverse) .wp-block-cover {
    width: calc(100vw - 15px) !important;
    margin-left: 0px !important;
  }
  .br20.vk-cols--reverse .wp-block-cover {
    width: calc(100vw - 15px) !important;
    margin-right: 0px !important;
  }
}

dt.vk_post_taxonomy_title {
    font-weight: normal;
}

/* レシピ詳細ページのに日付と前後のレシピへのリンクを表示しない */
.post-type-recipe .page-header .entry-meta, 
.post-type-recipe .next-prev {
    display: none;
}

body .ujs-column-banner.vk-cols--fitbnrs .vk_button .vk_button_link_txt {
    /* Google Fonts を使うので bold を normal にした */
    font-weight: normal;
}

/* Google Fonts */
body h1, body h2, body h3, body h4, body h5, body h6, body .page-header-title, body h1.page-header-title {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body .mincho {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



/*-------------------------------------------*/
/*	Katawara サイトからコピー ここから
/*-------------------------------------------*/

/*-------------------------------------------*/
/*	レシピ詳細ページ 調理時間
/*-------------------------------------------*/
div.recipe-minute-outer {
display: inline-block;
background-color: #dae9bc;
margin-bottom: 0.5em;
border-radius: 6px;
padding: 5px 10px;
}
p.recipe-minute-title {
display: inline-block;
margin-bottom: 0;
text-align: center;
padding: 6px 5px;
font-size: 16px;
border-radius: 5px;
margin-right: 5px;
color: #5a9014;
/* 2026/02/16 以下の2行を追加 */
width: auto;
margin-block-end: 0 !important;
}
p.recipe-minute-description {
display: inline-block;
margin-bottom: 0;
font-size: 18px;
background-color: #fff;
padding: 0px 15px;
border-radius: 6px;
font-weight: bold;
}

/*-------------------------------------------*/
/*	レシピコンテスト受賞ラベル
/*-------------------------------------------*/
span.contest_award_1:before,
span.contest_award_2:before,
span.contest_award_3:before,
span.contest_award_4:before,
span.contest_award_5:before,
span.contest_award_6:before {
display: inline-block;
color: #fff;
text-align: center;
padding: 2px 5px;
font-size: 12px;
border-radius: 5px;
margin-right: 5px;
position: absolute;
top: 5px;
right: 0px;
}
span.contest_award_1:before { background-color: #d00; content: "最優秀賞"; }
span.contest_award_2:before { background-color: #0d0; content: "優秀賞"; }
span.contest_award_3:before { background-color: #66d; content: "特別賞"; }
span.contest_award_4:before { background-color: #cc6; content: "アイディア賞"; }
span.contest_award_5:before { background-color: #399; content: "奨励賞"; }
span.contest_award_6:before { background-color: #3939; content: "入賞"; }

span.recipe_minutes {
display: inline-block;
color: #333;
text-align: center;
padding: 2px 5px;
font-size: 12px;
border-radius: 5px;
margin-right: 5px;
position: absolute;
top: 5px;
left: 5px;
background-color: rgba(255,255,255,0.75);
}

.post-type-recipe .card-body {
padding: 1.0rem;
}
.post-type-recipe .vk_post .card-body .vk_post_title {
font-size: 16px;
line-height: 1.2;
font-weight: bold;
}
.post-type-recipe .card-body h5.card-title {
margin-top: 0;
}

/*-------------------------------------------*/
/*	Katawara サイトからコピー ここまで
/*-------------------------------------------*/



/* レシピの検索条件にヒットした該当件数 */
.found_posts {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 0.25rem 1.25rem 0.75rem;
    margin-bottom: 3rem;
}
.found_posts span {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}
.found_posts span span{
    font-size: 2.0em;
    color: var(--vk-color-primary);
    font-weight: bold;
}



/*-------------------------------------------*/
/*	レシピ検索フォーム
/*-------------------------------------------*/
form.vkfs.recipe-search-form {
  font-size: 1rem; /* フォントを本文と同じサイズに */
}
form.vkfs.recipe-search-form input[type="radio"],
form.vkfs.recipe-search-form input[type="checkbox"] {
    transform: scale(1.25); /* ラジオボタンとチェックボックスを大きく */
}
@media (min-width: 768px) {
  form.vkfs.recipe-search-form input[type="radio"],
  form.vkfs.recipe-search-form input[type="checkbox"] {
    top: 8px; /* ラジオボタンとチェックボックスの位置調整 */
  }
}
form.vkfs.recipe-search-form .vkfs__label-name {
    /* ラベルのスタイル */
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-left: 5px solid var(--vk-color-primary);
    padding-left: 0.5em;
    line-height: 1.2;
}

form.vkfs.recipe-search-form .btn[type=submit] {
    /* 検索ボタン */
    max-width: 400px;
    padding: 1em;
    margin-top: 2em;
}

/* 食材きのこの説明 */
.vkfs .vkfs__labels .kinoko-checkbox {
    margin-bottom: calc(var(--vk-size-text)*0.25);
}
.vkfs .vkfs__labels .kinoko-checkbox .vkfs__input-form {
    margin-block-end: 0;
}
.kinoko-checkbox-notice {
    font-size: 0.85rem;
}

/* [検索条件を表示] ボタン */
.search-again {
    display: none;
}
body.search .search-again {
    display: block;
}

/* 検索結果で検索条件を非表示→再表示 */
body.search .vkfs-group {
    display: none;
}
body.search .vkfs-group.again {
    display: block;
}