@charset "utf-8";

/* 全ページ共通の設定 */

/* 画面全体 */
body {
    margin: 0;
    padding: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    background-color: rgb(50,50,50)
}

/* ヘッダー */
header {
    width: 490px;
    background-color: rgb(255,255,255);
    color: rgb(50,50,50);
    padding: 20px 17px 10px 27px;
    margin: 0 auto 0px;
}
header h1 {
    margin: 0px;
    font-size: 30px;
    text-align: center;
}


/* 本体 */
#main {
    width: 490px;
    padding: 20px 17px 30px 27px;
    margin: 0 auto 0px;
    background-color: rgb(255,255,255);
}
#maincontents h2 {
    padding: 40px 35px 0px 35px;
    font-size: 24px;
    text-align: left;
}
#maincontents h3 {
    padding: 2px 0px 0px 0px;
    font-size: 24px;
    border-right: solid 3px #b7a077;
    border-bottom: solid 3px #b7a077;
    border-radius: 8px;
    background-image: url(../img/mokume2.png);
    margin: 10px 0px 30px 0px;
    text-align: center;
}
#maincontents { margin-bottom: 30px; }
#maincontents section {
    margin-bottom: 20px;
    overflow: hidden;
}
#maincontents figure {
    float: right;
    margin: 0 0 0 16px;
}
#maincontents figcaption {
    font-size: 12px;
    color: #000;
    text-align: center;
}
#maincontents p {
    margin: 0px 10px 10px 20px;
    font-size: 17px;
    font-weight: 700;
}
#maincontents p a {
    text-decoration: none;
    color: rgb(37,35,238);
}
#maincontents p a:hover {
    color: rgb(150,150,238);
}
#maincontents .jump {
    margin: 0px 10px 10px 20px;
    font-size: 28px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px 30px 0px;
}
#maincontents .jump a {
    text-decoration: none;
    color: rgb(37,35,238);
}
#maincontents .jump a:hover {
    color: rgb(150,150,238);
}
#maincontents .linksaki {
    margin: 0px 10px 10px 20px;
    font-size: 18px;
    font-style: italic;
    text-align: right;
    padding: 0px 10px 0px 0px;
}
#maincontents .linksaki a {
    text-decoration: none;
    color: rgb(37,35,238);
}
#maincontents .linksaki a:hover {
    color: rgb(150,150,238);
}

#maincontents nav {
    margin: 0px 10px 20px 20px;
    font-weight: 700;
    font-size: 18px;
    font-style: italic;
}
#maincontents nav a {
    text-decoration: none;
    color: rgb(37,35,238);
}
#maincontents nav a:hover {
    color: rgb(150,150,238);
}
#maincontents .prev {
    margin-left: 155px;
}
#maincontents .next {
    margin-left: 30px;
}



#maincontents ul {
    margin: 20px 0px 25px 0px;
    font-weight: 500;
    font-size: 18px;
}
#maincontents .manga {
    width: 400px;
    margin: 0px 0px 30px 40px;
}


/* フッター */
footer {
    background-color: rgb(30,30,30);
    text-align: center;
}
footer small {
    display: block;
    padding: 3px;
    color: #fff;
}


/* リンク表現の共通設定 */

a:hover {
    font-weight: bold;
    text-decoration: none;
}
a img { transition: opacity 0.5s linear; }
a:hover img { opacity: 0.5 ; }
/* タイトルの共通設定 */
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
/* テキストブロックの共通設定 */
p {
    margin-top: 0;
    line-height: 1.7;
}
/* 画像の共通設定 */
img {
    vertical-align: bottom;
}
span.red {
    color: rgb(255,0,0)
}