/* ベースラインのフォントスタイルをリセット */
body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.bookmark-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('/static/images/bookmark-icons72x24.png') no-repeat;
    background-size: 72px 24px;
    cursor: pointer;
    opacity: 0.5;
    background-position: -1px -1px; /* デフォルトはブックマーク前 */
}

.bookmark-icon.bookmarked {
    background-position: -24px -1px; /* ブックマーク後 */
    opacity: 1;
}

/* .bookmark-icon {
    width: 110px;
    height: 110px;
    display: inline-block;
    background: url('/static/images/bookmark-icons.png') no-repeat;
    background-size: 322px 213px;
    cursor: pointer;
    opacity: 0.5;
    background-position: -10px -10px; 
} 

.bookmark-icon.bookmarked {
    background-position: -110px -10px; 
    opacity: 1;
}
*/


.memo-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('/static/images/memo-icons48x24.jpg') no-repeat;
    background-size: 48px 24px;
    cursor: pointer;
    opacity: 0.5;
    background-position: -24px -1px; /* デフォルトはブックマーク前 */
}

.memo-icon.annotated {
    background-position: -1px -1px; /* ブックマーク後 */
    opacity: 1;
}

/* テンプレートの末尾に余白を追加 */
.footer-space {
    margin-bottom: 50px; /* 余白のサイズを調整 */
}

.spacer-50 {
    margin-bottom: 50px; /* 余白のサイズを調整 */
}
.spacer-30 {
    margin-bottom: 30px; /* 余白のサイズを調整 */
}

/* BootStrapクラスのオーバーライド */
.btn-success {
    background-color: #000000 !important;  /* 好みのカラー */
    border-color: #000000 !important;      /* 同様にボーダーの色 24.10.23 #ff69b4から変更 */
}
.btn-primary {
    background-color: #0000cd !important;  /* 好みのカラー */
    border-color: #0000cd !important;      /* 同様にボーダーの色 */
}
.text-primary {
    color: #0000cd !important;
}
.badge-success {
    color: #fff;
    background-color: #ff69b4 !important;
}
#assignment .btn {
    background-color: #fcdeb3 !important;
    color: #6c757d !important;
}
#assignment a {
    color: #0000cd !important;
}