@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #f8fafc;
    color: #334155;
}

/* カルーセルのスクロールバーを非表示にする */
.hide-scroll-bar::-webkit-scrollbar {
    display: none;
}
.hide-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 書籍カードの共通スタイル */
.book-card {
    transition: all 0.3s ease;
}
.book-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* 擬似カバーのグラデーションパターン */
.cover-grad-0 { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); }
.cover-grad-1 { background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); }
.cover-grad-2 { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); }
.cover-grad-3 { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }

/* ジャンルページのタブスタイル */
.tab-active {
    border-bottom: 2px solid #4f46e5;
    color: #4f46e5;
    font-weight: bold;
}
.tab-inactive {
    border-bottom: 2px solid transparent;
    color: #64748b;
}
.tab-inactive:hover {
    color: #334155;
}