CINXE.COM
レタスクラブ - レシピや生活の知恵が満載
<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <script type="text/javascript"> (function(){ var crmId = localStorage.getItem('CRM_ID'); if (!crmId) return window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'CRM_ID':crmId }) })() </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T278RV');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>レタスクラブ - レシピや生活の知恵が満載</title> <meta name="description" content="簡単おいしいプロのレシピ&献立が3万5千件以上!生活に役立つ読みものや息抜きにピッタリの人気マンガで「調子のいい毎日」をお届けします"> <meta name="keywords" content="レシピ,料理,プロ,レタスクラブ"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="format-detection" content="telephone=no"> <meta name="p:domain_verify" content="6c31717cae579ac6e4d7952da018f3d2"> <link rel="stylesheet" href="/asset/css/style_28980305.css"> <meta property="og:title" content="レタスクラブ - レシピや生活の知恵が満載 - レタスクラブ"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.lettuceclub.net/"> <meta property="og:image" content="https://www.lettuceclub.net/ogp.jpg"> <meta property="og:locale" content="ja_JP"> <meta property="og:site_name" content="レタスクラブ"> <meta property="og:description" content="簡単おいしいプロのレシピ&献立が3万5千件以上!生活に役立つ読みものや息抜きにピッタリの人気マンガで「調子のいい毎日」をお届けします"> <meta property="fb:app_id" content="471784522921967"> <meta name="twitter:card" content="summary"> <meta name="twitter:domain" content="https://www.lettuceclub.net"> <meta name="twitter:image:src" content="https://www.lettuceclub.net/ogp.jpg"> <meta name="twitter:site" content="@lettuce__club"> <meta name="twitter:title" content="レタスクラブ - レシピや生活の知恵が満載 - レタスクラブ"> <meta name="twitter:description" content="簡単おいしいプロのレシピ&献立が3万5千件以上!生活に役立つ読みものや息抜きにピッタリの人気マンガで「調子のいい毎日」をお届けします"> <link rel="canonical" href="https://www.lettuceclub.net/"> <!-- Ad - LCN All --> <script async='async' src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'></script> <script async src="//micro.rubiconproject.com/prebid/dynamic/16326.js"></script> <script> !function(a9,a,p,s,t,A,g){if(a[a9])return;function q(c,r){a[a9]._Q.push([c,r])}a[a9]={init:function(){q("i",arguments)},fetchBids:function(){q("f",arguments)},setDisplayBids:function(){},targetingKeys:function(){return[]},_Q:[]};A=p.createElement(s);A.async=!0;A.src=t;g=p.getElementsByTagName(s)[0];g.parentNode.insertBefore(A,g)}("apstag",window,document,"script","//c.amazon-adsystem.com/aax2/apstag.js"); </script> <script> window.googletag = window.googletag || {cmd: []}; var gptAdSlots = []; var headerBiddingSlots = []; var nonHeaderBiddingSlots = []; var pbjs = pbjs || {}; pbjs.que = pbjs.que || []; var failSafeTimeout = 2500; var apstag_pubID = '3556'; var apstag_bidTimeout = 1000; </script> <script> googletag.cmd.push(function() { gptAdSlots[0] = googletag.defineSlot('/11970315/lcn_all_ol_gam', [728, 90], 'lcn_all_ol_gam').addService(googletag.pubads()); gptAdSlots[1] = googletag.defineSlot('/11970315/lcn_all_bb_gam', [[970, 250], [728, 90]], 'lcn_all_bb_gam').addService(googletag.pubads()); gptAdSlots[2] = googletag.defineSlot('/11970315/lcn_all_1r_gam', [300, 250], 'lcn_all_1r_gam').addService(googletag.pubads()); gptAdSlots[3] = googletag.defineSlot('/11970315/lcn_all_2r_gam', [300, 250], 'lcn_all_2r_gam').addService(googletag.pubads()); gptAdSlots[4] = googletag.defineSlot('/11970315/lcn_top_bb_gam', [1000, 140], 'lcn_top_bb_gam').setCollapseEmptyDiv(true, true).addService(googletag.pubads()); gptAdSlots[5] = googletag.defineSlot('/11970315/lcn_top_ssr_gam', [300, 600], 'lcn_top_ssr_gam').setCollapseEmptyDiv(true, true).addService(googletag.pubads()); gptAdSlots[6] = googletag.defineSlot('/11970315/lcn_top_ssl_gam', [300, 600], 'lcn_top_ssl_gam').setCollapseEmptyDiv(true, true).addService(googletag.pubads()); gptAdSlots[7] = googletag.defineSlot('/11970315/lcn_all_iat1_gam', ['fluid'], 'lcn_all_iat1_gam').addService(googletag.pubads()); gptAdSlots[8] = googletag.defineSlot('/11970315/lcn_all_iat2_gam', ['fluid'], 'lcn_all_iat2_gam').addService(googletag.pubads()); gptAdSlots[9] = googletag.defineSlot('/11970315/lcn_all_iat3_gam', ['fluid'], 'lcn_all_iat3_gam').addService(googletag.pubads()); gptAdSlots[10] = googletag.defineSlot('/11970315/lcn_all_iat4_gam', ['fluid'], 'lcn_all_iat4_gam').addService(googletag.pubads()); gptAdSlots[11] = googletag.defineSlot('/11970315/lcn_all_iat5_gam', ['fluid'], 'lcn_all_iat5_gam').addService(googletag.pubads()); gptAdSlots[12] = googletag.defineSlot('/11970315/lcn_all_iat6_gam', ['fluid'], 'lcn_all_iat6_gam').addService(googletag.pubads()); gptAdSlots[13] = googletag.defineSlot('/11970315/lcn_all_iat7_gam', ['fluid'], 'lcn_all_iat7_gam').addService(googletag.pubads()); gptAdSlots[14] = googletag.defineSlot('/11970315/lcn_all_iat8_gam', ['fluid'], 'lcn_all_iat8_gam').addService(googletag.pubads()); headerBiddingSlots.push(gptAdSlots[0]); headerBiddingSlots.push(gptAdSlots[1]); headerBiddingSlots.push(gptAdSlots[2]); headerBiddingSlots.push(gptAdSlots[3]); nonHeaderBiddingSlots.push(gptAdSlots[4]); nonHeaderBiddingSlots.push(gptAdSlots[5]); nonHeaderBiddingSlots.push(gptAdSlots[6]); nonHeaderBiddingSlots.push(gptAdSlots[7]); nonHeaderBiddingSlots.push(gptAdSlots[8]); nonHeaderBiddingSlots.push(gptAdSlots[9]); nonHeaderBiddingSlots.push(gptAdSlots[10]); nonHeaderBiddingSlots.push(gptAdSlots[11]); nonHeaderBiddingSlots.push(gptAdSlots[12]); nonHeaderBiddingSlots.push(gptAdSlots[13]); nonHeaderBiddingSlots.push(gptAdSlots[14]); googletag.pubads().setTargeting('lcn_ad', ['TOP']); googletag.pubads().collapseEmptyDivs(); googletag.pubads().disableInitialLoad(); googletag.pubads().enableSingleRequest(); googletag.enableServices(); if (nonHeaderBiddingSlots.length > 0) { googletag.pubads().refresh(nonHeaderBiddingSlots); } }); apstag.init({ pubID: apstag_pubID, adServer: 'googletag', bidTimeout: apstag_bidTimeout }); var apstagSlots = [{ slotID: 'lcn_all_ol_gam', sizes: [[728, 90]], slotName: 'lcn_all_ol_aps' }, { slotID: 'lcn_all_bb_gam', sizes: [[970, 250], [728, 90]], slotName: 'lcn_all_bb_aps' }, { slotID: 'lcn_all_1r_gam', sizes: [[300, 250]], slotName: 'lcn_all_1r_aps' }, { slotID: 'lcn_all_2r_gam', sizes: [[300, 250]], slotName: 'lcn_all_2r_aps' }]; function fetchHeaderBids() { var bidders = ['a9', 'prebid']; var requestManager = { adserverRequestSent: false }; bidders.forEach(function(bidder) { requestManager[bidder] = false; }) function allBiddersBack() { var allBiddersBack = bidders .map(function(bidder) {return requestManager[bidder]; }) .filter(function(bool) {return bool;}) .length === bidders.length; return allBiddersBack; } function headerBidderBack(bidder) { if (requestManager.adserverRequestSent === true) { return; } if (bidder === 'a9') { googletag.cmd.push(function() { apstag.setDisplayBids(); }); } else if (bidder === 'prebid') { } requestManager[bidder] = true; if (allBiddersBack()) { sendAdserverRequest(); } } function sendAdserverRequest() { if (requestManager.adserverRequestSent === true) { return; } requestManager.adserverRequestSent = true; googletag.cmd.push(function() { googletag.pubads().refresh(headerBiddingSlots); }); } function requestBids() { apstag.fetchBids({ slots: apstagSlots }, function(bids) { headerBidderBack('a9'); }); googletag.cmd.push(function() { pbjs.que.push(function() { pbjs.rp.requestBids({ callback: function (bidResponses) { headerBidderBack('prebid'); }, gptSlotObjects: headerBiddingSlots }); }); }); } requestBids(); window.setTimeout(function() { sendAdserverRequest(); }, failSafeTimeout); } fetchHeaderBids(); </script> <script> googletag.cmd.push(function() { googletag.pubads().setTargeting('environ', ['www']); }); </script> </head> <body class="top ad_gateway-on"> <!--PC WipeOverlay --> <ins id="yoneads84180"> <script type="text/javascript" src="//img.ak.impact-ad.jp/ic/pone/tags/0217/084180_1.js"></script> </ins> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T278RV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="l-page"> <div id="modal-overlay"></div> <div class="js-header"> <header class="relative w-full bg-y-green px-4 py-2"> <div class="w-full flex justify-between items-center mx-auto md:max-w-lg"> <h1 class="w-auto h-auto"> <a class="w-auto h-auto" href="/"><img class="w-full h-full object-contain" src="/asset/img/base/header-logo.svg" alt="レタスクラブ"></a> </h1> <div class="flex-grow flex justify-end gap-1 items-center"> <div class="w-10 h-10 p-1.5"> <a href="/mypage/"><img class="w-fll h-full object-contain" src="/asset/img/base/header-menu-mypage.svg" alt="マイページ"></a> </div> <div class="w-10 h-10 p-1.5" id="search"> <a href="#"><img class="w-full h-full object-contain" src="/asset/img/base/header-menu-search.svg" alt="検索"></a> </div> <div class="w-10 h-10 px-1.5 pt-2 js-modal-open" id="js-menu-modal"> <button><img class="w-full h-full object-contain" src="/asset/img/base/header-menu-humburger.svg" alt="メニュー"></button> </div> </div> <!-- 検索 --> <div class="hidden fixed inset-0 overflow-y-auto h-full w-full z-[120]" id="modal-search"> <div class="relative top-12 md:top-20 mx-auto p-[48px] border w-[calc(100%-16px)] md:w-[796px] rounded-lg bg-white"> <div class="absolute top-4 right-4 cursor-pointer" id="search-recipe-close"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.68934 5.68934C6.27513 5.10355 7.22487 5.10355 7.81066 5.68934L15 12.8787L22.1893 5.68934C22.7751 5.10355 23.7249 5.10355 24.3107 5.68934C24.8964 6.27513 24.8964 7.22487 24.3107 7.81066L17.1213 15L24.3107 22.1893C24.8964 22.7751 24.8964 23.7249 24.3107 24.3107C23.7249 24.8964 22.7751 24.8964 22.1893 24.3107L15 17.1213L7.81066 24.3107C7.22487 24.8964 6.27513 24.8964 5.68934 24.3107C5.10355 23.7249 5.10355 22.7751 5.68934 22.1893L12.8787 15L5.68934 7.81066C5.10355 7.22487 5.10355 6.27513 5.68934 5.68934Z" fill="black" /> </svg> </div> <div class="flex gap-6 items-center"> <label for="search-recipe" class="flex gap-1 items-center"> <input type="radio" name="searchtarget" id="search-recipe" value="レシピ検索" checked> <p class="text-sm leading-none">レシピ検索</p> </label> <label for="search-reading" class="flex gap-1 items-center"> <input type="radio" name="searchtarget" id="search-reading" value="読みもの検索"> <p class="text-sm leading-none">読みもの検索</p> </label> </div> <div class="w-full pt-4 pb-8"> <div class="w-full flex items-center" id="js-search-recipe"> <div class="flex-grow h-12 flex rounded items-center border-2 border-green-600"> <input class="text-netural-400 text-sm font-normal w-full mx-2 search_recipe_text" type="text" name="searchword" placeholder="食材名・料理名・料理家名を入力" value="" maxlength="100"> <input class="bg-green-600 w-11 h-full flex-shrink-0 z-10 bg-[url('/asset/img/base/header-menu-search.svg')] bg-no-repeat bg-center bg-[length:24px] cursor-pointer search_recipe_button" type="button" name="searchword" value=""> </div> </div> <div class="w-full flex items-center" id="js-search-reading"> <div class="flex-grow h-12 pl-2 flex rounded items-center border-2 border-green-600 "> <input class="text-netural-400 text-sm font-normal w-full mr-2 search_news_text" type="text" name="searchword" placeholder="キーワードを入力" value="" maxlength="100"> <input class="bg-green-600 w-11 h-full flex-shrink-0 z-10 bg-[url('/asset/img/base/header-menu-search.svg')] bg-no-repeat bg-center bg-[length:24px] cursor-pointer search_news_button" type="button" name="searchword" value=""> </div> </div> </div> <div class="w-full" id="search-seasonalIngredients"> <p class="text-neutral-800 text-sm mb-3">おすすめのキーワード</p> <ul class="flex flex-wrap gap-2"> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/133/">たけのこ</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/114/">キャベツ</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/117/">レタス</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/108/">にら</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/157/">ふき</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/442/">せり</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/122/">ごぼう</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/63/">さわら</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/127/">セロリ</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/194/">しいたけ</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/170/">パセリ</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/207/">いちご</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/163/">グリーンピース</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/174/">クレソン</a> </li> <li class="border border-neutral-400 h-[28px] grid content-center rounded-full"> <a class="w-auto px-2.5 text-neutral-600 text-xs reading-[28px]" href="/recipe/ingredient/1466/">ルッコラ</a> </li> </ul> </div> </div> </div> <!-- !メニューモーダル --> <div class="hidden fixed inset-0 overflow-y-auto h-full w-full z-[120]" id="modal-menu"> <div class="relative top-12 md:top-20 mx-auto p-[48px] border w-[calc(100%-16px)] md:w-[796px] rounded-lg bg-white"> <div class="absolute top-4 right-4 cursor-pointer" id="js-menu-close"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path fill-ruz-50le="evenodd" clip-rule="evenodd" d="M5.68934 5.68934C6.27513 5.10355 7.22487 5.10355 7.81066 5.68934L15 12.8787L22.1893 5.68934C22.7751 5.10355 23.7249 5.10355 24.3107 5.68934C24.8964 6.27513 24.8964 7.22487 24.3107 7.81066L17.1213 15L24.3107 22.1893C24.8964 22.7751 24.8964 23.7249 24.3107 24.3107C23.7249 24.8964 22.7751 24.8964 22.1893 24.3107L15 17.1213L7.81066 24.3107C7.22487 24.8964 6.27513 24.8964 5.68934 24.3107C5.10355 23.7249 5.10355 22.7751 5.68934 22.1893L12.8787 15L5.68934 7.81066C5.10355 7.22487 5.10355 6.27513 5.68934 5.68934Z" fill="black" /> </svg> </div> <div class="flex flex-col gap-8"> <div class="w-full span-delete"> <a class="inline-flex items-center gap-1" href="/recipe/"> <div class="w-[26px] h-[18px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-food.svg" alt=""> </div> <p class="text-lg font-bold font-title flex reading-none">レシピ</p> <div class="w-[20px] h-[20px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-arrow-menu.svg" alt=""> </div> </a> <ul class="w-full flex justify-between flex-wrap gap-2 pt-3"> <li class="basis-[calc(33%-5px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/recipe/kondate/">献立</a> </li> <li class="basis-[calc(33%-5px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/recipe/category/">料理<span class="break-hidden md:hidden"><br></span>カテゴリ</a> </li> <li class="basis-[calc(33%-5px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/recipe/ingredient/">食材</a> </li> <li class="basis-[calc(33%-5px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/recipe/ranking/">ランキング</a> </li> <li class="basis-[calc(33%-5px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/recipe/matome/g5/">今月の<span class="break-hidden md:hidden"><br></span>おすすめ</a> </li> <li class="basis-[calc(33%-5px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/recipe/genre/">ジャンル</a> </li> </ul> </div> <div class="w-full span-delete"> <a class="inline-flex items-center gap-1" href="/news/"> <div class="w-[26px] h-[18px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-reading.svg" alt=""> </div> <p class="text-lg font-bold font-title flex reading-none">読みもの</p> <div class="w-[20px] h-[20px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-arrow-menu.svg" alt=""> </div> </a> <ul class="w-full justify-between flex flex-wrap gap-2 pt-3"> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/all/">新着</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/meal/">食</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/life/">くらし</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/child/">育児・<span class="break-hidden md:hidden"><br></span>子育て</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/beauty/">美容・<span class="break-hidden md:hidden"><br></span>健康</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/ranking/">ランキング</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/weblettuce/article/">体験・<span class="break-hidden md:hidden"><br></span>レポート</a> </li> <li class="basis-[calc(25%-6px)] h-14 rounded-lg border-2 border-lime-500 grid"> <a class="flex content-center flex-col justify-center w-full h-full text-center text-sm leading-tight" href="/news/serial/">マンガ</a> </li> </ul> </div> <div class="w-full flex flex-wrap items-center gap-y-10"> <div class="basis-1/2 md:basis-1/4"> <a class="inline-flex items-center gap-1" href="/weblettuce/"> <div class="w-[26px] h-[18px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-friends.svg" alt=""> </div> <p class="text-lg font-bold font-title flex reading-none">フレンズ</p> <div class="w-[20px] h-[20px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-arrow-menu.svg" alt=""> </div> </a> </div> <div class="basis-1/2 md:basis-1/4"> <a class="inline-flex items-center gap-1" href="/special/"> <div class="w-[26px] h-[18px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-special.svg" alt=""> </div> <p class="text-lg font-bold font-title flex reading-none">特集</p> <div class="w-[20px] h-[20px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-arrow-menu.svg" alt=""> </div> </a> </div> <div class="basis-1/2 md:basis-1/4"> <a class="inline-flex items-center gap-1" href="https://store.kadokawa.co.jp/shop/g/g322402001478/" target="_blank"> <div class="w-[26px] h-[18px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-magazine.svg" alt=""> </div> <p class="text-lg font-bold font-title flex reading-none">雑誌</p> <div class="w-[20px] h-[20px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-arrow-menu.svg" alt=""> </div> </a> </div> <div class="basis-1/2 md:basis-1/4"> <a class="inline-flex items-center gap-1" href="/present/"> <div class="w-[26px] h-[18px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-present.svg" alt=""> </div> <p class="text-lg font-bold font-title flex reading-none">プレゼント</p> <div class="w-[20px] h-[20px]"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/icon-arrow-menu.svg" alt=""> </div> </a> </div> </div> <div> <p class="w-full mb-4 text-center">公式アカウント</p> <div class="w-full max-w-[305px] mx-auto"> <div class="w-full flex justify-between items-center"> <div class="w-10 h-10"> <a href="https://www.instagram.com/lettuce_official/?hl=ja" target="_blank" rel="noopener noreferrer" class="inline-block w-full h-auto"> <img class="w-full h-full object-contain object-center" src=" /asset/img/c-share/icon-insta.svg" alt="instagramでシェア"> </a> </div> <div class="w-10 h-10"> <a href="https://twitter.com/lettuce__club" target="_blank" rel="noopener noreferrer"> <img class="w-full h-full object-contain object-center" src=" /asset/img/c-share/icon-x.svg" alt="xでシェア"> </a> </div> <div class="w-10 h-10"> <a href="https://www.pinterest.jp/weblettucestaff/" target="_blank" rel="noopener noreferrer" class="inline-block w-full h-full"> <img class="w-full h-full object-contain object-center" src="/asset/img/c-share/icon-pinterest.svg" alt="pinterestページ"> </a> </div> <div class="w-10 h-10"> <a href="https://line.me/R/ti/p/%40oa-lettuceclub" target="_blank" rel="noopener noreferrer"> <img class="w-full h-full object-contain object-center" src=" /asset/img/c-share/icon-line.svg" alt="lineページ"> </a> </div> <div class="w-10 h-10"> <a href="https://www.facebook.com/lettuceclub/?locale=ja_JP" target="_blank" rel="noopener noreferrer" class="inline-block w-full h-auto"> <img class="w-full h-full object-contain object-center" src=" /asset/img/c-share/icon-facebook.svg" alt="facebookページ"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </header> <nav class="w-full px-4"> <ul class="w-full h-[60px] flex justify-between items-center mx-auto md:max-w-lg"> <li> <a class="flex flex-col items-center md:flex-row gap-2" href="/recipe/"> <div class="w-auto h-26"><img class="w-full h-full object-contain" src="/asset/img/p-globalnavi/icon-recipe.svg" alt=""></div> <div class="text-2xs leading-none md:text-sm">レシピ</div> </a> </li> <li> <a class="flex flex-col items-center md:flex-row gap-2" href="/news/"> <div class="w-auto h-26"><img class="w-full h-full object-contain" src="/asset/img/p-globalnavi/icon-yomimono.svg" alt=""></div> <div class="text-2xs leading-none md:text-sm">読みもの</div> </a> </li> <li> <a class="flex flex-col items-center md:flex-row gap-2" href="/news/serial/"> <div class="w-auto h-26"><img class="w-full h-full object-contain" src="/asset/img/p-globalnavi/icon-manga.svg" alt=""></div> <div class="text-2xs leading-none md:text-sm">マンガ</div> </a> </li> <li> <a class="flex flex-col items-center md:flex-row gap-2" href="/weblettuce/"> <div class="w-auto h-26"><img class="w-full h-full object-contain" src="/asset/img/p-globalnavi/icon-yattemita.svg" alt=""></div> <div class="text-2xs leading-none md:text-sm">フレンズ</div> </a> </li> <li> <a class="flex flex-col items-center md:flex-row gap-2" href="/ranking/"> <div class="w-auto h-26"><img class="w-full h-full object-contain" src="/asset/img/p-globalnavi/icon-ranking.svg" alt=""></div> <div class="text-2xs leading-none md:text-sm">ランキング</div> </a> </li> <li> <a class="flex flex-col items-center md:flex-row gap-2" href="/special/"> <div class="w-auto h-26"><img class="w-full h-full object-contain" src="/asset/img/p-globalnavi/icon-tokushu.svg" alt=""></div> <div class="text-2xs leading-none md:text-sm">特集</div> </a> </li> </ul> </nav> </div> <main class="w-full"> <!-- ゲートウェイ広告(PC/トップのみ) --> <div class="p-ad__gateway p-ad__gateway--pc"> <div class="p-ad__gateway--center"> <!-- /11970315/lcn_top_bb_gam --> <div id='lcn_top_bb_gam'> <script> googletag.cmd.push(function() { googletag.display('lcn_top_bb_gam'); }); </script> </div> </div> <div class="p-ad__gateway--left"> <!-- /11970315/lcn_top_ssl_gam --> <div id='lcn_top_ssl_gam'> <script> googletag.cmd.push(function() { googletag.display('lcn_top_ssl_gam'); }); </script> </div> </div> <div class="p-ad__gateway--right"> <!-- /11970315/lcn_top_ssr_gam --> <div id='lcn_top_ssr_gam'> <script> googletag.cmd.push(function() { googletag.display('lcn_top_ssr_gam'); }); </script> </div> </div> </div> <!-- /ゲートウェイ広告(PC/トップのみ) --> <!-- メインビジュアル --> <div class="w-full h-auto"> <ul class="w-full h-auto flex md:mt-4 md:mb-3" id="topMainVisual"> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/alaska/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/7X18OxhAtco9lCam6X.png?w=960" alt="アラスカシーフード特集"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/zasshi/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/ConqChR2H1gratrq7N.png?w=960" alt="雑誌最新号特集"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/lettuceclubkansai/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/Zn2Hbx7rGA5Vp5UemQ.png?w=960" alt="レタクラKANSAI"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/writing_class/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/lyOyE66bwWmGagpuMw.jpg?w=960" alt="Webライティング&在宅ワーク特集"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/gojiai/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/M4Cq36mCfB1UUrHyQx.png?w=960" alt="ご自愛ラボ"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/lettuceclubsale/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/addLC2E9gbToPnEaoF.jpg?w=960" alt="お買い得!セールNEWS"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/jitan_cooking/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/6yzL84ElY7uHCfjQkq.jpg?w=960" alt="時短調理特集"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/energy_saving/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/AoQqzacxDUu1HDTi4u.jpg?w=960" alt="私たちの省エネ"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/lettuce_diet/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/bwHvbz2Gu6Sj1xQtxC.jpg?w=960" alt="我慢しない&無理しない ダイエット特集"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/natsunomen/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/93F3lpoFaLBtLl27J1.jpg?w=960" alt="麺レシピ"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/lettuce_beauty/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/hSK6gaeQYyUl3BtI33.jpg?w=960" alt="ちょうどいい、がうれしい! レタスクラブBEAUTY"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/ibaraki/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/fnbFwg4Bt9KFIvY0Ag.jpg?w=960" alt="おいしいものの宝庫です。IBARAKI KITCHEN"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/chocolatesweets/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/eAsbO0Cg4rkGfwHmdF.jpg?w=960" alt="至福の♡チョコレートスイーツ"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/money/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/sYgj0WPENDDcZ0wQAQ.jpg?w=960" alt="わが家の家計&マネープラン"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/sp_furusatotax/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/moWNh9QaVCT7Z6VmUX.jpg?w=960" alt="レタスクラブ 私たちのふるさと納税"> </a> </li> <li class="w-auto h-auto"> <a class="block w-full h-[280px] overflow-hidden mx-auto md:h-[376px] md:max-w-lg md:rounded-xl" href="/special/lettuceclub_baby/"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/v2/season_sp/P3drknfYKQJfwyZw3l.jpg?w=960" alt="レタスクラブベビー"> </a> </li> </ul> <div class="w-full" id="topMainVisualSlick"> <div class="w-full top-slick-position flex justify-center items-center gap-4 mx-auto pt-3"></div> </div> </div> <!-- ラクとNEW --> <div class="wrapper"> <div class="content-container"> <section class="section pt-4"> <div class="flex justify-between gap-3"> <a class="block relative basis-1/2 h-[164px] overflow-hidden rounded-lg" href="/recipe/dish/37939/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20240425025001A1_000.jpg?w=450" alt="スナップえんどうのキーマカレー"> </div> <div class="relative grid items-center justify-center text-center w-full h-full"> <p class="text-white text-2xl font-title leading-tight text-blur">今日の<br>ラクレシピ</p> </div> <div class="absolute top-0 left-0 w-[180px] h-[180px] tag-triangle bg-orange-500 z-10"> <span class="absolute top-[5px] left-[2px] text-white text-xs -rotate-45">ラク</span> </div> <div class="absolute right-2 bottom-2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">2025年4月10日</p> </div> </a> <a class="blcok relative basis-1/2 h-[164px] overflow-hidden rounded-lg" href="/recipe/matome/70/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20250425055001A_000.jpg?w=450" alt="雑誌レタスクラブ 2025年4月号掲載"> </div> <div class="relative grid items-center justify-center text-center w-full h-full"> <p class="text-white text-2xl font-title leading-tight text-blur">今月の<br>おすすめ</p> </div> <div class="absolute top-0 left-0 w-[180px] h-[180px] tag-triangle bg-green-600 z-10"> <span class="absolute top-[6px] left-[2px] text-white text-xs -rotate-45">NEW</span> </div> <div class="absolute right-2 bottom-2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">88品</p> </div> </a> </div> </section> </div> </div> <!-- 上部レシピカールセル --> <div class="w-full mx-auto md:px-4"> <div class="full h-auto ml-[-1rem] md:mx-auto pl-[1rem] md:px-0 pt-4 pb-6 md:max-w-lg overflow-hidden"> <div class="flex full h-auto owl-carousel" id="js-TopRecipeCarousel"> <a class="block relative w-[100px] h-[130px] mr-3 overflow-hidden rounded-lg md:w-[146px] md:h-[146px] md:mr-4" href="/recipe/matome/71/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20250425025003A_000.jpg?w=450" alt="毎日の下ごしらえなし! 15分晩ごはん"> </div> <div class="relative grid items-center justify-center text-center w-full h-[130px]"> <p class="text-white text-lg font-title leading-tight text-blur">15分で<br>晩ごはん</p> </div> <div class="absolute left-1/2 bottom-2 transform -translate-x-1/2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">22品</p> </div> </a> <a class="block relative w-[100px] h-[130px] mr-3 overflow-hidden rounded-lg md:w-[146px] md:h-[146px] md:mr-4" href="/recipe/matome/72/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20250425035002A_000.jpg?w=450" alt="節約で、後片づけもラク! 大さじ4の油でできるエコ揚げもの"> </div> <div class="relative grid items-center justify-center text-center w-full h-[130px]"> <p class="text-white text-lg font-title leading-tight text-blur">大さじ4の油で<br>エコ揚げもの</p> </div> <div class="absolute left-1/2 bottom-2 transform -translate-x-1/2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">8品</p> </div> </a> <a class="block relative w-[100px] h-[130px] mr-3 overflow-hidden rounded-lg md:w-[146px] md:h-[146px] md:mr-4" href="/recipe/matome/6/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20190825037005A_000.jpg?w=450" alt="毎日がラクになるカンタン作りおき"> </div> <div class="relative grid items-center justify-center text-center w-full h-[130px]"> <p class="text-white text-lg font-title leading-tight text-blur">カンタン<br>作りおき</p> </div> <div class="absolute left-1/2 bottom-2 transform -translate-x-1/2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">235品</p> </div> </a> <a class="block relative w-[100px] h-[130px] mr-3 overflow-hidden rounded-lg md:w-[146px] md:h-[146px] md:mr-4" href="/recipe/matome/7/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20210325078004A_000.jpg?w=450" alt="シンプル定番お弁当で毎日がラクに"> </div> <div class="relative grid items-center justify-center text-center w-full h-[130px]"> <p class="text-white text-lg font-title leading-tight text-blur">シンプル<br>定番弁当</p> </div> <div class="absolute left-1/2 bottom-2 transform -translate-x-1/2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">178品</p> </div> </a> <a class="block relative w-[100px] h-[130px] mr-3 overflow-hidden rounded-lg md:w-[146px] md:h-[146px] md:mr-4" href="/recipe/matome/2/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20190925011001A1_000.jpg?w=450" alt="スピード副菜であと1品をかなえる"> </div> <div class="relative grid items-center justify-center text-center w-full h-[130px]"> <p class="text-white text-lg font-title leading-tight text-blur">スピード<br>副菜</p> </div> <div class="absolute left-1/2 bottom-2 transform -translate-x-1/2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">240品</p> </div> </a> <a class="block relative w-[100px] h-[130px] mr-3 overflow-hidden rounded-lg md:w-[146px] md:h-[146px] md:mr-4" href="/recipe/matome/5/recipelist/"> <div class="w-full h-auto overflow-hidden"> <img loading="lazy" class="absolute w-full h-full object-cover" src="/i/R1/img/dish/1/S20201225048002A_000.jpg?w=450" alt="買い物いらずでラクウマ!"> </div> <div class="relative grid items-center justify-center text-center w-full h-[130px]"> <p class="text-white text-lg font-title leading-tight text-blur">買い物<br>いらず</p> </div> <div class="absolute left-1/2 bottom-2 transform -translate-x-1/2 w-auto h-[15px] px-2 bg-white rounded-full"> <p class="relative font-number font-normal text-xs leading-[15px]">219品</p> </div> </a> </div> </div> </div> <div class="wrapper"> <div class="content-container"> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/recipe/"> <p class="leading-normal mx-auto text-center">レシピをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </div> </div> <!-- メインコンテンツ --> <div class="wrapper pb-12 md:pb-24"> <div class="content-container"> <!-- 新着読みもの --> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">新着読みもの</h2> </div> <div class="section-content pb-6"> <ul class="flex flex-wrap gap-x-4 gap-y-6 pt-6"> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/news/article/1254863/display/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1254863/14316181.jpg?w=400" loading="lazy" alt="お尻からの出血=痔という思い込み。次々と体の不調に襲われて/痔だと思ったら大腸がんステージ4でした(1)"> </figure> <p class="relative w-full text-neutral-600 text-xs leading-tight"> #趣味 </p> <p class="w-full line-clamp-3">お尻からの出血=痔という思い込み。次々と体の不調に襲われて/痔だと思ったら大腸がんステージ4でした(1)</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/news/article/1254898/display/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1254898/14307641.jpg?w=400" loading="lazy" alt="つわりの峠を越えた!? 妊娠16週でようやく近づいてきた希望の日"> </figure> <p class="relative w-full text-neutral-600 text-xs leading-tight"> #育児・子育て </p> <p class="w-full line-clamp-3">つわりの峠を越えた!? 妊娠16週でようやく近づいてきた希望の日</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/news/article/1255794/display/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1255794/14327587.jpg?w=400" loading="lazy" alt="「食事ができたら呼んで?」単身赴任から帰ってきた夫。ワーママのペースが乱れまくり!"> </figure> <p class="relative w-full text-neutral-600 text-xs leading-tight"> #育児・子育て </p> <p class="w-full line-clamp-3">「食事ができたら呼んで?」単身赴任から帰ってきた夫。ワーママのペースが乱れまくり!</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/news/article/1255589/display/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1255589/14324348.jpg?w=400" loading="lazy" alt="「ロールモデルが欲しい」恋愛も仕事も満たしてくれない/アラサー・ライフ・クライシス(7)"> </figure> <p class="relative w-full text-neutral-600 text-xs leading-tight"> #趣味 </p> <p class="w-full line-clamp-3">「ロールモデルが欲しい」恋愛も仕事も満たしてくれない/アラサー・ライフ・クライシス(7)</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/news/article/1254126/display/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1254126/14292621.jpg?w=400" loading="lazy" alt="お風呂に入らず同じ服を着続ける母。家族は異変に気付くも受け入れられなくて"> </figure> <p class="relative w-full text-neutral-600 text-xs leading-tight"> #趣味 </p> <p class="w-full line-clamp-3">お風呂に入らず同じ服を着続ける母。家族は異変に気付くも受け入れられなくて</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/news/article/1255433/display/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1255433/14320571.jpg?w=400" loading="lazy" alt="女医は合コンでも苦労する? 男性陣の態度が露骨すぎた日"> </figure> <p class="relative w-full text-neutral-600 text-xs leading-tight"> #趣味 </p> <p class="w-full line-clamp-3">女医は合コンでも苦労する? 男性陣の態度が露骨すぎた日</p> </a> </li> </ul> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/news/"> <p class="leading-normal mx-auto text-center">新着読みものをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <!-- PC用 広告AD_LCN_BB --> <div class="md:pt-20"> <div class="max-w-[1080px] mx-auto text-center"> <div class="text-center w-max mx-auto"> <!-- Ad LCN BB --> <div id="lcn_all_bb_gam"> <script> googletag.cmd.push(function() { googletag.display('lcn_all_bb_gam'); }); </script> </div> </div> </div> </div> <!-- 編集部誘導枠1 --> <section class="section"> <div class="section-content"> <div id="logly-lift-4293819"></div> <div id="logly-lift-4293820"></div> <script> if (window.innerWidth < 768) { var _lgy_lw = document.createElement("script"); _lgy_lw.type = "text/javascript"; _lgy_lw.charset = "UTF-8"; _lgy_lw.async = true; _lgy_lw.src= (("https:" == document.location.protocol) ? "https://" : "http://")+"l.logly.co.jp/lift_widget.js?adspot_id=4293820"; var _lgy_lw_0 = document.getElementsByTagName("script")[0]; _lgy_lw_0.parentNode.insertBefore(_lgy_lw, _lgy_lw_0); } else { var _lgy_lw = document.createElement("script"); _lgy_lw.type = "text/javascript"; _lgy_lw.charset = "UTF-8"; _lgy_lw.async = true; _lgy_lw.src= (("https:" == document.location.protocol) ? "https://" : "http://")+"l.logly.co.jp/lift_widget.js?adspot_id=4293819"; var _lgy_lw_0 = document.getElementsByTagName("script")[0]; _lgy_lw_0.parentNode.insertBefore(_lgy_lw, _lgy_lw_0); } </script> </div> </section> <!-- 新着フレンズレポ --> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">新着「フレンズ」レポ</h2> </div> <div class="section-content pb-6"> <ul class="flex flex-wrap gap-x-4 gap-y-6 pt-6"> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/weblettuce/article/1256416/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1256416/14340161.jpg?w=400" alt="無印良品の「こんなの欲しかった!」かゆい所に手が届くメモ帳シリーズのご紹介"> </figure> <div class="flex justify-between items-center"> <div class="relative flex items-center gap-1"> <div class="w-[26px] h-[26px] rounded-[50%] overflow-hidden flex-shrink-0"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/eDmkn0Woh6kJYr9d7L.jpg?w=100" alt="miho"> </div> <p class="text-neutral-600 text-xs leading-tight">miho</p> </div> </div> <p class="w-full line-clamp-3">無印良品の「こんなの欲しかった!」かゆい所に手が届くメモ帳シリーズのご紹介</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/weblettuce/article/1256411/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1256411/14340107.jpg?w=400" alt="賞状や通知簿、どうしてる?専用のファイルでスッキリ収納!"> </figure> <div class="flex justify-between items-center"> <div class="relative flex items-center gap-1"> <div class="w-[26px] h-[26px] rounded-[50%] overflow-hidden flex-shrink-0"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/oyknmwA8na7FkyP5qS.jpg?w=100" alt="mari"> </div> <p class="text-neutral-600 text-xs leading-tight">mari</p> </div> </div> <p class="w-full line-clamp-3">賞状や通知簿、どうしてる?専用のファイルでスッキリ収納!</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/weblettuce/article/1249936/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1249936/14264316.jpg?w=400" alt="平日は肩の力を抜いて、週末は少し華やかに♪ <ヨルパン>って私たちになんかいいかも!"> </figure> <div class="flex justify-between items-center"> <div class="relative flex items-center gap-1"> <div class="w-[26px] h-[26px] rounded-[50%] overflow-hidden flex-shrink-0"> <img class="w-full h-full object-cover object-center" loading="lazy" src="" alt=""> </div> <p class="text-neutral-600 text-xs leading-tight"></p> </div> <div class="text-xs w-max px-1 rounded text-neutral-400 border border-neutral-400 right-0 -top-[1px]">PR</div> </div> <p class="w-full line-clamp-3">平日は肩の力を抜いて、週末は少し華やかに♪ <ヨルパン>って私たちになんかいいかも!</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/weblettuce/article/1251035/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1251035/14236185.jpg?w=400" alt="きれいをキープしたい!洗面所のリセットを楽にする3つの工夫"> </figure> <div class="flex justify-between items-center"> <div class="relative flex items-center gap-1"> <div class="w-[26px] h-[26px] rounded-[50%] overflow-hidden flex-shrink-0"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/FWyTM4zyTtTR1GHZNa.jpeg?w=100" alt="こんぶ"> </div> <p class="text-neutral-600 text-xs leading-tight">こんぶ</p> </div> </div> <p class="w-full line-clamp-3">きれいをキープしたい!洗面所のリセットを楽にする3つの工夫</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/weblettuce/article/1251029/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1251029/14236160.jpg?w=400" alt="リビングの小物はソファの下に収納!100均アイテムでくつろぎ空間の利便性UP"> </figure> <div class="flex justify-between items-center"> <div class="relative flex items-center gap-1"> <div class="w-[26px] h-[26px] rounded-[50%] overflow-hidden flex-shrink-0"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/L9AMmr7QYqscnMGdFc.jpeg?w=100" alt="kokkomacha"> </div> <p class="text-neutral-600 text-xs leading-tight">kokkomacha</p> </div> </div> <p class="w-full line-clamp-3">リビングの小物はソファの下に収納!100均アイテムでくつろぎ空間の利便性UP</p> </a> </li> <li class="basis-[calc(50%-8px)] md:basis-[calc(33%-9px)]"> <a class="relative w-full h-full flex flex-col gap-2" href="/weblettuce/article/1252698/"> <figure class="w-full h-32 rounded-lg overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/N1/1252698/14267426.jpg?w=400" alt="アラスカ出身の夫もお気に入り!アラスカ産天然すけそうだらが原料の「カニカマ」を使ったレシピ"> </figure> <div class="flex justify-between items-center"> <div class="relative flex items-center gap-1"> <div class="w-[26px] h-[26px] rounded-[50%] overflow-hidden flex-shrink-0"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/aTz9vD9hcxbmYeJmxy.png?w=100" alt="ざわじまれな"> </div> <p class="text-neutral-600 text-xs leading-tight">ざわじまれな</p> </div> <div class="text-xs w-max px-1 rounded text-neutral-400 border border-neutral-400 right-0 -top-[1px]">PR</div> </div> <p class="w-full line-clamp-3">アラスカ出身の夫もお気に入り!アラスカ産天然すけそうだらが原料の「カニカマ」を使ったレシピ</p> </a> </li> </ul> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/weblettuce/"> <p class="leading-normal mx-auto text-center">新着「フレンズ」レポをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">ピックアップフレンズ</h2> </div> <div class="section-content"> <ul class="flex justify-between items-start py-6"> <li> <a class="flex flex-col gap-2 items-center text-center" href="/weblettuce/member/131/"> <div class="w-16 h-16 md:w-20 md:h-20 rounded-full overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/J8P8UE7x3Lvy0PyI5S.jpg?w=300" alt="なこ"> </div> <p class="leading-normal text-xs md:text-base max-w-[70px] md:max-w-[none]">なこ</p> </a> </li> <li> <a class="flex flex-col gap-2 items-center text-center" href="/weblettuce/member/172/"> <div class="w-16 h-16 md:w-20 md:h-20 rounded-full overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/U7adQTwnFY37BkkcdP.jpg?w=300" alt="miki"> </div> <p class="leading-normal text-xs md:text-base max-w-[70px] md:max-w-[none]">miki</p> </a> </li> <li> <a class="flex flex-col gap-2 items-center text-center" href="/weblettuce/member/120/"> <div class="w-16 h-16 md:w-20 md:h-20 rounded-full overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/vFCOWa7f2TPylPFo6g.JPG?w=300" alt="海老原葉月"> </div> <p class="leading-normal text-xs md:text-base max-w-[70px] md:max-w-[none]">海老原葉月</p> </a> </li> <li> <a class="flex flex-col gap-2 items-center text-center" href="/weblettuce/member/146/"> <div class="w-16 h-16 md:w-20 md:h-20 rounded-full overflow-hidden"> <img class="w-full h-full object-cover object-center" loading="lazy" src="/i/R1/img/v2/weblettuce/member/BI7D1Ri3peUsBSwdcH.JPG?w=300" alt="まあち"> </div> <p class="leading-normal text-xs md:text-base max-w-[70px] md:max-w-[none]">まあち</p> </a> </li> </ul> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/weblettuce/member/"> <p class="leading-normal mx-auto text-center">フレンズをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <!-- ad_イメテキ おすすめ読みもの --> <div class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">おすすめ読みもの(PR)</h2> </div> <ul class="section-content flex flex-wrap gap-x-4 gap-y-6 py-6"> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat1_gam"> <!-- Ad LCN IaT1 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat1_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat2_gam"> <!-- Ad LCN IaT2 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat2_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat3_gam"> <!-- Ad LCN IaT3 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat3_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat4_gam"> <!-- Ad LCN IaT4 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat4_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat5_gam"> <!-- Ad LCN IaT5 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat5_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat6_gam"> <!-- Ad LCN IaT6 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat6_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat7_gam"> <!-- Ad LCN IaT7 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat7_gam'); }); </script> </li> <li class="basis-[calc(50%-8px)] quarter" id="lcn_all_iat8_gam"> <!-- Ad LCN IaT8 --> <script> googletag.cmd.push(function() { googletag.display('lcn_all_iat8_gam'); }); </script> </li> </ul> </div> <!-- 注目 --> <section class="section"> <div class="section-content"> <div id="logly-lift-4294695"></div> <div id="logly-lift-4294696"></div> <script> if (window.innerWidth < 768) { var _lgy_lw = document.createElement("script"); _lgy_lw.type = "text/javascript"; _lgy_lw.charset = "UTF-8"; _lgy_lw.async = true; _lgy_lw.src= (("https:" == document.location.protocol) ? "https://" : "http://")+"l.logly.co.jp/lift_widget.js?adspot_id=4294696"; var _lgy_lw_0 = document.getElementsByTagName("script")[0]; _lgy_lw_0.parentNode.insertBefore(_lgy_lw, _lgy_lw_0); } else { var _lgy_lw = document.createElement("script"); _lgy_lw.type = "text/javascript"; _lgy_lw.charset = "UTF-8"; _lgy_lw.async = true; _lgy_lw.src= (("https:" == document.location.protocol) ? "https://" : "http://")+"l.logly.co.jp/lift_widget.js?adspot_id=4294695"; var _lgy_lw_0 = document.getElementsByTagName("script")[0]; _lgy_lw_0.parentNode.insertBefore(_lgy_lw, _lgy_lw_0); } </script> </div> </section> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">読みものランキング</h2> </div> <div class="section-content"> <ul class="flex flex-col gap-6 py-6"> <li> <a class="flex gap-3" href="/news/article/1253240/display/"> <div class="w-[100px] h-[100px] md:w-[140px] md:h-[140px] rounded-lg flex-shrink-0 overflow-hidden"> <img class="w-full h-full object-cover object-center" src="/i/N1/1253240/14278695.jpg?w=400&h=400" loading="lazy" alt="とっても食いしん坊な1歳娘。「おかぁりくだしゃい」を繰り返した結果"> </div> <div class="flex-grow relative md:-mt-1"> <div class="inline-flex items-center w-auto h-[22px] px-2.5 rounded-full bg-yellow-600"> <span class="text-white text-sm font-bold font-number leading-[22px]">1位</span> </div> <p class="leading-normal line-clamp-3 pt-1 line-clamp-3">とっても食いしん坊な1歳娘。「おかぁりくだしゃい」を繰り返した結果</p> </div> </a> </li> <li> <a class="flex gap-3" href="/news/article/1254008/display/"> <div class="w-[100px] h-[100px] md:w-[140px] md:h-[140px] rounded-lg flex-shrink-0 overflow-hidden"> <img class="w-full h-full object-cover object-center" src="/i/N1/1254008/14291168.jpg?w=400&h=400" loading="lazy" alt="かわいくてきれいな叔父さん。「全然似てない」と言われた姪の複雑な思い"> </div> <div class="flex-grow relative md:-mt-1"> <div class="inline-flex items-center w-auto h-[22px] px-2.5 rounded-full bg-gray-600"> <span class="text-white text-sm font-bold font-number leading-[22px]">2位</span> </div> <p class="leading-normal line-clamp-3 pt-1 line-clamp-3">かわいくてきれいな叔父さん。「全然似てない」と言われた姪の複雑な思い</p> </div> </a> </li> <li> <a class="flex gap-3" href="/news/article/1254742/display/"> <div class="w-[100px] h-[100px] md:w-[140px] md:h-[140px] rounded-lg flex-shrink-0 overflow-hidden"> <img class="w-full h-full object-cover object-center" src="/i/N1/1254742/14306321.jpg?w=400&h=400" loading="lazy" alt="「どうしようおじさん!」姪っ子に似合う洋服を見立ててあげたい"> </div> <div class="flex-grow relative md:-mt-1"> <div class="inline-flex items-center w-auto h-[22px] px-2.5 rounded-full bg-yellow-800"> <span class="text-white text-sm font-bold font-number leading-[22px]">3位</span> </div> <p class="leading-normal line-clamp-3 pt-1 line-clamp-3">「どうしようおじさん!」姪っ子に似合う洋服を見立ててあげたい</p> </div> </a> </li> <li> <a class="flex gap-3" href="/news/article/1254740/display/"> <div class="w-[100px] h-[100px] md:w-[140px] md:h-[140px] rounded-lg flex-shrink-0 overflow-hidden"> <img class="w-full h-full object-cover object-center" src="/i/N1/1254740/14322126.jpg?w=400&h=400" loading="lazy" alt="きれいな叔父さんが学校へ! 容姿が気になるお年頃の姪が同級生からかけられた言葉とは"> </div> <div class="flex-grow relative md:-mt-1"> <div class="inline-flex items-center w-auto h-[22px] px-2.5 rounded-full bg-neutral-400"> <span class="text-white text-sm font-bold font-number leading-[22px]">4位</span> </div> <p class="leading-normal line-clamp-3 pt-1 line-clamp-3">きれいな叔父さんが学校へ! 容姿が気になるお年頃の姪が同級生からかけられた言葉とは</p> </div> </a> </li> <li> <a class="flex gap-3" href="/news/article/1255791/display/"> <div class="w-[100px] h-[100px] md:w-[140px] md:h-[140px] rounded-lg flex-shrink-0 overflow-hidden"> <img class="w-full h-full object-cover object-center" src="/i/N1/1255791/14327545.jpg?w=400&h=400" loading="lazy" alt="育休復帰2年目の春。仕事と育児に奮闘するワーママに、ダブルのおめでたが!"> </div> <div class="flex-grow relative md:-mt-1"> <div class="inline-flex items-center w-auto h-[22px] px-2.5 rounded-full bg-neutral-400"> <span class="text-white text-sm font-bold font-number leading-[22px]">5位</span> </div> <p class="leading-normal line-clamp-3 pt-1 line-clamp-3">育休復帰2年目の春。仕事と育児に奮闘するワーママに、ダブルのおめでたが!</p> </div> </a> </li> </ul> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/news/ranking/"> <p class="leading-normal mx-auto text-center">読みものランキングをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <!-- 読みものいろいろ --> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">読みものいろいろ</h2> </div> <div class="section-content w-full h-auto flex flex-wrap gap-4 py-6"> <a class="inline-block w-[calc(50%-8px)] h-[53px] bg-lime-500 bg-opacity-50 rounded-lg" href="/news/all/"> <div class="w-full h-full flex justify-center items-center"> <span class="text-base">新着</span> </div> </a> <a class="inline-block w-[calc(50%-8px)] h-[53px] bg-lime-500 bg-opacity-50 rounded-lg" href="/news/meal/"> <div class="w-full h-full flex justify-center items-center"> <span class="text-base">食</span> </div> </a> <a class="inline-block w-[calc(50%-8px)] h-[53px] bg-lime-500 bg-opacity-50 rounded-lg" href="/news/life/"> <div class="w-full h-full flex justify-center items-center"> <span class="text-base">くらし</span> </div> </a> <a class="inline-block w-[calc(50%-8px)] h-[53px] bg-lime-500 bg-opacity-50 rounded-lg" href="/news/beauty/"> <div class="w-full h-full flex justify-center items-center"> <span class="text-base">美容・健康</span> </div> </a> <a class="inline-block w-[calc(50%-8px)] h-[53px] bg-lime-500 bg-opacity-50 rounded-lg" href="/news/hobby/"> <div class="w-full h-full flex justify-center items-center"> <span class="text-base">趣味</span> </div> </a> <a class="inline-block w-[calc(50%-8px)] h-[53px] bg-lime-500 bg-opacity-50 rounded-lg" href="/news/child/"> <div class="w-full h-full flex justify-center items-center"> <span class="text-base">育児・子育て</span> </div> </a> </div> </section> <!-- PC用 広告 ALL_1R_GAM ALL_2R_GAM --> <div class="section-content md:flex md:justify-between md:gap-6 md:pt-14"> <div class="w-[calc(796px / 2)] mx-auto text-center"> <div class="text-center"> <!-- Ad LCN 1R --> <div id="lcn_all_1r_gam" style="width: 300px; height: 250px;"> <script> googletag.cmd.push(function() { googletag.display('lcn_all_1r_gam'); }); </script> </div> </div> </div> <div class="w-[calc(796px / 2)] mx-auto text-center"> <div class="text-center"> <!-- Ad LCN 2R --> <div id="lcn_all_2r_gam" style="width: 300px; height: 250px;"> <script> googletag.cmd.push(function() { googletag.display('lcn_all_2r_gam'); }); </script> </div> </div> </div> </div> <!-- レタスクラブ最新号 --> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">レタスクラブ最新号</h2> </div> <div class="section-content"> <a href="https://store.kadokawa.co.jp/shop/g/g322402001478/" class="w-full flex gap-3 py-6 mb-3" target="_blank"> <div class="w-36 h-44 shadow flex-shrink-0"> <img class="w-full object-cover object-center" src="/i/R1/image/kp/960/W0l9aapufjYm0GOmIRJM.jpg" loading="lazy" alt="レタスクラブ '25 4月号"> </div> <div class="flex flex-col gap-2 flex-grow"> <p>毎日の下ごしらえなし! 15分晩ごはん</p> <p class="text-sm font-normal">毎日のごはん作り、野菜を洗ったり一から準備するのは大変ですよね?<br> 今号では、面倒な野菜の下ごしらえをまとめて行なって、料理をラクにするテクがたっぷりの「毎日の下ごしらえなし! 15分晩ごはん」特集をご紹介します。<br> その他、料理家がリピートする「推し調味料」や、油大さじ4で作る「エコ揚げもの」、おかず系もスイーツ系も楽しめる「食パンアレンジ」など、盛りだくさん。<br> その他、「つい置いちゃうところに収納を!」特集や、たるみ・シワ・白髪・薄毛を解消する「-10歳見え頭ほぐし」など、今知りたい情報が満載!です!</p></div> </a> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="https://store.kadokawa.co.jp/shop/g/g322402001478/" target="_blank"> <p class="leading-normal mx-auto text-center">レタスクラブ最新号詳細</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">レシピランキング</h2> </div> <div class="section-content py-6"> <ul class="w-full flex flex-col gap-6 [&>li:nth-child(1)>a>div>div]:bg-yellow-600 [&>li:nth-child(2)>a>div>div]:bg-gray-600 [&>li:nth-child(3)>a>div>div]:bg-yellow-800 [&>li:nth-child(4)>a>div>div]:bg-neutral-400 [&>li:nth-child(n+5)>a>div>div]:bg-neutral-400"> <li class="w-full flex"> <a class="flex gap-3 items-start" href="/recipe/dish/23993/"> <figure class="w-[100px] h-[100px] rounded-lg overflow-hidden flex-shrink-0 md:w-[140px] md:h-[140px]"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/dish/1/S20170310053001A_002.jpg?w=400&h=400" loading="lazy" alt="電子レンジで簡単温泉卵"> </figure> <div class="flex-grow"> <div class="text-sm text-white font-bold h-[22px] w-[42px] mb-1 flex justify-center items-center leading-none rounded-full"> <span class="leading-none">1位</span> </div> <p class="text-lg leading-snug mb-1">電子レンジで簡単温泉卵</p> <p class="text-xs leading-normal font-normal">主な食材:卵(M)</p> </div> </a> </li> <li class="w-full flex"> <a class="flex gap-3 items-start" href="/recipe/dish/20670/"> <figure class="w-[100px] h-[100px] rounded-lg overflow-hidden flex-shrink-0 md:w-[140px] md:h-[140px]"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/dish/1/S20141125037002A_000.png?w=400&h=400" loading="lazy" alt="極上ソース焼きそば"> </figure> <div class="flex-grow"> <div class="text-sm text-white font-bold h-[22px] w-[42px] mb-1 flex justify-center items-center leading-none rounded-full"> <span class="leading-none">2位</span> </div> <p class="text-lg leading-snug mb-1">極上ソース焼きそば</p> <p class="text-xs leading-normal font-normal">主な食材:もやし / 玉ねぎ</p> </div> </a> </li> <li class="w-full flex"> <a class="flex gap-3 items-start" href="/recipe/dish/22978/"> <figure class="w-[100px] h-[100px] rounded-lg overflow-hidden flex-shrink-0 md:w-[140px] md:h-[140px]"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/dish/1/S20160410022001A_000.png?w=400&h=400" loading="lazy" alt="簡単タコライス"> </figure> <div class="flex-grow"> <div class="text-sm text-white font-bold h-[22px] w-[42px] mb-1 flex justify-center items-center leading-none rounded-full"> <span class="leading-none">3位</span> </div> <p class="text-lg leading-snug mb-1">簡単タコライス</p> <p class="text-xs leading-normal font-normal">主な食材:玉ねぎのみじん切り / トマト</p> </div> </a> </li> <li class="w-full flex"> <a class="flex gap-3 items-start" href="/recipe/dish/18379/"> <figure class="w-[100px] h-[100px] rounded-lg overflow-hidden flex-shrink-0 md:w-[140px] md:h-[140px]"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/dish/1/S20110725029001A_000.png?w=400&h=400" loading="lazy" alt="絶品レバニラ炒め"> </figure> <div class="flex-grow"> <div class="text-sm text-white font-bold h-[22px] w-[42px] mb-1 flex justify-center items-center leading-none rounded-full"> <span class="leading-none">4位</span> </div> <p class="text-lg leading-snug mb-1">絶品レバニラ炒め</p> <p class="text-xs leading-normal font-normal">主な食材:もやし / おろししょうが</p> </div> </a> </li> <li class="w-full flex"> <a class="flex gap-3 items-start" href="/recipe/dish/19436/"> <figure class="w-[100px] h-[100px] rounded-lg overflow-hidden flex-shrink-0 md:w-[140px] md:h-[140px]"> <img class="w-full h-full object-cover object-center" src="/i/R1/img/dish/1/S20120510012001A_000.png?w=400&h=400" loading="lazy" alt="サムギョプサル"> </figure> <div class="flex-grow"> <div class="text-sm text-white font-bold h-[22px] w-[42px] mb-1 flex justify-center items-center leading-none rounded-full"> <span class="leading-none">5位</span> </div> <p class="text-lg leading-snug mb-1">サムギョプサル</p> <p class="text-xs leading-normal font-normal">主な食材:おろししょうが / キムチ</p> </div> </a> </li> </ul> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/recipe/ranking/"> <p class="leading-normal mx-auto text-center">レシピランキングをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <!-- 旬の食材 --> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">旬の食材</h2> </div> <div class="section-content"> <div class="w-full py-6"> <div class="flex flex-wrap gap-2 md:justify-center"> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/118/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">菜の花</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/129/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">ブロッコリー</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/114/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">キャベツ</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/207/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">いちご</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/162/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">そら豆</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/133/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">たけのこ</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/117/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">レタス</span> </a> <a class="w-auto h-[38px] grid content-center border-2 border-neutral-400 rounded-full" href="/recipe/ingredient/327/"> <span class="inline-block leading-[38px] px-4 h-full text-sm" style="display:flex; align-items:center;">もずく</span> </a> </div> </div> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/recipe/ingredient/"> <p class="leading-normal mx-auto text-center">食材をもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </section> <!-- レシピを探す --> <section class="section"> <div class="w-full flex gap-2 items-center justify-center text-center border-b-[3px] border-y-green pb-4"> <h2 class="text-2xl font-bold font-title leading-tight">レシピを探す</h2> </div> <div class="section-content"> <div class="py-6"> <div class="flex gap-2 w-full"> <div class="flex flex-grow"> <div class="flex-grow h-12 flex rounded items-center bg-neutral-200"> <input class="text-netural-400 text-sm font-normal w-full mx-2 bg-neutral-200 search_recipe_text" type="text" name="searchword" placeholder="食材名・料理名・料理家名を入力" value="" maxlength="100"> <input class="bg-green-600 w-11 h-full flex-shrink-0 z-10 bg-[url('/asset/img/base/header-menu-search.svg')] bg-no-repeat bg-center bg-[length:24px] cursor-pointer rounded-tr rounded-br search_recipe_button" type="button" name="searchword" value=""> </div> </div> <a class="flex-shrink-0 inline-block bg-green-600 rounded text-white text-2xs leading-tight text-center px-2 py-3" href="/recipe/search/">こだわり<br>検索</a> </div> </div> <div class="pb-6"> <div> <ul class="flex items-center flex-wrap gap-6"> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l1/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-vegetables.svg" alt="野菜のおかず"> </div> <div> <p>野菜のおかず</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l2/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-meet.svg" alt="肉のおかず"> </div> <div> <p>肉のおかず</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l3/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-fish.svg" alt="魚介のおかず"> </div> <div> <p>魚介のおかず</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l4/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-rice.svg" alt="ごはんもの"> </div> <div> <p>ごはんもの</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l12/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-men.svg" alt="麺"> </div> <div> <p>麺</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l6/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-pasta.svg" alt="パスタ・グラタン"> </div> <div> <p>パスタ・グラタン</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l7/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-soup.svg" alt="シチュー・スープ汁物"> </div> <div> <p>シチュー・スープ汁物</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l8/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-salad.svg" alt="サラダ"> </div> <div> <p>サラダ</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l20/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-sweets.svg" alt="お菓子"> </div> <div> <p>お菓子</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l22/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-lanchbox.svg" alt="お弁当"> </div> <div> <p>お弁当</p> </div> </a> </li> <li class="block basis-[calc(50%-12px)] md:basis-[calc(25%-18px)]"> <a class="flex gap-2 items-center" href="/recipe/category/l5/"> <div class="w-10 h-9 overflow-hidden"> <img class="w-full h-full object-contain object-center" src="/asset/img/base/bg-category-egg.svg" alt="卵・大豆製品"> </div> <div> <p>卵・大豆製品</p> </div> </a> </li> </ul> </div> </div> <a class="sectionButton w-full max-w-[400px] px-6 py-3.5 flex justify-between gap-1 items-center mx-auto bg-lime-500 bg-opacity-20 text-sm rounded-full md:hover:bg-opacity-100 md:hover:text-white md:active:bg-opacity-70 transition duration-300" href="/recipe/category/"> <p class="leading-normal mx-auto text-center">料理カテゴリをもっと見る</p> <div class="w-5 h-5"> <svg class="w-full h-auto" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.16663L13.3333 9.99996L7.5 15.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </div> </section> </div> </div> <!-- /.l-main --></main> <footer class="w-full px-4 pb-10 md:pb-0 bg-neutral-500 mb-[380px] md:mb-[200px]"> <div class="w-full mx-auto md:max-w-lg md:flex md:justify-between"> <ul class="flex flex-col gap-5 items-center pt-8 mb-5 [&>li:last-child]:mb-0 md:py-16 md:mb-0 md:items-start"> <li class="text-white text-sm leading-none"> <a href="https://www.shop.mainichigahakken.net/shop/pages/privacy.aspx" target="_blank" rel="noopener noreferrer">プライバシーポリシー</a> </li> <li class="text-white text-sm leading-none"> <a href="/information/kiyaku/">利用規約</a> </li> <li class="text-white text-sm leading-none"> <a href="https://lettuceclub-help.kadokawa.co.jp/" target="_blank" rel="noopener noreferrer">ヘルプ・サポート</a> </li> <li class="text-white text-sm leading-none"> <a href="/information/ad/lead/">広告掲載について</a> </li> <li class="text-white text-sm leading-none"> <a href="https://form.enq.kadokawa.co.jp/cre/?enq=Mko%2fyQX7iqk%3d" target="_blank" rel="noopener noreferrer">プレスリリース</a> </li> </ul> <ul class="flex flex-col gap-5 items-center pb-8 [&>li:last-child]:mb-0 md:py-16 md:items-start"> <li class="text-white text-sm leading-none"> <a href="https://www.lettuceclub.net/company/profile/" target="_blank" rel="noopener noreferrer">運営会社</a> </li> <li class="text-white text-sm leading-none"> <a href="/information/browser/">推奨環境</a> </li> <li class="text-white text-sm leading-none"> <a href="/information/optout/">利用者情報の外部送信について</a> </li> <li class="text-white text-sm leading-none"> <a href="https://www.lettuceclub.net/information/ad/lead/form/mediaguide/" target="_blank" rel="noopener noreferrer">媒体資料</a> </li> <li class="text-white text-sm leading-none"> <a href="/information/about/">レタスクラブについて</a> </li> </ul> <div class="md:py-16 md:flex md:flex-col md:justify-between"> <div class="w-full"> <a class="block w-[300px] bg-white mx-auto rounded-xl" href="https://www.instagram.com/lettuce_official/?hl=ja" target="_blank" rel="noopener noreferrer"> <div class="w-full h-full py-3 px-6 flex justify-between items-center"> <p class="text-sm">毎日更新!インスタもチェック!</p> <img src="/asset/img/p-menu/icon-insta.svg" alt="instagram"> </div> </a> </div> <div class="w-full pt-6 text-center md:leading-none"> <small class="text-white text-xs font-extralight">レタスクラブ © KADOKAWA LifeDesign. 2025</small> </div> </div> </div> </footer> <div class="fixed z-[25] w-full bottom-0 left-0"> <div class="max-w-[960px] mx-auto"> <div class="text-center w-max mx-auto"> <!-- Ad LCN OL --> <div id="lcn_all_ol_gam"> <script> googletag.cmd.push(function() { googletag.display('lcn_all_ol_gam'); }); </script> </div> </div> </div> </div> <script src="/asset/js/vendor/jquery_28788834.js"></script> <script src="/asset/js/vendor/jquery.ba-throttle-debounce.min_28788834.js"></script> <script src="/asset/js/vendor/ofi.min_28788834.js"></script> <script src="/asset/js/vendor/owl.carousel.min_28788834.js"></script> <script src="/asset/js/vendor/clipboard.min_28788834.js"></script> <script src="/asset/js/vendor/slick.min_28788834.js"></script> <script src="/asset/js/app_28788834.js"></script> <!-- /.l-page --></div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.lettuceclub.net/", "name": "レタスクラブ" } } ] } </script> </body> </html>