Blog & Diary

ブログ・
月海だより

月1回の月海だよりと、東洋医学・
セルフケアのコラムをお届けしています。

読み込み中...

.tab-wrap{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}.tab-btn{padding:8px 24px;border-radius:30px;border:1.5px solid var(--color-border);font-size:.82rem;cursor:pointer;background:var(--color-white);color:var(--color-text);transition:all .2s;font-family:var(--font-sans)}.tab-btn.active,.tab-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.blog-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:box-shadow .2s , transform .2s}.blog-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.07);transform:translateY(-3px)}.blog-card-body{padding:24px}.blog-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.blog-date{font-size:.75rem;color:var(--color-muted)}.blog-cat{display:inline-block;font-size:.65rem;padding:2px 10px;border-radius:20px;white-space:nowrap}.cat-diary{background:var(--color-accent-pale);color:var(--color-accent)}.cat-column{background:#f0f0f8;color:#5a5a8a}.cat-default{background:var(--color-sea-light);color:var(--color-sea)}.blog-title{font-family:var(--font-serif);font-size:.96rem;color:var(--color-deep);margin-bottom:10px;line-height:1.6}.blog-title a{transition:color .2s}.blog-title a:hover{color:var(--color-accent)}.blog-excerpt{font-size:.8rem;color:var(--color-muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.api-loading{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--color-muted);font-size:.88rem}.api-error{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--color-muted);font-size:.85rem}.api-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--color-muted);font-size:.88rem}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}

ブログ・月海だより

ご予約・ご相談はお気軽に。

ブログ・
月海だより