html,body{margin:0;padding:0;overflow-x:hidden;width:100%;box-sizing:border-box}.cute-article{background-color:#fff7fa;border-radius:16px;padding:2.5rem;max-width:1200px;margin:2rem auto;box-shadow:0 8px 24px rgba(80,200,120,.2);box-sizing:border-box}.cute-article img,.cute-article table{max-width:100%;height:auto;display:block;box-sizing:border-box}.cute-article table{border-collapse:collapse;width:100%;table-layout:auto}.cute-article th,.cute-article td{border:1px solid #ccc;padding:.5rem;font-size:.95rem;word-break:break-word;white-space:normal}.cute-article th{background-color:#dffff0;font-weight:700}.cute-nav{text-align:center;margin:1rem auto;background-color:#fff;padding:.6rem 1rem;border-radius:.6rem;box-shadow:0 1px 4px rgba(0,0,0,5%);display:flex;justify-content:center;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.cute-nav a{display:inline-block;margin:0 1rem;text-decoration:none;color:#f69;font-weight:700}mark{background-color:#ff0;padding:0 2px;border-radius:3px}.question-cards .card-container{display:grid!important;grid-template-columns:1fr!important;gap:1.5rem!important;padding:1rem!important;justify-content:center!important}.card{display:flex;flex-direction:row;background:#e6fff5;border:2px solid #a0f0c0;border-radius:12px;padding:1rem;box-shadow:0 4px 10px rgba(80,200,120,.15);box-sizing:border-box!important;gap:1rem;transition:transform .2s ease,opacity .3s ease}.card img{width:200px;height:auto;object-fit:cover;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);flex-shrink:0;align-self:center}.card .card-text{flex:1;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-4px)}.card h3{margin-top:0;font-size:1.3em;color:#3cb371}.card p.date{font-size:.9em;color:#777}.card p{color:#333;font-size:.95em}.read-more{display:inline-block;margin-top:10px;color:#3cb371;font-weight:700;text-decoration:none}.fade-in-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.tag-list{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0;justify-content:center}.tag-badge{display:inline-block;background-color:#e6fff5;color:#3cb371;padding:.5rem 1rem;border-radius:999px;font-size:.9rem;text-decoration:none;box-shadow:0 2px 6px rgba(80,200,120,.2);transition:background-color .3s ease,transform .2s ease}.tag-badge:hover{background-color:#dffff0;transform:translateY(-2px)}.tag-badge .count{color:#999;margin-left:4px;font-size:.8em}.tag-bubble-container{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px}.tag-bubble{position:relative;display:inline-block;background:linear-gradient(145deg,#ffe4f0,#ffd1eb);color:#3cb371;border:2px solid #f9b;border-radius:9999px;padding:10px 20px;font-size:1.05rem;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(80,200,120,.4);overflow:hidden;z-index:0;transition:transform .25s ease,box-shadow .3s ease;animation:float-bounce 3s ease-in-out infinite}.tag-bubble:hover{transform:scale(1.05);box-shadow:0 0 12px rgba(80,200,120,.4);color:#287d5a}.tag-bubble .count{font-size:.8em;margin-left:6px;color:#845}@keyframes float-bounce{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}@media(max-width:768px){.tag-bubble::after,.tag-bubble::before{animation:none!important;opacity:.1!important}}.page-title{color:#3cb371;font-weight:700;font-size:1.6rem;margin-bottom:1.2rem;text-align:center}.cute-article p:has(>strong:contains("【6. メタ情報")){display:none}.cute-article p{color:#444}.cute-article h2{color:#3cb371;font-size:1.4rem;font-weight:700;margin-top:2rem;border-bottom:2px solid #a0f0c0;padding-bottom:.3rem}.cute-article h3{color:#287d5a;font-size:1.2rem;font-weight:700;margin-top:1.5rem}.page-content p{color:#444}.page-content h2{color:#3cb371;font-size:1.4rem;font-weight:700;margin-top:2rem;border-bottom:2px solid #a0f0c0;padding-bottom:.3rem}.page-content h3{color:#287d5a;font-size:1.2rem;font-weight:700;margin-top:1.5rem}.page-content ul{padding-left:1.2rem;margin-bottom:1rem}.page-content blockquote{border-left:4px solid #a0f0c0;background-color:#e6fff5;padding:.6rem 1rem;color:#555;font-style:italic;margin:1.5rem 0}.page-content blockquote{position:relative;background:#e6fff5;border-left:6px solid #a0f0c0;border-radius:12px;padding:1rem 1.2rem 1.2rem;margin:3.5rem 0 2rem;font-style:italic;color:#444;box-shadow:2px 2px 8px rgba(80,200,120,.2)}.page-content blockquote::before{content:"イーインのひとこと";display:inline-block;padding-left:32px;background:url(/images/yueli-icon.jpg)no-repeat 0;background-size:24px 24px;height:24px;line-height:24px;color:#3cb371;font-weight:700;margin-top:0;margin-bottom:.5rem}.page-content blockquote::after{content:"";position:absolute;bottom:-16px;left:40px;width:0;height:0;border:8px solid transparent;border-top-color:#e6fff5}h1{color:#287d5a;font-family:kosugi maru,sans-serif;font-size:2rem;text-align:center;margin-top:2rem;margin-bottom:1rem;border-bottom:2px dashed #a0f0c0;padding-bottom:.5rem}h1::after{content:"✨";margin-left:.5rem;color:#a0f0c0;animation:sparkle 2s infinite}@keyframes sparkle{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.footer__links{font-size:.9rem;a { color: #999; margin: 0 0.5rem; text-decoration: none; &:hover { color: #666; text-decoration: underline; } }}.text-center{text-align:center}