@charset "utf-8";

/*
 * 作家デビュー十周年を迎えて振り返る
 */
body.ten {

}
#container {
    background: url(../img/10th/bg01.jpg);
}
#container > div {
    background-color: #161616;
}
header {
    background: url(../img/10th/kv.png) no-repeat center 0;
}
header h1 {
    text-align: center;
    padding-top: 450px;
}
header nav ul {
    display: flex;
}
header p {
    margin-top: 60px;
}

#comment10th {
    width: 925px;
    margin: auto;
}
#comment10th ul li {
    margin-top: 60px;
    padding-top: 30px;
    position: relative;
}
#comment10th ul li::before {
    content:  '';
    width: 75px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: -55px;
}
#comment10th ul li:nth-of-type(1)::before {
    background-color: #891b1b;
}
#comment10th ul li:nth-of-type(2)::before {
    background-color: #6b3a87;
}
#comment10th ul li:nth-of-type(3)::before {
    background-color: #1d6190;
}
#comment10th ul li:nth-of-type(4)::before {
    background-color: #249065;
}
#comment10th ul li:nth-of-type(5)::before {
    background-color: #ff92ee;
}
#comment10th ul li:nth-of-type(6)::before {
    background-color: #e6e65d;
}
#comment10th ul li:nth-of-type(7)::before {
    background-color: #fe8e57;
}
#comment10th ul li p {
    line-height: 0;
}
#comment10th ul li p:nth-of-type(1) {
    margin-bottom: 25px;
}
#comment10th ul li p.bnr {
    margin: 45px 0 30px 0;
}
.gallery-modal {
    max-width: 1000px;
}
.gallery-modal img {
    width: 100%;
    height: auto;
}

#footerbnr {
    width: 791px;
    margin: 50px auto 0;
}
#footerbnr li {
    margin-bottom: 15px;
}

#footer {
    background: none;
    padding-top: 40px;
    padding-bottom: 50px;
}