@charset "UTF-8";
/* Taranome PJ用のスタイル置き場 経緯: https://ghe.ckpd.co/design/taranome/issues/42#issuecomment-1822118 */
body.pc.taranome #wrapper #container #main { width: 654px; }

a:link, a:visited, a:hover, a:active { color: var(--apr-color-black); text-decoration: none; }

a:hover { text-decoration: underline; }

a:hover.focus, a:hover .focus { opacity: 0.9; }

a:focus-visible { outline: none; box-shadow: var(--apr-color-focus-shadow-orange); }

a.apr-tab-item { color: var(--apr-color-dark-gray); text-decoration: none; }

a.apr-btn:hover { text-decoration: none; }

input.apr-input { font-size: var(--apr-font-size-md); font-weight: normal; line-height: inherit; border: 1px solid var(--apr-color-light-gray); border-radius: 4px; padding: 0 12px; box-shadow: none; margin: 0; }

input.apr-input:focus { border-color: var(--apr-color-orange); }

/* taranome components taranome PJで使いまわし可能なcomponent置き場 将来的にapron-cssに取り込むことを検討する */
.heading_with_arrow { font-size: var(--apr-font-size-md); display: flex; align-items: center; }

.heading_with_arrow:after { flex-shrink: 0; width: 13px; height: 13px; display: inline-block; margin-left: 4px; margin-bottom: 1px; content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%20fill%3D'%23989483'%3E%3Cpath%20d%3D'M15.2%2011.4L27.8%2024%2015.2%2036.6a2%202%200%200%200%202.8%202.8L33.4%2024%2018%208.6a2%202%200%200%200-2.8.1%202%202%200%200%200%200%202.7z'%2F%3E%3C%2Fsvg%3E"); }

.show_more_with_arrow { display: flex; align-items: center; color: var(--apr-color-dark-gray); }

.show_more_with_arrow:link, .show_more_with_arrow:visited, .show_more_with_arrow:hover, .show_more_with_arrow:active { color: var(--apr-color-dark-gray); }

.show_more_with_arrow:after { flex-shrink: 0; width: 14px; height: 14px; display: inline-block; margin-bottom: 1px; content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%20fill%3D'%23696652'%3E%3Cpath%20d%3D'M15.2%2011.4L27.8%2024%2015.2%2036.6a2%202%200%200%200%202.8%202.8L33.4%2024%2018%208.6a2%202%200%200%200-2.8.1%202%202%200%200%200%200%202.7z'%2F%3E%3C%2Fsvg%3E"); }

.comment_dialog { position: relative; padding: 16px; background: var(--apr-color-white); border-radius: 4px; width: 300px; box-shadow: var(--apr-shadow-large); }

.comment_dialog::before { content: ''; position: absolute; border: 6px solid transparent; border-bottom-color: var(--apr-color-white); height: 0; width: 0; top: -12px; }

.comment_dialog .apr-btn-close { position: absolute; right: 16px; top: 16px; width: 16px; height: 16px; }

.comment_dialog .apr-btn-close:focus-visible { outline: none; box-shadow: var(--apr-color-focus-shadow-orange); }

.comment_dialog .comment_dialog_section { margin-top: 16px; }

.comment_dialog .comment_dialog_section p { font-size: var(--apr-font-size-sm); }

.comment_dialog .comment_dialog_section:first-of-type { margin-top: 0; }

.comment_dialog .comment_dialog_heading { font-size: var(--apr-font-size-md); font-weight: 600; color: var(--apr-color-black); margin-bottom: 16px; }

.heading_with_icon { display: flex; align-items: center; color: var(--apr-color-extra-dark-gray); font-size: var(--apr-font-size-md); font-weight: 600; }

.heading_with_icon .ps_icon { margin-right: 6px; }

.heading_normal { font-size: var(--apr-font-size-md); font-weight: normal; }

.toggle_button_list { display: flex; flex-wrap: wrap; }

.toggle_button_list li { margin-right: 8px; margin-top: 8px; }

.toggle_button_list li a { display: block; height: 24px; background-color: var(--apr-color-ivory); padding: 4px 8px; box-sizing: border-box; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 4px; color: var(--apr-color-black); font-size: var(--apr-font-size-sm); line-height: calc(var(--apr-font-size-sm) + 2px); white-space: nowrap; text-decoration: none; transition: background-color .2s, border-color .2s; }

.toggle_button_list li a:hover:not(:disabled) { background-color: var(--apr-color-hover-btn); }

.toggle_button_list li.active a { background-color: var(--apr-color-dark-gray); padding: 6px 8px 2px; border: none; color: var(--apr-color-white); font-weight: 600; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3) inset; }

.toggle_button_list li.active a:hover { background-color: var(--apr-color-dark-gray); }

.toggle_button_list li.disable span { display: block; height: 24px; background-color: var(--apr-color-smoke); padding: 4px 8px; box-sizing: border-box; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 4px; color: var(--apr-color-light-gray); font-size: var(--apr-font-size-sm); line-height: calc(var(--apr-font-size-sm) + 2px); white-space: nowrap; cursor: default; }

.loading_wrapper { display: flex; justify-content: center; }

.loading_wrapper .apr-loading { display: none; margin-bottom: 8px; }

.folding_list { margin-top: 8px; list-style: disc; padding-left: 20px; }

.folding_list li { margin-bottom: 8px; font-size: var(--apr-font-size-sm); }

.folding_list li:last-of-type { margin-bottom: 0; }

.folding_list li.hide { display: none; }

.folding_list.show li.hide { display: list-item; }

.more_button { display: flex; align-items: center; background-color: transparent; font-size: var(--apr-font-size-sm); color: var(--apr-color-dark-gray); border: none; padding: 0; cursor: pointer; }

.more_button::after { content: ''; flex-shrink: 0; width: 13px; height: 13px; display: inline-block; margin-left: 4px; margin-bottom: 1px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6.99982%209.74167-4.49166-4.49167c-.10308-.11281-.15777-.26157-.15232-.41429.00546-.15272.07062-.2972.18148-.40237.10754-.09838.24801-.15294.39375-.15294.14575%200%20.28622.05456.39375.15294l3.675%203.675%203.67498-3.675c.1128-.10308.2616-.15777.4143-.15232s.2972.07062.4024.18148c.0984.10754.1529.248.1529.39375s-.0545.28622-.1529.39375z%22%20fill%3D%22%23696652%22%2F%3E%3C%2Fsvg%3E"); }

.more_button:hover { text-decoration: underline; }

.more_button:focus-visible { outline: none; box-shadow: var(--apr-color-focus-shadow-orange); }

.sidebar { width: 172px; padding-top: 8px; }

.search_sidebar_section { margin-top: 24px; }

.search_sidebar_section_with_border { margin-top: 24px; border-bottom: 1px solid var(--apr-color-extra-light-gray); padding-bottom: 32px; }

.search_menu_energy_and_salt { position: relative; }

.search_menu_energy_and_salt .show_tooltip_button { background-color: transparent; border: none; padding: 0; cursor: pointer; }

.search_menu_energy_and_salt .show_tooltip_button:focus-visible { outline: none; box-shadow: var(--apr-color-focus-shadow-orange); }

.search_menu_energy_and_salt .help_icon { fill: var(--apr-color-gray); transition: fill 0.2s; }

.search_menu_energy_and_salt .help_icon:hover { fill: var(--apr-color-dark-gray); transition: fill 0.2s; }

.search_menu_energy_and_salt .comment_dialog_wrapper { position: absolute; z-index: 999; top: 32px; display: none; }

.search_menu_energy_and_salt .comment_dialog_wrapper.active { display: block; }

.search_menu_energy_and_salt .comment_dialog_wrapper .comment_dialog::before { left: 92px; }

.honor_recipe_link { font-size: var(--apr-font-size-md); margin-top: 8px; display: block; }

.exclude_search .apr-input { width: 100%; margin-bottom: 8px; }

.exclude_search .autocomplete-suggestions { display: none; position: absolute; background: var(--apr-color-white); color: var(--apr-color-black); border-radius: 6px; box-shadow: var(--apr-shadow-large); border: none; }

.exclude_search .autocomplete-suggestions .autocomplete-suggestion { margin: 8px 8px 0; }

.exclude_search .autocomplete-suggestions .autocomplete-suggestion:last-of-type { margin-bottom: 8px; }

.exclude_search .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected a { font-weight: normal; border-radius: 4px; background-color: var(--apr-color-smoke); }

.exclude_search .autocomplete-suggestions .suggestion-excluded-keyword { color: var(--apr-color-black); padding: 8px; text-decoration: none; cursor: pointer; }

.exclude_search .autocomplete-suggestions .suggestion-excluded-keyword:hover { text-decoration: none; }

.exclude_search_form { margin-top: 8px; margin-bottom: -8px; }

.candidates { margin-bottom: 8px; }

.candidates .apr-checkbox-label { margin-right: 0; margin-bottom: 8px; height: auto; line-height: initial; }

.candidates .apr-checkbox-label:hover { text-decoration: underline; }

.candidates .selected { text-decoration: line-through; color: var(--apr-color-black); }

.order_navigation { margin-top: 16px; display: flex; justify-content: space-between; }

.order_navigation .apr-tab { flex-grow: 1; }

.order_navigation .apr-tab-item-active { pointer-events: none; }

.order_navigation .tab-item-with-ps-icon { padding-left: 36px; }

.order_navigation .tab-item-with-ps-icon::after { content: ''; display: block; width: 14px; height: 16px; position: absolute; left: 16px; top: 16px; background-image: url(/assets/sara/icon_ps_medium@2x.png?5ddcec4daaba38350c2f134ec746174311af415e3f2f5ee5b0479a16bb08e61f); background-size: 14px 16px; }

.order_navigation .paginator { border-bottom: 1px solid var(--apr-color-extra-light-gray); display: flex; justify-content: flex-end; align-items: center; }

.order_navigation .number_of_pages { font-weight: 600; }

.order_navigation .paginate_link { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 4px; border: 1px solid var(--apr-color-extra-light-gray); transition: border-color 0.2s; }

.order_navigation .paginate_link .icon_arrow { fill: var(--apr-color-dark-gray); transition: fill 0.2s; }

.order_navigation .paginate_link:first-child { margin-right: 8px; }

.order_navigation .paginate_link:last-child { margin-left: 8px; }

.order_navigation .paginate_link:hover { border: 1px solid var(--apr-color-light-gray); transition: border-color 0.2s; }

.order_navigation .paginate_link:hover .icon_arrow { fill: var(--apr-color-extra-dark-gray); transition: fill 0.2s; }

.recipe-list { display: flex; flex-direction: column; }

.recipe-list > li { margin-bottom: 16px; }

.recipe-list > li:last-of-type { margin-bottom: 0; }

.recipe-list .recipe-preview { display: flex; justify-content: space-between; }

.recipe-list .recipe-preview .recipe-image { position: relative; margin-right: 8px; }

.recipe-list .recipe-preview .recipe-image a { display: block; }

.recipe-list .recipe-preview .recipe-image .photo { display: block; border-radius: 4px; }

.recipe-list .recipe-preview .recipe-image .photo.blank { object-fit: contain; background-color: var(--apr-color-smoke); }

.recipe-list .recipe-preview .recipe-image .ranking_label { position: absolute; top: 0px; left: 0px; }

.recipe-list .recipe-preview .recipe-text { flex-grow: 1; display: flex; flex-direction: column; }

.recipe-list .recipe-preview .recipe-text h2 { display: inline; }

.recipe-list .recipe-preview .recipe-header { display: flex; justify-content: space-between; margin-bottom: 6px; }

.recipe-list .recipe-preview .recipe-title-and-author { margin-right: 16px; }

.recipe-list .recipe-preview .recipe-title { color: var(--apr-color-green); font-weight: 600; font-size: var(--apr-font-size-xl); line-height: 1.25; word-break: break-all; }

.recipe-list .recipe-preview .recipe_author_name { display: inline-block; font-size: var(--apr-font-size-xs); color: var(--apr-color-light-gray); }

.recipe-list .recipe-preview .recipe_author_name a { color: var(--apr-color-dark-gray); }

.recipe-list .recipe-preview .ingredients { margin-bottom: 6px; font-size: var(--apr-font-size-sm); color: var(--apr-color-dark-gray); }

.recipe-list .recipe-preview .recipe_description { padding: 8px; background-color: var(--apr-color-ivory); font-size: var(--apr-font-size-xs); color: var(--apr-color-dark-gray); }

.ranking_label { background-color: rgba(255, 255, 255, 0.9); padding: 4px; border-bottom-right-radius: 6px; }

.ranking_label.rank1 { fill: var(--color-citrus-mango); }

.ranking_label.rank2 { fill: var(--apr-color-light-gray); }

.ranking_label.rank3 { fill: var(--apr-color-brown); }

div.paginate { display: flex; justify-content: center; flex-wrap: wrap; margin: 16px 0 0 0; font-size: var(--apr-font-size-md); line-height: var(--apr-font-size-md); }

div.paginate > * { margin-right: 12px; margin-bottom: 16px; }

div.paginate > *:last-child { margin-right: 0; }

div.paginate > a { display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 6px; box-sizing: border-box; color: var(--apr-color-extra-dark-gray); transition: border-color 0.2s; }

div.paginate > a:hover { text-decoration: none; border-color: var(--apr-color-light-gray); transition: border-color 0.2s; }

div.paginate .current_page { display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; border-radius: 6px; box-sizing: border-box; background-color: var(--apr-color-orange); color: var(--apr-color-white); font-weight: 600; }

div.paginate .next_page, div.paginate .prev_page { font-size: 0; }

div.paginate .next_page::after, div.paginate .prev_page::after { content: ""; display: block; width: 20px; height: 20px; }

div.paginate .next_page::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.33335%204.75003L11.5834%2010L6.33335%2015.25C6.213%2015.4105%206.15456%2015.609%206.16878%2015.8091C6.183%2016.0092%206.26892%2016.1974%206.41076%2016.3393C6.55261%2016.4811%206.74085%2016.567%206.94095%2016.5813C7.14104%2016.5955%207.33954%2016.537%207.50002%2016.4167L13.9167%2010L7.50002%203.58336C7.33885%203.43611%207.12634%203.35797%206.90817%203.36577C6.69%203.37356%206.4836%203.46665%206.33335%203.62503C6.19281%203.77865%206.11487%203.97932%206.11487%204.18753C6.11487%204.39574%206.19281%204.5964%206.33335%204.75003V4.75003Z%22%20fill%3D%22%23696652%22%2F%3E%3C%2Fsvg%3E"); }

div.paginate .prev_page::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.6666%2015.2501L8.41665%2010.0001L13.6666%204.75008C13.787%204.58961%2013.8454%204.3911%2013.8312%204.19101C13.817%203.99092%2013.7311%203.80267%2013.5892%203.66083C13.4474%203.51898%2013.2591%203.43307%2013.0591%203.41885C12.859%203.40463%2012.6605%203.46306%2012.5%203.58342L6.08331%2010.0001L12.5%2016.4168C12.6611%2016.564%2012.8737%2016.6421%2013.0918%2016.6343C13.31%2016.6266%2013.5164%2016.5335%2013.6666%2016.3751C13.8072%2016.2215%2013.8851%2016.0208%2013.8851%2015.8126C13.8851%2015.6044%2013.8072%2015.4037%2013.6666%2015.2501V15.2501Z%22%20fill%3D%22%23696652%22%2F%3E%3C%2Fsvg%3E"); }

.myfolder_recipe_link_wrapper .myfolder_tooltip { left: auto; right: 0; }

.myfolder_recipe_link_wrapper .myfolder_tooltip .myfolder_tooltip_inner::before { left: auto; right: 4px; }

.ps_banner_recipe_images { display: block; }

.recommend_premium_service { display: flex; justify-content: space-between; align-items: center; padding: 16px; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 6px; transition: border-color 0.2s; }

.recommend_premium_service:hover { border-color: var(--apr-color-light-gray); transition: border-color 0.2s; }

.recommend_premium_service .body { display: flex; margin-right: 16px; font-weight: 600; color: var(--apr-color-extra-dark-gray); font-size: var(--apr-font-size-xxl); }

.recommend_premium_service .body .ranking_icon { margin-right: 16px; }

.recommend_premium_service .body .text { display: flex; flex-direction: column; letter-spacing: 0.02em; }

.recommend_premium_service .body .orange { color: var(--apr-color-orange); font-size: var(--apr-font-size-lg); letter-spacing: 0.04em; }

.recommend_premium_service .body .sub_text { font-weight: 300; font-size: var(--apr-font-size-xs); text-align: right; }

.recommend_premium_service .ranking_icon { flex-shrink: 0; fill: var(--color-citrus-mango); }

.recommend_premium_service .arrow_icon { flex-shrink: 0; fill: var(--apr-color-extra-dark-gray); }

.no_recipes { margin-top: 16px; background-color: var(--apr-color-ivory); padding: 16px; border-radius: 6px; }

.no_recipes p { font-size: var(--apr-font-size-md); }

.no_recipes em { font-weight: 600; }

.no_recipes .apr-list { margin-top: 16px; font-size: var(--apr-font-size-sm); }

.no_recipes_image { display: block; width: 108px; height: 114px; margin: auto; margin-top: 16px; }

.article_card { display: flex; background-color: var(--apr-color-ivory); padding: 16px; margin-top: 16px; border-radius: 4px; font-size: var(--apr-font-size-md); }

.article_card:hover { text-decoration: none; }

.article_card .article_thumbnail { border-radius: 4px; width: 100px; height: 100px; margin-right: 16px; }

.article_card .article_card_title { font-weight: 600; }

.article_card .article_card_body { margin-top: 16px; }

.article_card .article_card_footer { margin-top: 16px; font-size: var(--apr-font-size-sm); color: var(--apr-color-dark-gray); }

.did_you_mean_author { margin-top: 32px; padding: 32px; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 6px; }

.did_you_mean_author .user { display: flex; margin-top: 32px; }

.did_you_mean_author .user .user_icon { margin-right: 32px; }

.did_you_mean_author .user .user_icon img { display: block; width: 66px; height: 66px; border-radius: 33px; }

.did_you_mean_author .user .body { display: flex; flex-direction: column; }

.did_you_mean_author .user .user_name { margin-bottom: 8px; font-size: var(--apr-font-size-md); }

.did_you_mean_author .user .description { margin-bottom: 8px; font-size: var(--apr-font-size-sm); }

.did_you_mean_author .user .info { font-size: var(--apr-font-size-xs); color: var(--apr-color-dark-gray); }

.did_you_mean_author .search_user { text-align: center; margin-top: 16px; }

.did_you_mean_author .search_user .search_user_link { white-space: normal; height: auto; }

.did_you_mean_author .search_user .search_user_link:hover { text-decoration: none; }

.search_result_sort_ad { background-color: var(--apr-color-ivory); padding: 16px; border-radius: 6px; text-align: center; }

.search_result_sort_ad .emphasize { margin-top: 16px; font-size: var(--apr-font-size-lg); }

.search_result_sort_ad .emphasize .orange { color: var(--apr-color-orange); font-weight: 600; }

.search_result_sort_ad .link_to_regist_ps { margin-top: 16px; }

.recommended_contents_container { display: flex; flex-direction: column; margin-top: 32px; }

.recommended_contents_container > section { border-top: 1px solid var(--apr-color-extra-light-gray); padding-top: 24px; margin-bottom: 16px; }

.recommended_contents_container > section:last-of-type { margin-bottom: 0; }

.recommend-list { display: flex; margin-top: 16px; margin-right: -16px; }

.recommend-list > li { flex-basis: 50%; margin-right: 16px; }

.recommend-list-link { display: flex; }

.recommend-list-link:hover { text-decoration: none; }

.recommend-list-link:hover .recommend-list-title { text-decoration: underline; }

.recommend-list-image { display: block; border-radius: 6px; margin-right: 8px; }

.recommend-list-title { font-size: var(--apr-font-size-md); color: var(--apr-color-extra-dark-gray); font-weight: 600; word-break: break-all; margin-bottom: 4px; }

.recommend-list-title .recipe-count { display: inline-block; color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-xs); font-weight: normal; }

.recommend-list-author { color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-xs); margin-bottom: 12px; }

.recommend-list-author a { color: var(--apr-color-extra-dark-gray); }

.recommend-list-consultants { display: flex; align-items: center; color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-xs); }

.recommend-list-consultants .image { display: block; border-radius: 20px; border: 1px solid var(--apr-color-extra-light-gray); box-sizing: border-box; margin-right: 8px; }

.user-kondate-list { display: flex; flex-direction: column; font-size: var(--apr-font-size-xs); }

.user-kondate-list .main_dish { margin-bottom: 4px; }

.user-kondate-list .main_dish, .user-kondate-list .side_dish { color: var(--apr-color-green); font-weight: 600; }

.user-kondate-list .main_dish::before, .user-kondate-list .side_dish::before { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-right: 4px; background-color: var(--apr-color-smoke); color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-xs); line-height: var(--apr-font-size-xs); border-radius: 2px; }

.user-kondate-list .main_dish::before { content: '主'; }

.user-kondate-list .side_dish::before { content: '副'; }

.user-kondate-list .other { display: inline; color: var(--apr-color-dark-gray); font-weight: 400; }

.show_more_link { display: flex; justify-content: flex-end; margin-top: 16px; }

.show_more_link .apr-show-more { font-size: var(--apr-font-size-sm); }

.base_container { padding: 16px; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 6px; background: var(--apr-color-white); margin-bottom: 30px; }

.result { display: flex; flex-direction: row-reverse; justify-content: space-between; }

.recipes_section { width: 415px; }

.search_title { margin-top: 8px; font-size: var(--apr-font-size-md); }

.search_title h1 { display: inline; font-weight: normal; }

.search_title .count { margin-left: 4px; }

.exclude_words { display: flex; justify-content: space-between; align-items: center; background-color: var(--apr-color-light-yellow); border-radius: 4px; padding: 16px; margin-top: 12px; }

.exclude_words .keywords { font-weight: 600; }

.exclude_words .close_icon { display: block; fill: var(--apr-color-dark-gray); }

.exclude_words .reset_exclude_words { margin-left: 16px; background: transparent; border: none; padding: 0; cursor: pointer; }

.exclude_words .reset_exclude_words:hover .close_icon { fill: var(--apr-color-extra-dark-gray); }

.recipe_list_container { margin-top: 16px; }

.detail_search_button { margin-top: 16px; text-align: center; }

.detail_search_button .detail_search_link { display: inline-flex; align-items: flex-start; }

.detail_search_button .detail_search_link:hover { text-decoration: none; }

.detail_search_button .search_icon { margin-right: 4px; }

.detail_search_button .label em { font-weight: 600; }

.post_recipe_button { margin-top: 12px; text-align: center; }

.post_recipe_button .apr-btn { white-space: normal; height: auto; }

.post_recipe_button .apr-btn:hover { text-decoration: none; }