@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Teko');
/*
'Teko' is licensed under the Open Font License.
https://fonts.google.com/specimen/Teko
*/

/* 共通CSS */

html {
    background: transparent;
    font-size: 62.5%;
}
body {
    min-height: 100vh;
    font-family: 'メイリオ', 'ヒラギノ角ゴ', sans-serif;
    letter-spacing: 0.2em;
    line-height: 180%;
}
a {
    text-decoration: none;
}
h2,h3,.mainNav,.navOpen,.navClose,.click{
    font-family: 'Teko', sans-serif;
}
ul,ol,dl {
    list-style: none;
}
input[type],textarea,button,select {
    border: 0;
    font-family: 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: #cfd6db;
    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;
}