@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti&family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&display=swap');

/* 共通CSS */

:root {
  --main-color: #204665;
  --main-color-rgb: 32,70,101;
  --sub-color: #cfd6db;
  --sub-color-rgb: 207,214,219;
}
html {
    background: transparent;
    font-size: 62.5%;
}
body {
    min-height: 100vh;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 180%;
}
a {
    text-decoration: none;
}
ul,ol,dl {
    list-style: none;
}
input[type],textarea,button,select {
    border: 0;
    font-family: 'Noto Sans JP', inherit;
    font-size: 90%;
    letter-spacing: .1em;
    line-height: inherit;
}


/* 小説一覧部分の画像設定 */

.novelList li a::before {
    content: '';
    display: block;
    position: absolute;
     top: 0;
     left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sub-color);
    z-index: -1;
}

.bg1::before {
    background: url('../img/bg/bg_34.jpg') center / cover no-repeat;
}
.bg2::before {
    background: url('../img/design49_6.jpg') 60% 40% / 200% no-repeat #000000;
}
.bg3::before {
    background: url('../img/bg/bg_17.jpg') center / cover no-repeat;
}
.bg4::before {
    background: url('../img/design49_2.jpg') center / 200% no-repeat;
}
.bg5::before {
    background: url('../img/bg/bg_9.jpg') center / cover no-repeat;
}
.bg6::before {
    background: url('../img/design49.jpg') 60% 40% / 200% no-repeat #000000;
}