/*
Theme Name: Eikaiwa DB Custom Theme
Author: Gemini
Description: オリジナル英会話比較サイト用テーマ v0.5
Version: 0.5
*/

/* eikaiwa0.4.html から抽出したカスタムスタイル */
body { font-family: 'Noto Sans JP', sans-serif; background-color: #eee; }

.search-table { width: 100%; border-collapse: collapse; background: white; }
.search-table tr { border-bottom: 1px solid #eee; }
.search-table td { padding: 12px 16px; vertical-align: middle; }
.label-cell { width: 150px; background-color: #fff; font-weight: bold; font-size: 0.8rem; color: #444; }
.input-cell { background-color: #fafafa; }

.tab-btn.active { background-color: #ff0000; color: white; }
.tab-btn { background-color: #ccc; color: #333; }
.btn-search { background: linear-gradient(to bottom, #ffb300, #ff9100); box-shadow: 0 4px 0 #cc7400; }

.news-card { background: white; border-bottom: 1px solid #ddd; padding: 20px 0; display: flex; flex-direction: column; gap: 15px; }
@media (min-width: 640px) {
    .news-card { flex-direction: row; gap: 20px; }
}
.news-thumb { width: 100%; aspect-ratio: 16/9; flex-shrink: 0; background-color: #ddd; position: relative; overflow: hidden; }
@media (min-width: 640px) {
    .news-thumb { width: 220px; height: 140px; }
}
.news-tag { position: absolute; top: 0; left: 0; padding: 2px 8px; font-size: 10px; color: white; }

.rank-num { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #8b7355; color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; }
.rank-num-1 { background: #b8860b; }

#mobile-menu { transition: max-height 0.3s ease-out; max-height: 0; overflow: hidden; }
#mobile-menu.open { max-height: 400px; }