マッキーの家庭菜園

adient(135deg,#fce4ec,#e91e63);} .t-lettuce{background:linear-gradient(135deg,#f1f8e9,#558b2f);} .mkk-pc-body{padding:10px 10px 12px;} .mkk-pc-cat{font-size:10px;font-weight:700;color:var(--sky2);margin-bottom:4px;} .mkk-pc-title{font-size:12px;font-weight:700;color:var(--text);line-height:1.4;} /* ── Article Tabs ── */ .mkk-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;} .mkk-tab{background:var(--white);border:1.5px solid var(--border);padding:7px 14px;font-size:12px;font-weight:700;color:var(--gray);cursor:pointer;border-radius:20px;transition:all .15s;} .mkk-tab.active,.mkk-tab:hover{background:var(--navy);color:#fff;border-color:var(--navy);} /* ── Article Cards ── */ .mkk-articles{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;} .mkk-ac{display:flex;background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border-left:4px solid var(--sky);transition:box-shadow .2s,border-color .2s;} .mkk-ac:hover{box-shadow:0 4px 18px rgba(56,72,96,0.14);border-color:var(--navy);} .mkk-ac-thumb{width:140px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:38px;position:relative;} .mkk-ac-badge{position:absolute;top:8px;left:8px;background:var(--navy);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;} .mkk-ac-body{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:6px;} .mkk-ac-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.5;} .mkk-ac-excerpt{font-size:12px;color:var(--gray);line-height:1.7;} .mkk-ac-date{font-size:11px;color:#aaa;margin-top:auto;} /* ── More Button ── */ .mkk-more{text-align:center;margin:16px 0 30px;} .mkk-more a{display:inline-block;background:var(--orange);color:#fff;font-size:13px;font-weight:700;padding:10px 40px;border-radius:30px;transition:background .15s,transform .15s;box-shadow:0 3px 10px rgba(245,166,35,0.35);} .mkk-more a:hover{background:var(--orange2);transform:translateY(-2px);} /* ── Season Cards ── */ .mkk-seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:10px;} .mkk-sc{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border-top:3px solid var(--sky);transition:transform .2s;} .mkk-sc:hover{transform:translateY(-3px);} .mkk-sc-thumb{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:36px;} .s-spring{background:linear-gradient(135deg,#fce4ec,#f48fb1);} .s-summer{background:linear-gradient(135deg,#D9F3FF,var(--sky));} .s-autumn{background:linear-gradient(135deg,#fff3e0,#e65100);} .s-winter{background:linear-gradient(135deg,#e0f7fa,#0097a7);} .mkk-sc-body{padding:10px;} .mkk-sc-label{font-size:10px;font-weight:700;color:var(--sky2);margin-bottom:3px;} .mkk-sc-title{font-size:12px;font-weight:700;color:var(--text);line-height:1.4;} /* ── Sidebar ── */ .mkk-sb{background:var(--white);border-radius:var(--r);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow);} .mkk-sb-head{background:var(--navy);padding:10px 16px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.04em;} .mkk-sb-body{padding:16px;} .mkk-profile{text-align:center;} .mkk-profile img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--sky);margin:0 auto 10px;} .mkk-profile-name{font-size:15px;font-weight:900;color:var(--navy);margin-bottom:6px;} .mkk-profile-text{font-size:12px;color:var(--gray);line-height:1.8;text-align:left;} /* ── YouTube Box ── */ .mkk-yt{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);border-radius:var(--r);padding:16px;text-align:center;color:#fff;margin-bottom:20px;box-shadow:var(--shadow);} .mkk-yt-icon{font-size:28px;margin-bottom:6px;} .mkk-yt-txt{font-size:12px;font-weight:700;line-height:1.8;} .mkk-yt-count{font-size:17px;font-weight:900;color:#ffe082;} /* ── Search ── */ .mkk-search{display:flex;gap:6px;} .mkk-search input{flex:1;padding:8px 10px;border:1.5px solid var(--border);border-radius:6px;font-size:13px;outline:none;transition:border-color .15s;} .mkk-search input:focus{border-color:var(--sky);} .mkk-search button{background:var(--sky);color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background .15s;} .mkk-search button:hover{background:var(--sky2);} /* ── Categories ── */ .mkk-cats{display:flex;flex-direction:column;} .mkk-cats a{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);transition:background .12s,color .12s;} .mkk-cats a:last-child{border-bottom:none;} .mkk-cats a:hover{background:var(--sky-light);color:var(--navy);} .mkk-cat-ic{font-size:15px;} /* ── Popular Articles ── */ .mkk-pops{display:flex;flex-direction:column;gap:12px;} .mkk-pop{display:flex;align-items:flex-start;gap:10px;} .mkk-pop-n{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;flex-shrink:0;background:var(--gray);margin-top:1px;} .n1{background:var(--orange);}.n2{background:var(--sky2);}.n3{background:#84a0c0;} .mkk-pop-t{font-size:12px;color:var(--text);line-height:1.5;} /* ── Footer ── */ .mkk-footer{background:var(--navy);color:rgba(255,255,255,0.65);margin-top:48px;padding:32px 20px 20px;} .mkk-footer-inner{max-width:1100px;margin:0 auto;} .mkk-fnav{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:18px;} .mkk-fnav a{font-size:12px;color:rgba(255,255,255,0.55);transition:color .15s;} .mkk-fnav a:hover{color:#fff;} .mkk-copy{font-size:11px;color:rgba(255,255,255,0.4);text-align:center;border-top:1px solid rgba(255,255,255,0.15);padding-top:14px;margin-top:14px;} /* ── Body Background ── */ body{background:var(--bg);} /* ── Responsive ── */ @media(max-width:720px){ .mkk-wrap{flex-direction:column;}.mkk-sidebar{width:100%;} .mkk-pickup{grid-template-columns:repeat(2,1fr);} .mkk-seasons{grid-template-columns:repeat(2,1fr);} .mkk-ac-thumb{width:110px;font-size:28px;} }

🌱 マッキー農園

家庭菜園をもっと楽しく・もっと美味しく