@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; }

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

.box_base .box_section { width: 100%; padding: 28px 0; }

.box_base .box_section + .box_section { border-top: 1px solid var(--apr-color-extra-light-gray); }

.box_base .box_section:first-child { padding-top: 0; }

.box_base .box_section:last-child { padding-bottom: 0; }

.box_base .section_title { font-size: var(--apr-font-size-xl); font-weight: bold; display: flex; align-items: center; line-height: 1; margin-bottom: 25px; }

.box_base .section_subtitle { font-size: var(--apr-font-size-xs); color: var(--apr-color-dark-gray); font-weight: normal; margin-left: 20px; margin-bottom: 3px; position: relative; }

.box_base .section_subtitle:before, .box_base .section_subtitle:after { font-size: var(--apr-font-size-sm); position: absolute; top: 1px; }

.box_base .section_subtitle:before { content: '＼'; left: -13px; }

.box_base .section_subtitle:after { content: '／'; right: -11px; }

.box_base .section_subtitle_simple { font-size: var(--apr-font-size-xs); color: var(--apr-color-dark-gray); font-weight: normal; margin-left: auto; }

.box_base .ps_icon { margin-right: 4px; }

.box_header { font-size: var(--apr-font-size-xxl); font-weight: bold; display: flex; align-items: center; margin-bottom: 20px; line-height: 36px; color: var(--apr-color-black); }

.box_header svg { margin-right: 8px; }

.show_more_with_arrow { justify-content: flex-end; font-size: var(--apr-font-size-sm); }

.recipe_photo { border-radius: 6px; }

#feature_box { display: flex; padding: 16px; }

#feature_box .left_container { flex: 1; }

#feature_box .right_container { width: 424px; margin-left: 16px; }

#feature_box .services li { font-size: var(--apr-font-size-md); margin-bottom: 12px; }

#feature_box .services li:first-child { margin-top: 16px; }

#feature_box .services li:last-child { margin-bottom: 36px; }

#feature_box .services li a { display: flex; align-items: center; }

#feature_box .services li a .top_services_icon { margin-right: 8px; }

#feature_box .services li a .top_services_icon.color_recipe { color: var(--apr-color-green); }

#feature_box .services li a .top_services_icon.color_ps { color: var(--apr-color-orange); }

#feature_box .services li a .top_services_icon.color_life { color: var(--apr-color-extra-dark-gray); }

#feature_box .top_news_article_wrapper .top_news_article { display: block; position: relative; border-radius: 6px; overflow: hidden; }

#feature_box .top_news_article_wrapper .top_news_article img { vertical-align: middle; }

#feature_box .top_news_article_wrapper .top_news_overlay { background: linear-gradient(180deg, rgba(28, 26, 16, 0) 48.44%, rgba(28, 26, 16, 0.4) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

#feature_box .top_news_article_wrapper .top_news_body { position: absolute; bottom: 16px; left: 16px; right: 16px; display: flex; flex-direction: column; align-items: baseline; gap: 6px; }

#feature_box .top_news_article_wrapper .top_news_body .top_news_subcategory_label { display: inline-block; padding: 3.5px 9.5px; font-size: var(--apr-font-size-sm); color: var(--apr-color-white); font-weight: bold; border-radius: 2px; }

#feature_box .top_news_article_wrapper .top_news_body .top_news_article_title { background-color: transparent; border: none; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); font-size: var(--apr-font-size-xxl); font-weight: bold; color: var(--apr-color-white); flex: 1; line-height: 135%; }

#feature_box .other_top_news_articles { margin-top: 23px; }

#feature_box .other_top_news_articles .top_news_headers { display: flex; justify-content: space-between; }

#feature_box .other_top_news_articles .top_news_headers .other_title { font-size: var(--apr-font-size-md); font-weight: bold; }

#feature_box .other_top_news_articles .top_news_headers .show_more_with_arrow { font-size: var(--apr-font-size-sm); }

#feature_box .other_top_news_articles .top_news_articles { display: grid; gap: 16px 8px; grid-template-columns: 1fr 1fr; margin-top: 22px; }

#feature_box .other_top_news_articles .top_news_articles .top_news_article { width: 208px; }

#feature_box .other_top_news_articles .top_news_image_with_label { position: relative; }

#feature_box .other_top_news_articles .top_news_image_with_label .top_news_image { display: block; border-radius: 6px; }

#feature_box .other_top_news_articles .top_news_image_with_label .top_news_subcategory_label { position: absolute; display: inline-block; bottom: 8px; left: 8px; padding: 3.5px 9.5px; font-size: var(--apr-font-size-sm); color: var(--apr-color-white); font-weight: bold; border-radius: 2px; }

#feature_box .other_top_news_articles .article_title { font-size: var(--apr-font-size-sm); margin-top: 12px; }

#feature_box .top_announcement { margin-top: 29px; }

#feature_box .top_announcement .announcement_heading { font-size: var(--apr-font-size-md); }

#feature_box .top_announcement .latest_announcement { margin-top: 20px; }

#recipe_box .box_header { color: var(--apr-color-green); }

#recipe_box .ranking_and_hot_section { display: flex; }

#recipe_box .ranking_and_hot_section .ranking_for_free, #recipe_box .ranking_and_hot_section .ranking_for_paid, #recipe_box .ranking_and_hot_section .hot_recipes_block { width: 50%; }

#recipe_box .ranking_and_hot_section .ranking_recipes_block, #recipe_box .ranking_and_hot_section .hot_recipes_block { display: flex; flex-direction: column; height: 100%; }

#recipe_box .ranking_and_hot_section .hot_recipes_block { margin-left: 16px; }

#recipe_box .ranking_and_hot_section .ranking_recipe_categories, #recipe_box .ranking_and_hot_section .hot_recipes_block .paid_login_user { margin-top: auto; }

#recipe_box .ranking_recipe { position: relative; }

#recipe_box .ranking_recipe svg { position: absolute; background-color: rgba(255, 255, 255, 0.9); padding: 4px; border-radius: 6px 0; top: 0px; left: 0px; }

#recipe_box .ranking_recipe .rank1 { fill: var(--color-citrus-mango); }

#recipe_box .ranking_recipe .rank2 { fill: var(--apr-color-light-gray); }

#recipe_box .ranking_recipe .rank3 { fill: var(--apr-color-brown); }

#recipe_box .ranking_for_free { display: flex; margin-bottom: 10px; }

#recipe_box .ranking_for_free:hover { opacity: 0.9; }

#recipe_box .ranking_for_free .rank1 { padding: 6px; }

#recipe_box .ranking_for_free .ranking_2nd_3rd { margin-left: 8px; }

#recipe_box .ranking_for_free .ranking_2nd_3rd .ranking_recipe { height: 96px; }

#recipe_box .ranking_for_free .ranking_2nd_3rd .ranking_recipe:last-child { margin-top: 6px; }

#recipe_box .ranking_for_free .ranking_recipe { height: 198px; }

#recipe_box .ranking_show_more { font-size: var(--apr-font-size-md); justify-content: center; }

#recipe_box .ranking_for_paid, #recipe_box .hot_recipes { display: flex; margin-bottom: 10px; }

#recipe_box .ranking_for_paid .ranking_recipe, #recipe_box .ranking_for_paid .hot_recipe, #recipe_box .hot_recipes .ranking_recipe, #recipe_box .hot_recipes .hot_recipe { width: 94px; min-height: 206px; margin-right: 10px; }

#recipe_box .ranking_for_paid .ranking_recipe:last-child, #recipe_box .ranking_for_paid .hot_recipe:last-child, #recipe_box .hot_recipes .ranking_recipe:last-child, #recipe_box .hot_recipes .hot_recipe:last-child { margin-right: 0; }

#recipe_box .ranking_for_paid .ranking_recipe .recipe_title, #recipe_box .ranking_for_paid .hot_recipe .recipe_title, #recipe_box .hot_recipes .ranking_recipe .recipe_title, #recipe_box .hot_recipes .hot_recipe .recipe_title { font-size: var(--apr-font-size-sm); margin: 5px 0 8px; }

#recipe_box .ranking_for_paid .ranking_recipe .user_name, #recipe_box .ranking_for_paid .hot_recipe .user_name, #recipe_box .hot_recipes .ranking_recipe .user_name, #recipe_box .hot_recipes .hot_recipe .user_name { color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-xs); }

#recipe_box .ranking_for_paid a:hover .recipe_title, #recipe_box .hot_recipes a:hover .recipe_title { text-decoration: underline var(--apr-color-green); }

#recipe_box .ranking_recipe_categories { display: flex; align-items: center; width: 100%; height: 44px; margin-top: 18px; background-color: var(--apr-color-ivory); }

#recipe_box .ranking_recipe_categories li { width: 25%; }

#recipe_box .ranking_recipe_categories li + li a { border-left: 1px solid var(--apr-color-extra-light-gray); }

#recipe_box .ranking_recipe_categories li a { margin: 14px 0; width: 100%; display: inline-block; font-size: var(--apr-font-size-sm); text-align: center; }

#recipe_box .hot_recipes_block .paid_login_user { width: 100%; }

#recipe_box .hot_recipes_block .show_more_honor_recipe { font-size: var(--apr-font-size-sm); margin-top: 18px; background-color: var(--apr-color-ivory); height: 44px; display: flex; align-items: center; }

#recipe_box .hot_recipes_block .show_more_honor_recipe .ps_icon { margin-left: 16px; }

#recipe_box .honor_banner { display: block; position: relative; }

#recipe_box .honor_banner .honor_banner_text { font-weight: bold; position: absolute; top: 23px; left: 140px; }

#recipe_box .honor_banner .honor_banner_text .subtext { color: #b09100; font-size: var(--apr-font-size-sm); margin-bottom: 5px; }

#recipe_box .honor_banner .honor_banner_text .text { display: flex; align-items: center; color: var(--apr-color-black); font-size: var(--apr-font-size-xl); }

#recipe_box .honor_banner .honor_banner_text .text svg { margin-left: 12px; }

#recipe_box .honor_banner .honor_banner_images { display: flex; position: absolute; top: 4px; right: 4px; }

#recipe_box .honor_banner .honor_banner_images img { display: block; }

#recipe_box .honor_banner .honor_banner_images img:last-child { border-radius: 0px 6px 6px 0px; }

#recipe_box .categories { display: flex; flex-wrap: wrap; justify-content: space-around; }

#recipe_box .categories > li { width: 144px; padding: 10px 0 20px; }

#recipe_box .categories > li:nth-child(9), #recipe_box .categories > li:nth-child(10), #recipe_box .categories > li:nth-child(11), #recipe_box .categories > li:nth-child(12) { padding-bottom: 0; }

#recipe_box .categories .category { display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid var(--apr-color-extra-light-gray); margin: 0 10px; }

#recipe_box .categories .category h4 { font-size: var(--apr-font-size-md); margin-top: 2px; margin-bottom: 8px; }

#recipe_box .categories .sub_categories { margin: 10px 11px 0; font-size: var(--apr-font-size-sm); line-height: 1.7; }

#recipe_box .premimum_category_and_pro_recipes { display: flex; }

#recipe_box .premimum_category_and_pro_recipes .premium_categrories_block, #recipe_box .premimum_category_and_pro_recipes .pro_recipes_block { width: 50%; }

#recipe_box .premimum_category_and_pro_recipes .pro_recipes_block { margin-left: 16px; }

#recipe_box .premium_categories { display: flex; flex-wrap: wrap; justify-content: space-between; }

#recipe_box .premium_categories > li { width: 143px; height: 44px; display: flex; align-items: center; }

#recipe_box .premium_categories > li:last-child { margin-bottom: 0; }

#recipe_box .premium_categories .premium_category { display: flex; align-items: center; font-size: var(--apr-font-size-sm); }

#recipe_box .premium_categories .premium_category img { margin-right: 8px; }

#recipe_box .pro_recipes > li { margin-bottom: 11px; }

#recipe_box .pro_recipes .pro_recipe { display: flex; }

#recipe_box .pro_recipes .recipe_set_text { font-size: var(--apr-font-size-md); margin-top: 10px; margin-left: 9px; }

#recipe_box .hot_users { display: flex; justify-content: space-between; }

#recipe_box .hot_users > li { width: 80px; }

#recipe_box .hot_users > li:last-child { margin-right: 0; }

#recipe_box .hot_users .hot_user { display: flex; position: relative; flex-direction: column; align-items: center; }

#recipe_box .hot_users .hot_user img { border-radius: 50%; margin-bottom: 8px; border: 1px solid var(--apr-color-extra-light-gray); }

#recipe_box .hot_users .hot_user .badge_new { position: absolute; margin: 0; top: -5px; }

#recipe_box .hot_users .hot_user_name { font-size: var(--apr-font-size-sm); text-align: center; }

#recipe_box .kitchen_topics { display: flex; flex-wrap: wrap; margin: 20px 0 25px; padding: 14px 20px; background-color: var(--apr-color-ivory); }

#recipe_box .kitchen_topics > li { width: 50%; margin: 4px 0; }

#recipe_box .kitchen_topics > li a { color: var(--apr-color-green); font-weight: bold; background: none; padding-left: 0; }

#recipe_box .kitchen_topics > li a::before { content: '・'; color: var(--apr-color-light-gray); display: inline-block; margin-right: 3px; }

#kondate_box .box_header { color: var(--apr-color-green); }

#kondate_box .box_section { display: flex; }

#kondate_box .box_section .user_kondate_block { margin-right: 16px; }

#kondate_box .box_section .user_kondate_block, #kondate_box .box_section .premium_kondate_block { width: 100%; }

#kondate_box .kondate { display: flex; }

#kondate_box .kondate_image, #kondate_box .kondate_dish { width: 252px; height: 189px; margin-right: 20px; }

#kondate_box .kondate_dish { background-image: url(/assets/themes/top/bg_dining_table_taranome.jpg?13cc6b8d6eabb3d824ba3a58f46016542c3dd5207597fc7ec1c24a68eec14d3d); background-size: cover; display: flex; align-items: center; justify-content: center; }

#kondate_box .kondate_dish img { border-radius: 50%; }

#kondate_box .kondate_dish .main_dish { height: 144px; }

#kondate_box .kondate_dish .side_dishes { margin-left: 12px; }

#kondate_box .kondate_dish .side_dishes li { height: 60px; }

#kondate_box .kondate_dish .side_dishes li + li { margin-top: 18px; }

#kondate_box .kondate_body { flex: 1; }

#kondate_box .kondate_user { display: flex; align-items: center; color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-xs); padding: 3px 0 8px; }

#kondate_box .kondate_user img { width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--apr-color-extra-light-gray); margin-right: 8px; }

#kondate_box .kondate_theme { display: block; padding: 3px 0 8px; font-size: var(--apr-font-size-xs); color: var(--apr-color-dark-gray); }

#kondate_box .kondate_title, #kondate_box .kondate_dish_title { display: inline-block; font-size: var(--apr-font-size-md); color: var(--apr-color-extra-dark-gray); font-weight: bold; }

#kondate_box .kondate_dish_title { color: var(--apr-color-green); }

#kondate_box .kondate_categories, #kondate_box .kondate_data { display: flex; margin: 15px 0 25px; }

#kondate_box .kondate_categories li, #kondate_box .kondate_categories li a, #kondate_box .kondate_data li, #kondate_box .kondate_data li a { display: flex; align-items: center; justify-content: center; width: 100px; height: 42px; }

#kondate_box .kondate_categories li + li, #kondate_box .kondate_categories li a + li, #kondate_box .kondate_data li + li, #kondate_box .kondate_data li a + li { border-left: 1px solid var(--apr-color-extra-light-gray); }

#kondate_box .kondate_categories li svg, #kondate_box .kondate_categories li a svg, #kondate_box .kondate_data li svg, #kondate_box .kondate_data li a svg { margin-right: 5px; }

#kondate_box .kondate_data > li { flex-wrap: wrap; }

#kondate_box .kondate_data .kondate_caption { font-size: var(--apr-font-size-xs); font-weight: normal; color: var(--apr-color-dark-gray); text-align: center; width: 100%; }

#kondate_box .kondate_data .kondate_value { font-size: var(--apr-font-size-sm); font-weight: normal; display: flex; align-items: center; }

#kondate_box .kondate_categories svg { fill: var(--color-citrus-mango); }

#kondate_box .kondate_data svg { fill: var(--apr-color-orange); }

#news_box .box_section { display: flex; }

#news_box .box_section .latest_news_block { margin-right: 20px; }

#news_box .box_section .latest_news_block, #news_box .box_section .weekly_news_block { width: 50%; }

#news_box .news_ranking > li { display: flex; align-items: center; font-size: var(--apr-font-size-sm); }

#news_box .news_ranking > li + li { margin-top: 12px; }

#news_box .news_feature { display: flex; }

#news_box .news_feature_thumbnail { position: relative; }

#news_box .news_feature_thumbnail:hover { opacity: 0.9; }

#news_box .news_feature_thumbnail img { border-radius: 6px; }

#news_box .news_feature_thumbnail .rank1 { position: absolute; background-color: rgba(255, 255, 255, 0.9); padding: 6px; border-radius: 6px 0; top: 0; left: 0; fill: var(--color-citrus-mango); }

#news_box .news_feature_title { font-size: var(--apr-font-size-md); color: var(--apr-color-extra-dark-gray); font-weight: bold; padding: 10px 0 0 10px; }

#news_box .rank2 { margin-right: 10px; fill: var(--apr-color-light-gray); }

#news_box .rank3 { margin-right: 10px; fill: var(--apr-color-brown); }

#news_box .square_rank { background-color: var(--apr-color-smoke); border-radius: 2px; font-size: var(--apr-font-size-xs); font-weight: bold; color: var(--apr-color-dark-gray); width: 16px; height: 16px; line-height: 16px; text-align: center; margin: 0 11.5px 0 1.5px; }

#news_box .show_more_with_arrow { margin-top: 25px; }

#public_relation_box .box_base { padding: 18px; }

#public_relation_box .box_section { display: flex; flex-wrap: wrap; justify-content: space-between; }

#public_relation_box .box_section .box_item { width: 300px; }

#public_relation_box .box_section .box_item a.pr_item { display: block; }

#public_relation_box .box_section .box_item:nth-of-type(n+3) { margin-top: 18px; }

#public_relation_box .box_section .box_item .pr_item_title { font-size: 15px; color: var(--apr-color-extra-dark-gray); font-weight: 700; margin-bottom: 5px; min-height: 45px; }

#public_relation_box .box_section .box_item .pr_item_desc { color: var(--apr-color-gray); margin-bottom: 5px; }

#public_relation_box .box_section .box_item .pr_image { border-radius: 6px; overflow: hidden; }

#public_relation_box .box_section .box_item .pr_image img { vertical-align: middle; }

#device_box a:hover { text-decoration: none; }

#device_box .box_base { display: block; background: var(--apr-color-white) url(/assets/themes/top/device_taranome.png?a759b6e602e559f0450cec2f00fd8ee6771517cb7981d40f7d0ef9f64251933f) no-repeat; background-position: right 0px bottom 0px; background-size: 303px 144px; }

#device_box .wording { width: 290px; font-size: var(--apr-font-size-sm); color: var(--apr-color-extra-dark-gray); }

#device_box .wording p { margin-bottom: 20px; }

.side_recruiting_promotion { margin-bottom: 15px; }